@charset "UTF-8"; /** Carousel Banner */ :root{--f-spinner-width:36px;--f-spinner-height:36px;--f-spinner-color-1:rgba(0,0,0,0.1);--f-spinner-color-2:rgba(17,24,28,0.8);--f-spinner-stroke:2.75}.f-spinner{margin:auto;padding:0;width:36px;width:var(--f-spinner-width);height:36px;height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:2.75;stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg :first-child{stroke:rgba(0, 0, 0, 0.1);stroke:var(--f-spinner-color-1)}.f-spinner svg :last-child{stroke:rgba(17, 24, 28, 0.8);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-zoomInUp{animation:f-zoomInUp .2s ease-out .1s both}.f-zoomOutDown{animation:f-zoomOutDown .2s ease-out both}@keyframes f-zoomInUp{0%{transform:scale(.975) translate3d(0,16px,0);opacity:0}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(.975) translate3d(0,16px,0);opacity:0}}.f-throwOutUp{animation:f-throwOutUp .175s ease-out both}.f-throwOutDown{animation:f-throwOutDown .175s ease-out both}@keyframes f-throwOutUp{to{transform:translate3d(0,-150px,0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,150px,0);opacity:0}}.f-fadeIn{animation:f-fadeIn .2s ease both;z-index:2}.f-fadeOut{animation:f-fadeOut .2s ease both;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-fadeSlowIn{animation:f-fadeSlowIn .5s ease both;z-index:2}.f-fadeSlowOut{animation:f-fadeSlowOut .5s ease both;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeSlowOut{to{opacity:0}}.f-fadeFastIn{animation:f-fadeFastIn .2s ease-out both;z-index:2}.f-fadeFastOut{animation:f-fadeFastOut .2s ease-out both;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}to{opacity:1}}@keyframes f-fadeFastOut{to{opacity:0}}.f-crossfadeIn{animation:f-crossfadeIn .2s ease-out both;z-index:2}.f-crossfadeOut{animation:f-crossfadeOut .1s linear .1s both;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.f-slideIn.from-next{animation:f-slideInNext .85s cubic-bezier(.16,1,.3,1)}.f-slideIn.from-prev{animation:f-slideInPrev .85s cubic-bezier(.16,1,.3,1)}.f-slideOut.to-next{animation:f-slideOutNext .85s cubic-bezier(.16,1,.3,1)}.f-slideOut.to-prev{animation:f-slideOutPrev .85s cubic-bezier(.16,1,.3,1)}@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:f-classicInNext .85s cubic-bezier(.16,1,.3,1);z-index:2}.f-classicIn.from-prev{animation:f-classicInPrev .85s cubic-bezier(.16,1,.3,1);z-index:2}.f-classicOut.to-next{animation:f-classicOutNext .85s cubic-bezier(.16,1,.3,1);z-index:1}.f-classicOut.to-prev{animation:f-classicOutPrev .85s cubic-bezier(.16,1,.3,1);z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes f-classicOutNext{to{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{to{transform:translateX(75px);opacity:0}}:root{--f-button-width:40px;--f-button-height:40px;--f-button-border:0;--f-button-border-radius:0;--f-button-color:#374151;--f-button-bg:#f8f8f8;--f-button-hover-bg:#e0e0e0;--f-button-active-bg:#d0d0d0;--f-button-shadow:none;--f-button-transition:all 0.15s ease;--f-button-transform:none;--f-button-svg-width:20px;--f-button-svg-height:20px;--f-button-svg-stroke-width:1.5;--f-button-svg-fill:none;--f-button-svg-filter:none;--f-button-svg-disabled-opacity:0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:40px;width:var(--f-button-width);height:40px;height:var(--f-button-height);border:0;border:var(--f-button-border);border-radius:0;border-radius:var(--f-button-border-radius);color:#374151;color:var(--f-button-color);background:#f8f8f8;background:var(--f-button-bg);box-shadow:none;box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:all 0.15s ease;transition:var(--f-button-transition)}.f-button:active:not([disabled]){background-color:#d0d0d0;background-color:var(--f-button-active-bg)}.f-button:focus:not(.focus-visible){outline:none}.f-button:focus:not(:focus-visible){outline:none}.f-button.focus-visible{outline:none;box-shadow:inset 0 0 0 2px #374151;box-shadow:inset 0 0 0 var(--f-button-outline,2px) var(--f-button-outline-color,var(--f-button-color))}.f-button.focus-visible{outline:none;box-shadow:inset 0 0 0 2px #374151;box-shadow:inset 0 0 0 var(--f-button-outline,2px) var(--f-button-outline-color,var(--f-button-color))}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #374151;box-shadow:inset 0 0 0 var(--f-button-outline,2px) var(--f-button-outline-color,var(--f-button-color))}.f-button svg{width:20px;width:var(--f-button-svg-width);height:20px;height:var(--f-button-svg-height);fill:none;fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:1.5;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:none;transform:var(--f-button-transform);filter:none;filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:0.65;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{right:auto;left:var(--f-button-prev-pos)}.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{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-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{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(0px + 0px);margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color:#dbdbdb;--fancybox-hover-color:#fff;--fancybox-bg:rgba(24,24,27,0.98);--fancybox-slide-gap:10px;--f-spinner-width:50px;--f-spinner-height:50px;--f-spinner-color-1:hsla(0,0%,100%,0.1);--f-spinner-color-2:#bbb;--f-spinner-stroke:3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:1050;outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container :after,.fancybox__container :before{box-sizing:inherit}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:1;opacity:var(--fancybox-opacity,1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.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;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:#374151;color:var(--fancybox-content-color,#374151);background:#fff;background:var(--fancybox-content-bg,#fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [contenteditable],.fancybox__content [data-selectable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:transparent;min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:none;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.is-animating .fancybox__content,.is-dragging .fancybox__content{filter:blur(0);will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px;word-wrap:anywhere;line-height:1.375;color:currentColor;color:var(--fancybox-color,currentColor);opacity:1;opacity:var(--fancybox-opacity,1);cursor:auto;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;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width:34px;--f-button-height:34px;--f-button-border-radius:4px;--f-button-color:var(--fancybox-color,#fff);--f-button-hover-color:var(--fancybox-color,#fff);--f-button-bg:transparent;--f-button-hover-bg:transparent;--f-button-active-bg:transparent;--f-button-svg-width:22px;--f-button-svg-height:22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn,.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:1;opacity:var(--fancybox-opacity,1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius:50%;--f-button-color:#fff;--f-button-hover-color:#fff;--f-button-outline-color:#000;--f-button-bg:rgba(0,0,0,0.6);--f-button-active-bg:rgba(0,0,0,0.6);--f-button-hover-bg:rgba(0,0,0,0.6);--f-button-svg-width:18px;--f-button-svg-height:18px;--f-button-svg-filter:none;top:5px;right:5px}.fancybox__nav{--f-button-width:50px;--f-button-height:50px;--f-button-border:0;--f-button-border-radius:50%;--f-button-color:var(--fancybox-color);--f-button-hover-color:var(--fancybox-hover-color);--f-button-bg:transparent;--f-button-hover-bg:rgba(24,24,27,0.3);--f-button-active-bg:rgba(24,24,27,0.5);--f-button-shadow:none;--f-button-transition:all 0.15s ease;--f-button-transform:none;--f-button-svg-width:26px;--f-button-svg-height:26px;--f-button-svg-stroke-width:2.5;--f-button-svg-fill:none;--f-button-svg-filter:drop-shadow(1px 1px 1px rgba(24,24,27,0.5));--f-button-svg-disabled-opacity:0.65;--f-button-next-pos:1rem;--f-button-prev-pos:1rem;opacity:1;opacity:var(--fancybox-opacity,1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav,.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{position:absolute;top:50%;left:50%;margin:calc(36px*-0.5) 0 0 calc(36px*-0.5);margin:var(--f-spinner-top,calc(var(--f-spinner-width)*-0.5)) 0 0 var(--f-spinner-left,calc(var(--f-spinner-height)*-0.5));z-index:30;cursor:pointer}.fancybox-protected{right:0;bottom:0}.fancybox-ghost,.fancybox-protected{position:absolute;top:0;left:0;z-index:40;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fancybox-ghost{width:100%;height:100%;min-height:0;-o-object-fit:contain;object-fit:contain;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false] .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):not(.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):not(.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{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:100%;height:100%}.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,.fancybox__container:not(.is-compact) .has-map .fancybox__content,.fancybox__container:not(.is-compact) .has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.has-html5video .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-html5video .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:transparent}.fancybox-placeholder{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.f-carousel__thumbs{--f-thumb-width:96px;--f-thumb-height:72px;--f-thumb-outline:0;--f-thumb-outline-color:#5eb0ef;--f-thumb-opacity:1;--f-thumb-hover-opacity:1;--f-thumb-selected-opacity:1;--f-thumb-border-radius:2px;--f-thumb-offset:0px;--f-button-next-pos:0;--f-button-prev-pos:0}.f-carousel__thumbs.is-classic{--f-thumb-gap:8px;--f-thumb-opacity:0.5;--f-thumb-hover-opacity:1;--f-thumb-selected-opacity:1}.f-carousel__thumbs.is-modern{--f-thumb-gap:4px;--f-thumb-extra-gap:20px;--f-thumb-clip-width:46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2,#e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden}.f-thumbs__track{display:flex;will-change:transform}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);min-width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:-moz-max-content;width:max-content}.is-modern .f-thumbs__track:before{content:"";position:absolute;top:0;bottom:0;left:calc(0*1px);left:calc(var(--left, 0)*1px);width:calc(100% - 0*1px);width:calc(100% - var(--width, 0)*1px);cursor:pointer}.is-modern .f-thumbs__slide{--clip-path:inset(0 calc((var(--f-thumb-width, 0)*0.5 - var(--f-thumb-clip-width, 0)*0.5)*(1 - var(--progress, 0))) round var(--f-thumb-border-radius,0));transform:translate3d(calc(0*-1px),0,0);transform:translate3d(calc(var(--shift, 0)*-1px),0,0);transition:none;pointer-events:none}.is-modern .f-thumbs__slide[focus-within]:not(.is-selected){filter:drop-shadow(-1px 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 .f-thumbs__slide:focus-within:not(.is-selected){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 .f-thumbs__slide>*{-webkit-clip-path:var(--clip-path);clip-path:var(--clip-path)}.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;width:100%;height:100%;margin:0;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:transparent;outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(.focus-visible){outline:none}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button.focus-visible{outline:none}.f-thumbs__slide__button:focus-visible{outline:none}.f-thumbs__slide__button.focus-visible,.is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.f-thumbs__slide__button:focus-visible,.is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button:after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:0 solid transparent;border:var(--f-thumb-outline,0) solid var(--f-thumb-outline-color,transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;-o-object-fit:cover;object-fit:cover}.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;position:relative;opacity:1;opacity:var(--fancybox-opacity,1);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-hidden{max-height:0!important}.is-closing .fancybox__thumbs{transition:none!important}.fancybox__toolbar{--f-progress-color:var(--fancybox-color,hsla(0,0%,100%,0.94));--f-button-width:46px;--f-button-height:46px;--f-button-color:var(--fancybox-color);--f-button-hover-color:var(--fancybox-hover-color);--f-button-bg:rgba(24,24,27,0.65);--f-button-hover-bg:rgba(70,70,73,0.65);--f-button-active-bg:rgba(90,90,93,0.65);--f-button-border-radius:0;--f-button-svg-width:24px;--f-button-svg-height:24px;--f-button-svg-stroke-width:1.5;--f-button-svg-filter:drop-shadow(1px 1px 1px rgba(24,24,27,0.15));--f-button-svg-fill:none;--f-button-svg-disabled-opacity:0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI Adjusted,Segoe UI,Liberation Sans,sans-serif;color:currentColor;color:var(--fancybox-color,currentColor);opacity:1;opacity:var(--fancybox-opacity,1);text-shadow:1px 1px 1px rgba(0,0,0,.5);text-shadow:var(--fancybox-toolbar-text-shadow,1px 1px 1px rgba(0,0,0,.5));pointer-events:none;z-index:20}.fancybox__toolbar .focus-visible{z-index:1}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:f-fadeOut .15s ease-out both}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:40px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;-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:#f8f8f8;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}:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child,[data-fancybox-toggle-fullscreen] svg g:last-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{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:#0091ff;background:var(--f-progress-color,var(--f-carousel-theme-color,#0091ff));z-index:30;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}@media (hover:hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:#e0e0e0;background-color:var(--f-button-hover-bg)}} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100% } body { margin: 0 } main { display: block } h1 { font-size: 2em; margin: .67em 0 } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace,monospace; font-size: 1em } a { background-color: transparent } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b,strong { font-weight: bolder } code,kbd,samp { font-family: monospace,monospace; font-size: 1em } small { font-size: 80% } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } img { border-style: none } button,input,optgroup,select,textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 } 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 { border-style: none; padding: 0 } [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: .35em .75em .625em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { vertical-align: baseline } textarea { overflow: auto } [type=checkbox],[type=radio] { 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: -2px } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details { display: block } summary { display: list-item } [hidden],template { display: none } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-vertical>.swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box } .swiper-android .swiper-slide,.swiper-wrapper { transform: translateZ(0) } .swiper-pointer-events { touch-action: pan-y } .swiper-pointer-events.swiper-vertical { touch-action: pan-x } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-autoheight,.swiper-autoheight .swiper-slide { height: auto } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform,height } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px } .swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-3d .swiper-slide-shadow { background: rgba(0,0,0,.15) } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(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 { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-horizontal.swiper-css-mode>.swiper-wrapper { scroll-snap-type: x mandatory } .swiper-vertical.swiper-css-mode>.swiper-wrapper { scroll-snap-type: y mandatory } .swiper-centered>.swiper-wrapper:before { content: ""; flex-shrink: 0; order: 9999 } [dir="ltr"] .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { margin-left: var(--swiper-centered-offset-before) } [dir="rtl"] .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { margin-right: 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-top: var(--swiper-centered-offset-before) } .swiper-centered.swiper-vertical>.swiper-wrapper:before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after) } .swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center } .swiper-virtual .swiper-slide { transform: translateZ(0) } .swiper-virtual.swiper-css-mode .swiper-wrapper:after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after { height: 1px; width: var(--swiper-virtual-size) } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after { width: 1px; height: var(--swiper-virtual-size) } :root { --swiper-navigation-size: 44px } .swiper-button-next,.swiper-button-prev { position: absolute; top: 50%; width: calc(44px /44*27); width: calc(var(--swiper-navigation-size)/44*27); height: 44px ; height: var(--swiper-navigation-size); margin-top: calc(0px - 44px /2); margin-top: calc(0px - var(--swiper-navigation-size)/2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #007aff ; color: var(--swiper-navigation-color,var(--swiper-theme-color)) } .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none } .swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev { display: none!important } .swiper-button-next:after,.swiper-button-prev:after { font-family: swiper-icons; font-size: 44px; font-size: var(--swiper-navigation-size); text-transform: none!important; letter-spacing: 0; font-variant: normal; line-height: 1 } .swiper-button-prev,.swiper-rtl .swiper-button-next { left: 10px; right: auto } .swiper-button-prev:after,.swiper-rtl .swiper-button-next:after { content: "prev" } .swiper-button-next,.swiper-rtl .swiper-button-prev { right: 10px; left: auto } .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after { content: "next" } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; transition: opacity .3s; transform: translateZ(0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled { display: none!important } .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) } .swiper-pagination-bullet { width: 8px; width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: 8px; height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display: inline-block; border-radius: 50%; background: #000; background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: .2; opacity: var(--swiper-pagination-bullet-inactive-opacity,.2) } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet:only-child { display: none!important } .swiper-pagination-bullet-active { opacity: 1; opacity: var(--swiper-pagination-bullet-opacity,1); background: #007aff ; background: var(--swiper-pagination-color,var(--swiper-theme-color)) } .swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0,-50%,0) } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; display: block } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform .2s,top .2s } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; 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 { transition: transform .2s,right .2s } .swiper-pagination-progressbar { background: rgba(0,0,0,.25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff ; background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; background: rgba(0,0,0,.1) } .swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled { display: none!important } .swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,.5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center } .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border-radius: 50%; border: 4px solid #007aff ; border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-top: 4px solid transparent } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s linear infinite } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; display: none !important; } .swiper-notification { display: none !important } .swiper-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .swiper-grid>.swiper-wrapper { flex-wrap: wrap } .swiper-grid-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: column } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube { overflow: visible } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100% } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0 } .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; opacity: .6; z-index: 0 } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px) } .swiper-flip { overflow: visible } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform,opacity,height } .swiper-cards { overflow: visible } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden } @font-face { font-family: icomoon; src: url(../fonts/icomoon.woff?qazqes) format("woff"); font-weight: 400; font-style: normal; font-display: block } [class*=" icon-"],[class^=icon-] { font-family: icomoon!important; speak: none; font-style: normal; font-weight: 400; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-facebook:before { content: "" } .icon-search-ic:before { content: "" } .icon-search:before { content: "" } .icon-home:before { content: "" } .icon-like:before { content: "" } *,:after,:before,html { box-sizing: border-box } img { max-width: 100%; height: auto; } .container { max-width: 1240px; padding: 0 20px; margin: 0 auto; width: 100% } .resize-active * { transition: none!important } button { cursor: pointer } .visually-hidden { border: 0; clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px } .visually-hidden.focusable:active,.visually-hidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; white-space: inherit; width: auto } body { color: #000; font-family: microsoft yahei,新細明體,mingliu,Arial,Helvetica,sans-serif; font-size: 16px; line-height: 1.5; font-weight: 400 } input[type=search] { -webkit-appearance: none; -webkit-border-radius: 0 } a { transition: color .35s cubic-bezier(.3,.86,.36,.95); color: #0366d6 } a,a:hover { text-decoration: none } a:hover { color: #035abd } dl,ol,p,ul { margin: 0 0 1.5em } input[type=email],input[type=tel],input[type=text],textarea { transition: border-color .35s cubic-bezier(.3,.86,.36,.95); border: 1px solid; background-color: transparent; width: 100%; min-width: 0; padding: 1.2rem 2.4rem; border-radius: 0; -webkit-appearance: none } input[type=email]:focus,input[type=email]:hover,input[type=tel]:focus,input[type=tel]:hover,input[type=text]:focus,input[type=text]:hover,textarea:focus,textarea:hover { box-shadow: none; outline: none } .article-page__row,.homepage__row { display: flex; flex-direction: column } .header { width: 100%; position: fixed; top: 0; right: 0; left: 0; background-color: #fff; z-index: 999; transition: .35s } .header.sticky { box-shadow: 0 0 15px rgba(0,0,0,.25) } .header.sticky .header__middle { padding: 0; } .header.sticky .header__logo img { height: 0; } .header.sticky .header__nav { height: calc(100% - 141px); top: 141px; } .header .container { padding: 0; } .header__inner { display: flex; flex-direction: column; align-items: stretch } .header__button-holder { display: flex; flex-direction: row; align-items: center; justify-content: center; } .header__top { max-width: 100%; margin: 0 auto; order: 1; } .header__top ul { display: flex; justify-content: stretch; margin: 0; padding: 0; list-style-type: none; min-width: 100%; overflow-x: auto; overflow-y: hidden } .header__top .header__top_desktop { display: none; } .header__top .header__top_mobile { display: flex; } .header__top li { position: relative; flex: 1 0 auto } .header__top li:after { content: ""; position: absolute; width: 1px; height: 22px; top: 50%; right: -1px; transform: translateY(-50%); background-color: #d1d3d4 } .header__top li:last-of-type:after { display: none } .header__top a { display: block; padding: 7px 8px; width: 100%; text-align: center; color: #000; position: relative; font-size: 19px; line-height: 1.6; } .header__top a:after { content: ""; width: 8px; height: 8px; background-color: #fff; position: absolute; left: 50%; bottom: -5px; transform: translateX(-50%) rotate(45deg); z-index: 99; display: none } .header__top a:hover { background-color: #d1d3d4 } .header__top a:hover:after { display: block } .header__top .current { background-color: #d1d3d4 } .header__top .current:after { display: block } .header__middle { padding: 10px 15px; } .header__logo,.header__middle { transition: .35s; display: flex; justify-content: center } .header__logo { max-width: 348px; width: 100%; margin: 0 auto } .header__logo img { height: 42px; transition: .35s } .header__bottom { flex-direction: row-reverse; justify-content: space-between; background-color: #a9010b; padding: 9px 12px; } .header__bottom,.header__search { display: flex; align-items: center } .header__bottom-title{ line-height: 25px; color:#ffffff; } .header__bottom-title h2{ padding: 0 !important; margin: 0 !important; } .header__search-btn { background-color: transparent; border: 0; padding: 0; color: #fff; font-size: 24px; line-height: 1; width: 20px; margin: 0 8px 0 0; } .header__search-btn.header__home-btn { width: auto; margin-left: 8px; display: flex; align-items: center; justify-content: center; } .header__search-btn.header__home-btn img { width: 67px; } .header__search form { display: flex; max-width: 200px } .header__search form input { padding: 4px 4px 4px 8px; border: 0; border-radius: 13px 0 0 13px; flex: 1 1 auto; min-width: 0; font-size: 14px; line-height: 1 } .header__search form button { flex: 0 0 29px; border-radius: 0 13px 13px 0; text-align: center; border: 0; background-color: #d1d3d4; color: #a9010b; font-size: 20px; padding: 2px 0 0 } .header__search .search-slide { display: none; } .header__nav { flex: 1 1 auto; position: fixed; width: 100%; height: calc(100% - 150px); left: 100%; top: 86px; transition: .35s; /*padding: 20px;*/ background-color: #ddd; padding: 0; overflow-y: scroll; } .menu-active .header__nav { left: 0; } .header__nav .header__nav__desktop { display: none; } .header__nav .header__nav__mobile { } .header__nav .header__nav__mobile .header__nav__mobile__menus{ display: flex; flex-wrap: wrap; align-items: center; padding: 10px 15px; } .header__nav .header__nav__mobile .header__nav__mobile__menus a { margin: 0; background-color: transparent; width: 25%; } .header__nav .header__nav__mobile .header__nav__mobile__menus a:before{ width: 0; height: 0; } .header__nav .header__nav__mobile .header__nav__mobile__menus img { width: 90%; height: 90%; border-radius: 10%; } .header__nav .header__nav__mobile .header__nav__mobile__menus h3 { font-size: 18px; font-weight: 400; margin: 10px 0 0 0; color: #333; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .header__nav ul { list-style-type: none; margin: 0; padding: 0 10px 0 0; overflow: auto; height: 100%; } .header__nav li { position: relative; flex: 1 1 auto } .header__nav a { display: block; padding: 12px 4px 12px 4px; font-size: 18px; background-color: #a9010b; color: #fff; text-align: center; min-width: 38px; position: relative } .header__nav a.active { background: #fff; color: #a9010b; border-bottom: 3px solid #a9010b; } .header__nav a:before { content: ""; position: absolute; width: 100%; height: 1px; top: 0; left: 0; border-bottom: 1px solid hsla(0,0%,100%,.4); background-color: transparent!important } .hover-green:before,.hover-green:hover { background-color: #093 } .hover-green:after { background: url('data:image/svg+xml;charset=utf-8,') no-repeat } .hover-gray:before,.hover-gray:hover { background-color: #d1d3d4 } .hover-gray:after { background: url('data:image/svg+xml;charset=utf-8,') no-repeat } .hover-blue:before,.hover-blue:hover { background-color: #069 } .hover-blue:after { background: url('data:image/svg+xml;charset=utf-8,') no-repeat } .hover-bronze-1:before,.hover-bronze-1:hover { background-color: #d08466 } .hover-bronze-1:after { background: url('data:image/svg+xml;charset=utf-8,') no-repeat } .hover-bronze:before,.hover-bronze:hover { background-color: #960 } .hover-bronze:after { background: url('data:image/svg+xml;charset=utf-8,') no-repeat } .hover-purple:before,.hover-purple:hover { background-color: #909 } .hover-purple:after { background: url('data:image/svg+xml;charset=utf-8,') no-repeat } .hover-orange:before,.hover-orange:hover { background-color: #f60 } .hover-orange:after { background: url('data:image/svg+xml;charset=utf-8,') no-repeat } .hover-green-light:before,.hover-green-light:hover { background-color: #6c3 } .hover-green-light:after { background: url('data:image/svg+xml;charset=utf-8,') no-repeat } .hover-pink:before,.hover-pink:hover { background-color: #c06 } .hover-pink:after { background: url('data:image/svg+xml;charset=utf-8,') no-repeat } .hover-brown:before,.hover-brown:hover { background-color: #c60 } .hover-brown:after { background: url('data:image/svg+xml;charset=utf-8,') no-repeat } .hover-teal:before,.hover-teal:hover { background-color: #099 } .hover-teal:after { background: url('data:image/svg+xml;charset=utf-8,') no-repeat } .hover-red-dark:before,.hover-red-dark:hover { background-color: #ad0000 } .hover-red-dark:after { background: url('data:image/svg+xml;charset=utf-8,') no-repeat } .header__nav .sub-menus, .header__nav .sub-sub-menus { display: none; position: absolute; /*display: flex;*/ flex-direction: column; list-style: none; margin: 0; padding: 0; box-shadow: 0 2px 9px rgba(0,0,0,.5); background-color: #a9010b; } .header__nav .sub-menus { top: 100%; left: -50%; z-index: 1000; } .header__nav .sub-sub-menus { top: 0; left: 100%; z-index: 1001; } .header__nav .sub-menus>div { position: relative; } .header__nav .sub-menus div { text-align: center; } .header__nav .sub-menus a { white-space: nowrap; padding: 4px 10px; max-width: 120px; } .header__nav .sub-menus a:after { width: 0; } .menu-btn { background-color: transparent; border: 0; border-radius: 0; position: relative; width: 18px; height: 18px } .menu-btn:after,.menu-btn:before { content: ""; position: absolute; left: 0; width: 100%; height: 3px; background-color: #fff; transition: .35s } .menu-btn:before { top: 0; } .menu-active .menu-btn:before { top: 7px; transform: rotate(45deg); } .menu-btn:after { bottom: 0; } .menu-active .menu-btn:after { bottom: 8px; transform: rotate(-45deg); } .menu-btn span { position: absolute; left: 0; width: 100%; height: 3px; background-color: #fff; top: 7px; transition: .35s; } .menu-active .menu-btn span { transform: scaleX(0); } body { background-color: #fff; /*letter-spacing: -.08em*/ } .lock,.wrapper { overflow: hidden } .wrapper { max-width: 100%; width: 100%; position: relative } .accessibility { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden } .accessibility:focus { position: static; width: auto; height: auto } .main { padding-top: 98px; } .banner-image { padding: 10px 0 26px 0; border-bottom: 1px solid #d1d3d4 } .banner-image.mobile-only{ width:100%; } .banner-image a { max-width: 728px; margin: 0 auto; display: block; font-size: 0 } #desktop-hotnews-box-2, #desktop-hotnews-box-3, #desktop-hotnews-box-4{ margin:0 -17px; } .content .container { padding: 0 } .news-large+.banner-image { border-top: 1px solid #d1d3d4 } .news-large { display: block } .news-large:not(a) { background-color: #069848; } .news-large:not(a) .news-large__title { background-color: transparent; color: #fff; font-weight: 300; font-size: 29px; padding: 12px 20px 10px 17px; position: relative } .news-large:not(a) .news-large__title-category { font-size: 46px; line-height: 1; font-weight: 700; color: hsla(0,0%,100%,.4); position: absolute; top: 0; right: 0 } .news-large:not(a) .news-large__data { display: block; font-size: 14px } .news-large:not(a) .news-large__socials { display: none } .news-large:not(a):hover .news-large__title { text-decoration: none } .news-large:hover .news-large__title { text-decoration: underline } .news-large__image { font-size: 0; overflow: hidden; } .news-large__image img { width: 100%; max-height: 327px; -o-object-fit: cover; object-fit: cover; transition: .35s } .news-large__image video{ width: 100%; } .news-large__data { display: none; margin: 8px 0 0; color: #000; font-size: 16px; font-weight: 400; } .news-large__data.date { color: #FFF; } .news-large__socials { margin: 18px 0; padding: 0 17px } .news-large__socials .socials { justify-content: flex-end } .news-large__title { padding: 12px 30px; color: #000; transition: .35s; margin-bottom: 18px; box-shadow: 1px 3px #cececd; } .news-large__title__content { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .news-large__title .title { color: #AD0000; } .news-large__title-side { display: none; visibility: hidden } .news-large__title h2 { margin: 0; font-weight: 300; font-size: 22px; line-height: 1.3; } .news-large__title h2 strong { font-weight: 500; } .news-large__summary { color: #000; margin: 15px 0 0 0; font-size: 18px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .hero-news-block-sm { padding: 0 0px; } .news-small { padding: 7px 8px; border-bottom: 1px solid #d2d3d4; display: flex; align-items: center; color: #000; margin-bottom: 18px; box-shadow: 1px 3px #cececd; } .news-small .title { color: #AD0000; } .news-small:hover { color: #a9010b; } .news-small__image { flex: 0 0 136px; margin: 0 10px 0 0; font-size: 0 } .news-small__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .news-small .h2 { font-size: 18px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0; line-height: 1.5; } .news-small .h2 strong { font-weight: 500; } .news-secondary-block__column { padding: 0 0; } .news-secondary { padding: 10px 8px 8px 8px; display: flex; align-items: center; color: #000; margin-bottom: 18px; box-shadow: 1px 3px #cececd; } .news-secondary .title { color: #AD0000; } .news-secondary:hover { color: #a9010b; } .news-secondary__image { flex: 0 0 136px; margin: 0 10px 0 0 } .news-secondary__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .news-secondary .h2 { font-size: 18px; margin: 0 10px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .news-secondary .h2 strong { font-weight: 500; } .adv-block { border: 1px solid #000; display: flex; margin: 14px 14px 22px; flex-direction: column-reverse; color: #000 } .adv-block:hover { color: #a9010b; } .adv-block__image { font-size: 0 } .adv-block__image img { font-size: 16px; width: 100%; height: 164px; -o-object-fit: cover; object-fit: cover } .adv-block__text { padding: 14px } .adv-block__text .suptitle { color: #a9010b; border-bottom: 3px solid #a9010b; display: block; padding: 0 0 6px; margin: 0 0 12px; font-size: 20px } .adv-block__text strong { font-family: Impact; font-weight: 400 } .adv-block__text .h2 { font-size: 28px; margin: 0 0 12px; font-weight: 400 } .adv-block__text p { margin: 0 } .desktop-category-feature-posts { display: none; } .mobile-category-feature-posts { display: block; } .mobile-category-feature-posts .news-secondary.big-images { flex-direction: column; } .mobile-category-feature-posts .news-secondary.big-images .news-secondary__image { margin: 0 0 10px 0; } .mobile-category-feature-posts .news-secondary.big-images .news-secondary__video { width: 100%; flex: 0 0 136px; margin: 0 0 10px 0; } .cards__row { display: flex; flex-wrap: wrap; row-gap: 20px } .cards__column { width: 100%; padding: 15px 0 15px 15px; } .sidebar .decorated-title { margin: 16px 0 } .sidebar .decorated-title:before { background-color: #e6e7e8 } .sidebar-cards { padding: 0 17px } .sidebar-cards__row { margin: 0 -9px; display: flex; flex-wrap: wrap; row-gap: 18px } .sidebar-cards__item { padding: 0 9px; width: 100%; } .sidebar-card { display: flex; /*max-width: 244px;*/ margin: 0 auto; align-items: center; padding-bottom: 10px; border-bottom: 2px solid #099; } .sidebar-card__top { margin: 0 0 4px } .sidebar-card p { text-align: left; font-size: 18px; color: #000; margin: 0 0 0 10px; } .sidebar-card h3 { font-size: 16px; margin: 0; background-color: #099; line-height: 1.3; padding: 0 0 0 5px; color: #fff; width: 100% } .sidebar-card__image { font-size: 0; width: 166px; margin: 0 auto } .sidebar-card__info { display: none; visibility: hidden } .sidebar-card__info span { font-size: 13px; color: #000 } .sidebar-banner { max-width: 300px; margin: 16px auto; display: block; font-size: 0 } .sidebar-banner-wide { max-width: 320px; margin: 16px auto 0; display: block; font-size: 0 } .like-cards { display: flex; flex-wrap: wrap; justify-content: center; row-gap: 17px } .like-cards__item { padding: 0 17px; margin: 0 0 12px 0; width: 100%; } .like-card { display: block; padding: 0 0 8px; max-width: 278px; margin: 0 auto; border-bottom: 1px solid #fff } .like-card:hover p { color: #a9010b; } .like-card__info { display: flex; justify-content: space-between; align-items: center; margin: 0 0 8px } .like-card .top { font-size: 14px; font-weight: bold; color: #AD0000; } .like-card__img { margin: 0 0 8px 0; } .like-card__img img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } .like-card p { margin: 0; color: #000; font-size: 18px; line-height: 1.5; } .like-card__info .fb-like { margin: 8px 0 0 -10px; } .like { background-color: #069; padding: 1px 7px 1px 1px; justify-content: space-between; min-width: 76px; color: #fff; border-radius: 8px } .like,.like-icon { display: flex; align-items: center } .like-icon { height: 14px; flex: 0 0 14px; background-color: #4080fe; border-radius: 7px; font-size: 8px; line-height: 1; justify-content: center } .like-counter { font-size: 12px; line-height: 1; font-weight: 300; letter-spacing: normal; } .bg-purple { background-color: #909!important } .bg-purple:before { background-image: url(../images/decor/decor-purple.svg)!important } .bg-purple:after { background-image: url(../images/decor/decor-purple-after.svg)!important } .bg-purple-light { background-color: #9d8ad6!important } .bg-purple-light:before { background-image: url(../images/decor/decor-purple-light.svg)!important } .bg-purple-light:after { background-image: url(../images/decor/decor-purple-light-after.svg)!important } .bg-pink { background-color: #c06!important } .bg-pink:before { background-image: url(../images/decor/decor-pink.svg)!important } .bg-pink:after { background-image: url(../images/decor/decor-pink-after.svg)!important } .bg-green-light { background-color: #6c3!important } .bg-green-light:before { background-image: url(../images/decor/decor-green-light.svg)!important } .bg-green-light:after { background-image: url(../images/decor/decor-green-light-after.svg)!important } .bg-peach { background-color: #f9745a!important } .bg-peach:before { background-image: url(../images/decor/decor-peach.svg)!important } .bg-peach:after { background-image: url(../images/decor/decor-peach-after.svg)!important } .bg-blue { background-color: #069!important } .bg-blue:before { background-image: url(../images/decor/decor-blue.svg)!important } .bg-blue:after { background-image: url(../images/decor/decor-blue-after.svg)!important } .bg-green { background-color: #093!important } .bg-green:before { background-image: url(../images/decor/decor-green.svg)!important } .bg-green:after { background-image: url(../images/decor/decor-green-after.svg)!important } .bg-bronze { background-color: #960!important } .bg-bronze:before { background-image: url(../images/decor/decor-bronze.svg)!important } .bg-bronze:after { background-image: url(../images/decor/decor-bronze-after.svg)!important } .bg-orange { background-color: #f60!important } .bg-orange:before { background-image: url(../images/decor/decor-orange.svg)!important } .bg-orange:after { background-image: url(../images/decor/decor-orange-after.svg)!important } .bg-purple-dark { background-color: #54446b!important } .bg-purple-dark:before { background-image: url(../images/decor/decor-purple-dark.svg)!important } .bg-purple-dark:after { background-image: url(../images/decor/decor-purple-dark-after.svg)!important } .bg-yellow { background-color: #e4c505!important } .bg-yellow:before { background-image: url(../images/decor/decor-yellow.svg)!important } .bg-yellow:after { background-image: url(../images/decor/decor-yellow-after.svg)!important } .bg-brown-light { background-color: #c79073!important } .bg-brown-light:before { background-image: url(../images/decor/decor-brown-light.svg)!important } .bg-brown-light:after { background-image: url(../images/decor/decor-brown-light-after.svg)!important } .bg-teal { background-color: #099!important } .bg-teal:before { background-image: url(../images/decor/decor-teal.svg)!important } .bg-teal:after { background-image: url(../images/decor/decor-teal-after.svg)!important } .bg-red-dark { background-color: #b11d21!important } .bg-red-dark:before { background-image: url(../images/decor/decor-red-dark.svg)!important } .bg-red-dark:after { background-image: url(../images/decor/decor-red-dark-after.svg)!important } .tiles { margin: 0 0 20px } .tiles ul { list-style-type: none; margin: 0; padding: 0; display: flex; justify-content: center } .tiles li { margin: 0 6px 0 0 } .tiles li:last-of-type { margin: 0 } .tiles a { font-size: 16px; font-weight: 700; line-height: 1; min-width: 78px; padding: 6px; background-color: #f60; background-repeat: no-repeat; background-position: 100%; display: block; color: #fff; text-align: center; position: relative; transition: .35s } .tiles a:hover { background-color: #cc5200; } .tiles a.active { background-color: #cc5200; } .tiles a:before { content: ""; position: absolute; left: 0; top: 100%; width: 18px; height: 6px; border-top: 6px solid #808184; border-left: 18px solid transparent } .article-meta { display: flex; margin: 0 0 20px; padding: 20px 17px 0 } .live-info .date, .live-info .day { opacity: 0; } .live-info { display: flex; align-items: center; margin-left: auto } .live-info .weather-info { display: flex; flex-direction: column; align-items: center } .live-info .weather { width: 40px; font-size: 0 } .live-info .city { text-align: center; font-size: 9px; font-weight: 700; color: #899eaa } .live-info .date-time { margin: 0 4px 0 0 } .live-info .date { font-size: 16px; font-weight: 700 } .live-info .day { font-size: 25px; font-weight: 300 } .footer-desktop { display: none; visibility: hidden; background-color: #324158; /*max-width: 1200px;*/ margin: 20px auto 0; padding: 48px 0 60px; color: #fff } .footer-mobile { margin: 17px; border: 1px solid #e6e7e8; position: relative; padding: 12px; color: #606161; text-align: center; font-size: 13px; font-weight: 400 } .footer-mobile address { margin: 0!important } .footer-mobile .policy { padding: 0 20px } .footer-mobile .policy a { display: inline-block; color: #606161; padding: 0 4px 0 0; margin: 0 4px 0 0; border-right: 1px solid #606161; line-height: 1 } .footer-mobile .policy a:hover { color: #a9010b; } .footer-mobile:after,.footer-mobile:before { content: ""; max-width: 244px; width: 100%; height: 5px; background-color: #e6e7e8; position: absolute; left: 50%; transform: translateX(-50%) } .footer-mobile:before { top: -5px } .footer-mobile:after { bottom: -5px } .footer .h2 { margin: 0 0 22px } .footer .container { max-width: 924px } .footer__row { display: flex; justify-content: space-between; margin: 0 -15px 46px } .footer__column { padding: 0 15px } .footer__column.__sm { flex: 0 0 230px } .footer__menu { padding: 0 20px 0 0; border-right: 1px solid #fff; margin: 0 20px 0 0 } .footer__menu:last-of-type { border: 0; padding: 0; margin: 0 } .footer__menu ul { list-style-type: none; padding: 0; margin: 0; font-size: 16px; } .footer__menu ul a { color: #bcbec0 } .footer__menu ul a:hover { color: #fff } .footer__nav { display: flex } .footer__form { margin: 0 0 26px } .footer__form form { display: flex } .footer__form input { padding: 4px 4px 4px 8px; border: 0; border-radius: 13px 0 0 13px; flex: 1 1 auto; min-width: 0; font-size: 14px; line-height: 1 } .footer__form button { flex: 0 0 29px; border-radius: 0 13px 13px 0; text-align: center; border: 0; background-color: #d1d3d4; color: #a9010b; font-size: 20px; padding: 2px 0 0 } .footer__policy { padding: 0 0 0 36px; margin: 0; position: relative; list-style-type: none } .footer__policy:before { content: ""; position: absolute; height: 100%; width: 2px; top: 0; left: 20px; background-color: #fff } .footer__policy a { color: #fff } .footer__policy a:hover { color: hsla(0,0%,100%,.7) } .footer__policy li { margin: 0 0 6px } .footer__policy li:last-of-type { margin: 0 } .footer__hor__policy { padding: 14px 0; margin: 0 0 12px 0; position: relative; list-style-type: none; display: flex; align-items: center; justify-content: center; } .footer__hor__policy li { padding: 0 16px; border-right: 1px solid #AAA; } .footer__hor__policy li:last-of-type { border-right: 0; } .footer__hor__policy a { color: #fff; } .footer__hor__policy a:hover { color: hsla(0,0%,100%,.7) } .footer__info { display: flex; color: #bcbec0; font-size: 16px; font-weight: 700; text-align: center; } .footer__info .footer-left, .footer__info .footer-right{ flex: 1; margin: 0; padding: 0; } .footer .copyright { margin: 0; font-size: 10px; font-weight: 400; text-align: right; } .footer__info .social-icons { display: flex; gap: 15px; } .footer__info .icon { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; color: white; transition: background-color 0.3s ease, transform 0.3s ease; text-decoration: none; font-size: 20px; } .footer__info .icon:hover { transform: scale(1.1); } .footer address { margin: 0; font-style: normal; font-size: 10px; font-weight: 400; text-align: right; } .tv-slider { padding: 0 14px 24px; max-width: 100%; border-bottom: 1px solid #d1d3d4; margin: 0 0 24px } .tv-slider__item { background-color: #e6e7e8; min-height: 100%; display: flex; flex-direction: column; max-width: 280px; margin: 0 auto; } .tv-slider__item a { color: #000; display: flex; flex-direction: column; justify-content: space-between; min-height: 100%; height: auto; flex: 1 1 auto; } .tv-slider__item a:hover { color: #a9010b; } .tv-slider__image img { width: 100%; -o-object-fit: cover; object-fit: cover; } .tv-slider__image video { width: 100%; } .tv-slider__text { padding: 15px 10px 15px 10px; flex: 1 1 auto; display: flex; align-items: center } .tv-slider__text p { margin: 0; font-weight: 700; } .tv-slider .swiper-scrollbar { position: relative; top: 0; left: 0; width: 100%; max-width: 100%; margin: 0 13px; height: 3px; background-color: #bcbec0 } .tv-slider .swiper-scrollbar-drag { background-color: #000 } .tv-slider .swiper-slide { min-height: 100%; height: auto } .tv-slider__controls { margin: 30px 0 0; min-height: 24px; display: flex; align-items: center } .tv-slider__button { position: relative; top: 0; left: 0; flex: 0 0 24px; height: 24px; border: 1px solid #bcbec0; transition: .35s; margin: 0!important } .tv-slider__button:hover { border-color: #000 } .tv-slider__button:hover:before { border-top-color: #000 } .tv-slider__button:after { display: none } .tv-slider__button.__prev:before { transform: rotate(90deg) } .tv-slider__button.__next:before { transform: rotate(-90deg) } .tv-slider__button:before { content: ""; width: 8px; height: 8px; border-top: 8px solid #bcbec0; border-left: 8px solid transparent; border-right: 8px solid transparent; transition: .35s } .card { margin: 0 auto; /*border: 1px solid #bcbec0;*/ } .card .decorated-title { position: relative; margin: -5px 0 12px } .card .decorated-title:before { border-top: 1px solid #bcbec0 } .card .decorated-title__inner { justify-content: flex-start; margin-left: 30px; margin-right: 45px; text-align: left; min-width: 0; width: 100%; padding: 0 1px } .sidebar .decorated-title__link, .mobile-blogger-block .decorated-title__link, .card .decorated-title__link { position: absolute; z-index: 1; right: 0; top: 50%; transform: translateY(-50%); color: #a7a9ac; font-size: 10px; line-height: 1; padding: 0 4px 0 0; display: flex; align-items: center; } .sidebar .decorated-title__link a, .mobile-blogger-block .decorated-title__link a, .card .decorated-title__link a { display: flex; flex-direction: row; align-items: center; } .sidebar .decorated-title__link .triangle, .mobile-blogger-block .decorated-title__link .triangle, .card .decorated-title__link .triangle { display: block; transition: .35s; width: 5px; height: 10px; border-left: 5px solid #0366d6; border-top: 5px solid transparent; border-bottom: 5px solid transparent; margin: 0 0 1px 4px; } .sidebar .decorated-title__link a:hover, .mobile-blogger-block .decorated-title__link a:hover, .card .decorated-title__link a:hover { border-left: 5px solid #a9010b; } .card__inner { padding: 0 10px 12px } .card__inner ul { list-style-type: none; margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #bcbec0; } .card__inner ul li { margin: 0 0 14px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .card__inner ul li a{ } .card__inner ul li:last-of-type { margin: 0; } .card__inner a { color: #000 } .card__inner a:hover { color: #a9010b; } .card__headline .h3 { margin: 10px 0; /*padding: 0 0 10px;*/ color: #a9010b; font-size: 18px; line-height: 1.5; font-weight: 700; transition: .35s; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .card__image { font-size: 0; min-height: 109px; } .card__image img { } .card-purple .decorated-title__inner { background-color: #909 } .card-purple .decorated-title__inner:before { background-image: url(../images/decor/decor-purple.svg) } .card-purple .decorated-title__inner:after { background-image: url(../images/decor/decor-purple-after.svg) } .card-purple .decorated-title__link a:hover { border-left: 5px solid #909 } .card-purple .card__headline h3,.card-purple ul a:hover { color: #909 } .card-purple .card__headline:hover h3 { color: #000 } .card-purple-light .decorated-title__inner { background-color: #9d8ad6 } .card-purple-light .decorated-title__inner:before { background-image: url(../images/decor/decor-purple-light.svg) } .card-purple-light .decorated-title__inner:after { background-image: url(../images/decor/decor-purple-light-after.svg) } .card-purple-light .decorated-title__link a:hover { border-left: 5px solid #9d8ad6 } .card-purple-light .card__headline h3,.card-purple-light ul a:hover { color: #9d8ad6 } .card-purple-light .card__headline:hover h3 { color: #000 } .card-pink .decorated-title__inner { background-color: #c06 } .card-pink .decorated-title__inner:before { background-image: url(../images/decor/decor-pink.svg) } .card-pink .decorated-title__inner:after { background-image: url(../images/decor/decor-pink-after.svg) } .card-pink .decorated-title__link a:hover { border-left: 5px solid #c06 } .card-pink .card__headline h3,.card-pink ul a:hover { color: #c06 } .card-pink .card__headline:hover h3 { color: #000 } .card-green-light .decorated-title__inner { background-color: #6c3 } .card-green-light .decorated-title__inner:before { background-image: url(../images/decor/decor-green-light.svg) } .card-green-light .decorated-title__inner:after { background-image: url(../images/decor/decor-green-light-after.svg) } .card-green-light .decorated-title__link a:hover { border-left: 5px solid #6c3 } .card-green-light .card__headline h3,.card-green-light ul a:hover { color: #6c3 } .card-green-light .card__headline:hover h3 { color: #000 } .card-peach .decorated-title__inner { background-color: #f9745a } .card-peach .decorated-title__inner:before { background-image: url(../images/decor/decor-peach.svg) } .card-peach .decorated-title__inner:after { background-image: url(../images/decor/decor-peach-after.svg) } .card-peach .decorated-title__link a:hover { border-left: 5px solid #f9745a } .card-peach .card__headline h3,.card-peach ul a:hover { color: #f9745a } .card-peach .card__headline:hover h3 { color: #000 } .card-blue .decorated-title__inner { background-color: #069 } .card-blue .decorated-title__inner:before { background-image: url(../images/decor/decor-blue.svg) } .card-blue .decorated-title__inner:after { background-image: url(../images/decor/decor-blue-after.svg) } .card-blue .decorated-title__link a:hover { border-left: 5px solid #069 } .card-blue .card__headline h3,.card-blue ul a:hover { color: #069 } .card-blue .card__headline:hover h3 { color: #000 } .card-green .decorated-title__inner { background-color: #093 } .card-green .decorated-title__inner:before { background-image: url(../images/decor/decor-green.svg) } .card-green .decorated-title__inner:after { background-image: url(../images/decor/decor-green-after.svg) } .card-green .decorated-title__link a:hover { border-left: 5px solid #093 } .card-green .card__headline h3,.card-green ul a:hover { color: #093 } .card-green .card__headline:hover h3 { color: #000 } .card-bronze .decorated-title__inner { background-color: #960 } .card-bronze .decorated-title__inner:before { background-image: url(../images/decor/decor-bronze.svg) } .card-bronze .decorated-title__inner:after { background-image: url(../images/decor/decor-bronze-after.svg) } .card-bronze .decorated-title__link a:hover { border-left: 5px solid #960 } .card-bronze .card__headline h3,.card-bronze ul a:hover { color: #960 } .card-bronze .card__headline:hover h3 { color: #000 } .card-orange .decorated-title__inner { background-color: #f60 } .card-orange .decorated-title__inner:before { background-image: url(../images/decor/decor-orange.svg) } .card-orange .decorated-title__inner:after { background-image: url(../images/decor/decor-orange-after.svg) } .card-orange .decorated-title__link a:hover { border-left: 5px solid #f60 } .card-orange .card__headline h3,.card-orange ul a:hover { color: #f60 } .card-orange .card__headline:hover h3 { color: #000 } .card-purple-dark .decorated-title__inner { background-color: #54446b } .card-purple-dark .decorated-title__inner:before { background-image: url(../images/decor/decor-purple-dark.svg) } .card-purple-dark .decorated-title__inner:after { background-image: url(../images/decor/decor-purple-dark-after.svg) } .card-purple-dark .decorated-title__link a:hover { border-left: 5px solid #54446b } .card-purple-dark .card__headline h3,.card-purple-dark ul a:hover { color: #54446b } .card-purple-dark .card__headline:hover h3 { color: #000 } .card-yellow .decorated-title__inner { background-color: #e4c505 } .card-yellow .decorated-title__inner:before { background-image: url(../images/decor/decor-yellow.svg) } .card-yellow .decorated-title__inner:after { background-image: url(../images/decor/decor-yellow-after.svg) } .card-yellow .decorated-title__link a:hover { border-left: 5px solid #e4c505 } .card-yellow .card__headline h3,.card-yellow ul a:hover { color: #e4c505 } .card-yellow .card__headline:hover h3 { color: #000 } .card-brown-light .decorated-title__inner { background-color: #c79073 } .card-brown-light .decorated-title__inner:before { background-image: url(../images/decor/decor-brown-light.svg) } .card-brown-light .decorated-title__inner:after { background-image: url(../images/decor/decor-brown-light-after.svg) } .card-brown-light .decorated-title__link a:hover { border-left: 5px solid #c79073 } .card-brown-light .card__headline h3,.card-brown-light ul a:hover { color: #c79073 } .card-brown-light .card__headline:hover h3 { color: #000 } .card-teal .decorated-title__inner { background-color: #099 } .card-teal .decorated-title__inner:before { background-image: url(../images/decor/decor-teal.svg) } .card-teal .decorated-title__inner:after { background-image: url(../images/decor/decor-teal-after.svg) } .card-teal .decorated-title__link a:hover { border-left: 5px solid #099 } .card-teal .card__headline h3,.card-teal ul a:hover { color: #099 } .card-teal .card__headline:hover h3 { color: #000 } .card-red-dark .decorated-title__inner { background-color: #b11d21 } .card-red-dark .decorated-title__inner:before { background-image: url(../images/decor/decor-red-dark.svg) } .card-red-dark .decorated-title__inner:after { background-image: url(../images/decor/decor-red-dark-after.svg) } .card-red-dark .decorated-title__link a:hover { border-left: 5px solid #b11d21 } .card-red-dark .card__headline h3,.card-red-dark ul a:hover { color: #b11d21 } .card-red-dark .card__headline:hover h3 { color: #000 } .article-body { padding: 22px 17px; font-size: 16px; font-weight: 400; line-height: 1.3; } .article-body>:last-child { margin-bottom: 0 } .article-body p { margin: 18px 0 18px 0; font-size: 16px; line-height: 1.5; } .article-body .caption { padding: 8px 0; color: #666; font-size: 14px; border-bottom: 1px dotted #ccc; } .article-body img { display: block; width: auto; max-width: 100%; max-height: 600px; margin: 18px auto 0 auto; } .article-controls { max-width: 341px; margin: 0 auto } .article-controls img { margin: 0 } .feed { padding: 22px 17px 44px; border-bottom: 1px solid #d1d3d4 } .feed ul { list-style-type: none; margin: 0 0 18px; padding: 0; font-size: 16px; line-height: 1.14; font-weight: 700 } .feed ul:last-of-type { margin: 0 } .feed ul li { margin: 0 0 18px } .feed ul li:last-of-type { margin: 0 } .feed ul a { color: #000 } .feed ul a:hover { color: #a9010b; } .last-slider { overflow: hidden } .last-slider-block { position: relative; padding: 0 17px 20px } .last-slider-block:before { content: ""; position: absolute; width: 100%; height: 98px; bottom: 0; left: 0; background-color: #e6e7e8 } .last-slider .swiper-wrapper { counter-reset: slider-count } .last-slider .swiper-slide { counter-increment: slider-count } .last-slider .swiper-slide .last-slider__item:before { content: counter(slider-count) } .last-slider__controls { position: relative; margin: 28px 0; width: 100%; display: flex; justify-content: flex-end; overflow: hidden } .last-slider__buttons { display: flex; align-items: stretch; position: relative } .last-slider__buttons:before { content: ""; position: absolute; height: 1px; width: 10000px; top: 50%; right: calc(100% + 6px); transform: translateY(-50%); background-color: #d1d3d4 } .last-slider__buttons .rule { display: block; width: 1px; background-color: #d1d3d4; margin: 0 8px } .last-slider__button { width: 16px; height: 16px; cursor: pointer; transition: .35s } .last-slider__button.__prev { border-right: 8px solid #d1d3d4; border-top: 8px solid transparent; border-bottom: 8px solid transparent } .last-slider__button.__prev:hover { border-right-color: #000 } .last-slider__button.__next { border-left: 8px solid #d1d3d4; border-top: 8px solid transparent; border-bottom: 8px solid transparent } .last-slider__button.__next:hover { border-left-color: #000 } .last-slider__item { display: block; padding: 0 17px 0 30px; color: #000; max-width: 192px; margin: 0 auto; border-right: 1px solid #d1d3d4; box-sizing: border-box; position: relative } .last-slider__item:hover { color: #a9010b; } .last-slider__item:hover:before { color: #000 } .last-slider__item:before { font-size: 22px; line-height: 1; font-weight: 700; position: absolute; top: 0; left: 0; width: 30px; text-align: center } .last-slider__item h3 { font-size: 18px; line-height: 1.5; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .fancy-popup { width: 100%; height: 100%; padding: 70px 0 40px 0; display: none; transition: transform .35s; transition-delay: 1.2s } .fancy-popup-back-to-article { position: absolute; font-size: 16px; top: 10px; left: 10px; line-height: 1; border: 0; padding: 4px 4px 4px 25px; font-weight: 700; background-color: #e6e7e8; transition: .35s; z-index: 99999; color: #000 } .fancy-popup-back-to-article:hover { background-color: #d1d3d4 } .fancy-popup-back-to-article:before { content: ""; position: absolute; height: 16px; width: 1px; top: 50%; left: 19px; background-color: #bcbec0; transform: translateY(-50%) } .fancy-popup-back-to-article:after { content: ""; width: 6px; height: 14px; position: absolute; top: 50%; left: 7px; transform: translateY(-50%); border-right: 6px solid #bcbec0; border-top: 7px solid transparent; border-bottom: 7px solid transparent } .fancybox-slide .fancy-popup { display: block } .fancy-popup__inner { max-width: 1024px; margin: 0 auto; height: 100%; overflow: hidden; } .fancy-popup__inner .h2 { margin: 0 0 32px; font-size: 24px; font-weight: 700; color: #a9010b; line-height: 1.14 } .fancy-popup__row { display: flex; flex-wrap: wrap; row-gap: 24px; height: 100%; } .fancy-popup__image { width: 100%; display: flex; align-items: center; justify-content: center; } .fancy-popup__image figure { margin: 0; flex: 0 0 100%; /* flex-grow, flex-shrink, flex-basis */ } .fancy-popup__text { width: 100%; font-size: 16px; line-height: 1.5; font-weight: 400; } .fancy-popup__text ol,.fancy-popup__text p,.fancy-popup__text ul { margin-bottom: 18px } .fancy-custom.fancybox-is-open .fancybox-stage { transform: scale(1); visibility: visible } .fancy-custom .fancybox-stage { transform: scale(0); transition: .35s } .fancy-custom .fancybox-infobar { left: auto; right: 44px } .fancy-custom .fancybox-slide { padding: 0 } .fancy-custom .fancybox-navigation button { width: 44px; height: 44px; padding: 0 } .fancy-slider { padding: 22px 0; background-color: #e6e7e8; } .fancy-main { overflow: hidden } .fancy-main__slide { display: block } .fancy-main__slide:hover .fancy-main__title { color: #a9010b; } .fancy-main__image { font-size: 0; background-color: #f1f1f1; } .fancy-main__image img { width: 100%; max-height: 392px; -o-object-fit: cover; object-fit: cover; } .fancy-main__title { display: none } .fancy-main__controls { position: relative; margin: 20px 0; width: 100%; display: none; visibility: hidden; justify-content: flex-end; overflow: hidden } .fancy-main__controls-text { position: relative; font-size: 16px; font-weight: normal; line-height: 1; margin: 0 0 0 12px; letter-spacing: normal; } .fancy-main__controls-text:before { content: ""; position: absolute; height: 1px; width: 10000px; top: 50%; right: calc(100% + 6px); transform: translateY(-50%); background-color: #bcbec0 } .fancy-main__buttons { display: flex; align-items: stretch; position: relative } .fancy-main__buttons .rule { display: block; width: 1px; background-color: #bcbec0; margin: 0 8px } .fancy-main__button { width: 16px; height: 16px; cursor: pointer; transition: .35s } .fancy-main__button.__prev { border-right: 8px solid #bcbec0; border-top: 8px solid transparent; border-bottom: 8px solid transparent } .fancy-main__button.__prev:hover { border-right-color: #000 } .fancy-main__button.__next { border-left: 8px solid #bcbec0; border-top: 8px solid transparent; border-bottom: 8px solid transparent } .fancy-main__button.__next:hover { border-left-color: #000 } .fancy-thumbs { overflow: hidden; display: none; visibility: hidden } .fancy-thumbs .swiper-slide { position: relative } .fancy-thumbs .swiper-slide:after { content: ""; position: absolute; height: 100%; width: 2px; top: 0; left: calc(100% + 9px); background-color: #bcbec0 } .fancy-thumbs__image { max-height: 114px; font-size: 0; overflow: hidden; } .fancy-thumbs__image img { width: 100%; height: 100% } .fancy-thumbs__title { font-weight: normal; font-size: 16px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .fancy-main { padding: 0 17px } .fancy-main .swiper-wrapper { display: flex; flex-wrap: wrap; margin: 0 -10px; width: auto; row-gap: 10px } .fancy-main.show-more .swiper-slide { display: block; visibility: visible } .fancy-main.show-more .more-tiles,.fancy-main .swiper-slide { display: none; visibility: hidden } .fancy-main .swiper-slide { padding: 0 5px; position: relative; width: 33.333% } .fancy-main .swiper-slide img { aspect-ratio: 82/63 } .fancy-main .swiper-slide .more-tiles { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.8); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 30px; line-height: 1; transition: background-color .35s } .fancy-main .swiper-slide .more-tiles:hover { background-color: rgba(0,0,0,.7) } .fancy-main .swiper-slide:first-child { width: 50%; display: block; visibility: visible } .fancy-main .swiper-slide:first-child img { aspect-ratio: 126/92 } .fancy-main .swiper-slide:nth-child(2) { width: 50%; display: block; visibility: visible } .fancy-main .swiper-slide:nth-child(2) img { aspect-ratio: 126/92 } .fancy-main .swiper-slide:nth-child(3),.fancy-main .swiper-slide:nth-child(4),.fancy-main .swiper-slide:nth-child(5) { display: block; visibility: visible } .fancybox-gallery-caption .f-button[data-fancybox-toggle-fullscreen], .fancybox-gallery-caption .f-button[data-fancybox-toggle-slideshow], .fancybox-gallery-caption .f-button[data-panzoom-action], .fancybox-gallery-caption .fancybox__toolbar__column.is-left { display: none } .fancybox-gallery-caption .f-button[data-fancybox-close] { width: 44px; height: 44px; background-color: rgba(0, 0, 0, .3); border-radius: 50%; margin: 16px auto 0 24px } .fancybox-gallery-caption .fancy-slides-nums { padding: 16px 20px; border-bottom: 1px solid hsla(0, 0%, 100%, .2) } .fancybox-gallery-caption .fancybox__toolbar { flex-direction: row-reverse } .fancybox-gallery-caption .fancybox__carousel.is-zoomed .fancybox__nav { display: none } .fancybox-gallery-caption .fancybox__caption { z-index: 21; font-size: 16px; line-height: 24px; position: absolute; opacity: 0; animation: fadeIn .5s .5s forwards } .fancybox-gallery-caption .fancybox__caption .show-more { background: none; border: none; padding: 0; display: flex; align-items: flex-start; color: #fff; visibility: visible; position: relative; z-index: 22; width: auto; height: auto } .fancybox-gallery-caption .fancybox__caption .show-more.hidden { visibility: hidden } .fancybox-gallery-caption .fancybox__caption .show-more.show-less .arrow-icon { margin-top: -3px } .fancybox-gallery-caption .fancybox__caption .show-more.show-less .arrow-icon:before { transform: rotate(225deg) } .fancybox-gallery-caption .fancybox__caption .show-more .arrow-icon { position: relative; display: inline-flex; width: 14px; height: 14px; margin: 6px 0 0 12px } .fancybox-gallery-caption .fancybox__caption .show-more .arrow-icon:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: solid #fff; border-width: 1px 0 0 1px; transform: rotate(45deg); transition: transform .3s ease } .fancybox-gallery-caption .fancy-slides-nums { display: flex; align-items: center; justify-content: space-between } .fancybox-gallery-caption .fancy-slide-caption-hold { padding: 16px 20px } .fancybox-gallery-caption .fancybox__nav .f-button { background-color: rgba(0, 0, 0, .3) } .fancybox-gallery-caption .is-horizontal .f-carousel__nav .f-button.is-prev, .fancybox-gallery-caption .is-horizontal .fancybox__nav .f-button.is-prev { left: 24px } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } .socials { list-style-type: none; display: flex; margin: 0; padding: 0 } .socials li { margin: 0 9px 0 0 } .socials li:last-of-type { margin: 0 } .socials a { display: block; width: 24px; height: 24px; border-radius: 50%; position: relative; transition: .35s } .socials a:hover { opacity: .8 } .socials a:after { content: ""; position: absolute; width: 100%; height: 18px; max-width: 18px; top: 50%; left: 50%; transform: translate(-50%,-50%); background-position: 50%; background-repeat: no-repeat } .fb { background-color: #182a54 } .fb:after { background-image: url(../images/facebook.svg) } .weibo { background-color: #f93 } .weibo:after { background-image: url(../images/weibo.svg) } .decorated-title { display: flex; justify-content: center; margin: 22px 0 18px; position: relative; min-height: 26px } .share-btns-container { display: flex; flex-direction: column; margin: 20px 10px 0 10px; position: relative; } .share-btns-container .fb-like-container { position: absolute; right: 0; top: -60px; } .bpcategory-trend-title { font-size: 32px; margin-bottom: 10px; padding: 10px 17px 0 17px; } .tags-container { font-size: 18px; margin-bottom: 20px; padding: 0 17px; } .tags-container .title { color: #333; margin-right: 15px; margin-bottom: 12px; } .tags-container .tags-list { display: flex; flex-direction: row; flex-wrap: wrap; } .tags-container .tags-list .tag-item { color: #898989; margin-right: 18px; margin-bottom: 12px; } .decorated-title:before { position: absolute; content: ""; width: 100%; height: 67.4%; left: 0; top: 50%; transform: translateY(-50%); background-color: #d1d3d4 } .decorated-title.with-img .decorated-title__inner { min-height: 52px } .decorated-title__inner { display: flex; justify-content: center; align-items: center; margin: 0 auto; position: relative; z-index: 1; background-color: #a9010b; color: #fff; padding: 0 10px; min-width: 250px; text-align: center; width: auto } .decorated-title__inner:before { background-image: url(../images/decor.svg); background-position: 100% 0; right: calc(100% - 1px) } .decorated-title__inner:after,.decorated-title__inner:before { content: ""; height: 100%; width: 32px; background-repeat: no-repeat; background-size: auto 100%; position: absolute; top: 0 } .decorated-title__inner:after { background-image: url(../images/decor-after.svg); background-position: 0 0; left: calc(100% - 1px) } .decorated-title__inner a{ color: #fff; } .decorated-title img:not([class]) { height: 15px; } .decorated-title .side-image { position: absolute; right: 6px; top: 50%; width: 32px; transform: translateY(-50%) } .decorated-title .h1,.decorated-title .h2,.decorated-title .h3,.decorated-title .h4,.decorated-title .h5,.decorated-title .h6 { font-size: 20px; line-height: 1.6; font-weight: 400; margin: 0; } .bpauthor-container { display: flex; flex-direction: row; border-bottom: 1px solid #aaa; padding-bottom: 15px; margin-bottom: 15px; padding-left: 15px; } .bpauthor-container .bpauthor-avatar-container{ width: 80px; height: 80px; border-radius: 40px; overflow: hidden; } .bpauthor-container .bpauthor-avatar-container img{ width: 100%; height: 100%; object-fit: cover; } .bpauthor-container .bpauthor-info { margin-left: 15px; flex: 1; } .bpauthor-container .bpauthor-name{ font-size: 20px; color: #69b8d6; margin: 0 0 15px 0; } .bpauthor-container .bpauthor-desc{ font-size: 16px; color: #333; } .news-author-container { padding: 0 0 20px 0; margin: 20px 0 20px 0; border-bottom: 1px solid #bebebe; } .news-author-container a{ display: flex; align-items: center; } .news-author-container .news-author-avatar-container{ margin: 0 18px; width: 68px; height: 68px; border-radius: 68px; overflow: hidden; border: 2px solid#69b8d6; } .news-author-container .news-author-avatar-container img{ width: 100%; height: 100%; object-fit: cover; } .news-author-container .news-author-title { flex: 1; text-align: left; font-size: 26px; color: #69b8d6; } .bppost-list-container { background: #f5f6f6; } .bppost-list-container .bppost-list { display: flex; flex-direction: row; flex-wrap: wrap; padding: 2% 0 0 0; } .bppost-list-container .bppost-list .bppost-item{ padding: 10px; background: #FFFFFF; margin-bottom: 12px; display: flex; align-items: center; width: 100%; box-shadow: 1px 3px #cececd; } .bppost-list-container .bppost-list .bppost-item.large-image-mode { flex-direction: column; } .bppost-list-container .bppost-list .bppost-item .bppost-item-cover-container{ width: 40%; overflow: hidden; } .bppost-list-container .bppost-list .bppost-item .bppost-item-cover-container img{ width: 100%; } .bppost-list-container .bppost-list .bppost-item .bppost-title{ font-size: 18px; margin: 0 0 0 10px; flex: 1; } .bppost-list-container .bppost-onerow-list { display: flex; flex-direction: column; flex-wrap: nowrap; } .bppost-list-container .bppost-onerow-list .bppost-item{ padding: 14px; background: #f1f1f1; display: flex; flex-direction: row; align-items: center; width: 98%; margin: 0 1% 15px 1%; } .bppost-list-container .bppost-onerow-list .bppost-item .bppost-item-cover-container{ width: 40%; overflow: hidden; } .bppost-list-container .bppost-onerow-list .bppost-item .bppost-item-cover-container img{ width: 100%; } .bppost-list-container .bppost-onerow-list .bppost-item .bppost-info{ flex: 1; margin-left: 15px; } .bppost-list-container .bppost-onerow-list .bppost-item .bppost-title{ font-size: 18px; margin-bottom: 12px; color: #333; } .bppost-list-container .bppost-onerow-list .bppost-item .bppost-summary{ font-size: 14px; color: #999; margin-bottom: 0px; } .bpblogger-list-container { } .bpblogger-list-container .bpblogger-list { display: flex; flex-direction: row; flex-wrap: wrap; } .bpblogger-list-container .bpblogger-list .bpblogger-item{ width: 48%; padding: 10px; background: #f1f1f1; margin-right: 2%; margin-bottom: 12px; display: flex; flex-direction: column; align-items: center; } .bpblogger-list-container .bpblogger-list .bpblogger-item .bpblogger-item-cover-container{ width: 120px; height: 120px; border-radius: 60px; overflow: hidden; background-color: #fff; } .bpblogger-list-container .bpblogger-list .bpblogger-item .bpblogger-item-cover-container img{ width: 100%; height: 100%; object-fit: cover; } .bpblogger-list-container .bpblogger-list .bpblogger-item .bpblogger-info{ flex: 1; margin-top: 15px; max-height: 180px; overflow: hidden; } .bpblogger-list-container .bpblogger-list .bpblogger-item .bpblogger-title{ font-size: 18px; margin-bottom: 15px; text-align: center; } .bpblogger-list-container .bpblogger-list .bpblogger-item .bpblogger-desc{ font-size: 16px; color: #999; } .others-container { display: flex; flex-direction: column; justify-content: center; padding: 0 20px; } .youtube-video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; margin-bottom: 18px; } .youtube-video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 722px; } .bp-channel-container { display: flex; flex-wrap: wrap; margin: 0 0 0 -15px; } .bp-channel-container .bp-channel-item { width: 33%; padding: 15px 0 15px 15px; } .bp-channel-container .tv-slider__item{ } .bp-channel-container p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .bp-channel-container .bp-platform-title { -webkit-line-clamp: 2; height: 48px; } .mobile-center-container { display: flex; align-items: center; justify-content: center; } @media (min-width: 520px) { .card { max-width: 264px; } .cards__column { width:50%; } .cardscolumn2 .card { max-width: calc(100% - 20px); } .sidebar-card { padding: 0 0 12px 0; /*border-bottom: 2px solid #fff;*/ display: block; } .sidebar-card:hover p { color: #a9010b; } .sidebar-card__top { display: flex; padding: 0 0 8px; margin: 0 0 8px; /*border-bottom: 2px solid #099*/ } .sidebar-card p { font-size: 18px; text-align: left; } .sidebar-card__image { margin: 0 6px 0 0; flex: 0 0 122px } .sidebar-card__info { display: flex; flex-direction: column; visibility: visible; flex: 1 1 auto; justify-content: space-between; align-items: flex-end } .like-cards__item { width: 100%; } } @media (min-width: 768px) { /** Move from old 768 block */ .adv-block { flex-direction:row } .adv-block__image { flex: 0 0 246px } .adv-block__image img { height: 100% } .adv-block__text { padding: 12px 32px } .cards__column { width: 33.3333%; } .cards__column.cardscolumn2 { width: 50%; } .sidebar-cards__item { width: 33.333% } .like-cards__item { width: 33.3333% } .article-body,.feed { padding: 22px 32px } .fancy-popup__image { padding: 0 17px 0 0; width: 50% } .fancy-popup__text { padding: 0 0 0 17px; width: 50% } .fancy-slider { padding: 22px 28px; background-color: #e6e7e8; margin-bottom: 18px; } .fancy-main__slide { padding: 0 0 16px } .fancy-main__image { margin: 0 0 18px } .fancy-main__title { display: block; font-size: 16px; line-height: 1.14; margin: 0; color: #000; transition: .35s; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .fancy-main__controls { display: flex; visibility: visible } .fancy-thumbs { display: block; visibility: visible } .fancy-main { padding: 0 } .fancy-main .swiper-wrapper { flex-wrap: nowrap; row-gap: 0; width: 100%; margin: 0 } .fancy-main .swiper-slide { display: block; visibility: visible; width: 100% } .fancy-main .swiper-slide img { aspect-ratio: unset } .fancy-main .swiper-slide .more-tiles { display: none; visibility: hidden } .bppost-list-container .bppost-list { padding-left: 2%; } .bppost-list-container .bppost-list .bppost-item{ width: 48%; margin-right: 2%; display: block; } .bppost-list-container .bppost-list .bppost-item .bppost-item-cover-container{ width: 100%; } .bppost-list-container .bppost-list .bppost-item .bppost-item-cover-container img{ height: 100%; } .bppost-list-container .bppost-list .bppost-item .bppost-title { margin: 0; } .bpblogger-list-container .bpblogger-list .bpblogger-item{ flex-direction: row; } .bpblogger-list-container .bpblogger-list .bpblogger-item .bpblogger-info{ margin-top: 0px; margin-left: 15px; } .bpblogger-list-container .bpblogger-list .bpblogger-item .bpblogger-title{ text-align: left; } .bppost-list-container .bppost-onerow-list .bppost-item .bppost-item-cover-container { width: 240px; } .bpauthor-container { padding-left: 0; } /** Original 1024px */ .header.sticky .header__logo img { height: 42px; } .header.sticky .header__middle { padding: 10px 15px; } .homepage__row { flex-direction:row-reverse; justify-content: center; margin: 0 -20px } .homepage__column { padding: 0 20px } .homepage__column.__main { max-width: calc(100% - 350px); flex: 0 0 calc(100% - 350px); } .homepage__column.__sidebar { flex: 0 0 350px; } .article-page__row { flex-direction: row; margin: 0 -20px } .article-page__column { padding: 0 20px } .article-page__column.__main { max-width: calc(100% - 350px); flex: 0 0 calc(100% - 350px); } .article-page__column.__sidebar { flex: 0 0 350px; } .header { padding: 16px 0 } .header.sticky { padding: 10px 0 } .header.sticky .header__nav { height: auto; top: 0; } .header__button-holder { flex: 0; } .header__top { order: 0; max-width: 1300px; } .header__top .header__top_desktop { display: flex; } .header__top .header__top_mobile { display: none; } .header__top ul { max-width: 100%; overflow: visible; /*border: 1px solid #d1d3d4;*/ } .header__top li { flex: 1 1 auto } .header__top a { padding: 5px 4px } .header__bottom { flex-direction: row; padding: 0 24px; /*border-radius: 4px;*/ } .header__search { flex: 0 0 200px; margin: 0 0 0 12px } .header__search.header__search__mobile { display: none; } .header__search-btn { display: none; visibility: hidden } .header__search .search-slide{ display: flex; } .header__nav { padding: 0; position: relative; width: auto; height: auto; top: 0; left: 0; background: #a9010b; overflow: visible; /*border-radius: 4px;*/ } .header__nav .header__nav__desktop { display: flex; } .header__nav .header__nav__mobile { display: none; } .header__nav ul { overflow: visible; display: flex; padding: 0 } .header__nav a:after { content: ""; position: absolute; width: 0px; height: 50%; /*bottom: 0;*/ left: 0; background-color: #fff; background-size: 100% auto; background-position: 0 100% } .menu-btn { display: none } .main { padding-top: 200px; } .content .container { padding: 0 20px } .news-large { margin-bottom: 40px } .news-large:not(a) { background-color: transparent } .news-large:not(a) .news-large__title { font-weight: 700; color: #000; padding: 40px 0 0; background-image: none } .news-large:not(a) .news-large__data { font-size: 16px } .news-large__data.date { color: #333; } .news-large:not(a) .news-large__socials { display: block } .news-large:not(a):hover .news-large__title { text-decoration: none; color: #000 } .news-large:hover .news-large__title { text-decoration: none; color: #a9010b; } .news-large__image img { max-height: none; } .news-large__data { display: block } .news-large__socials { margin: 18px 0 0; padding: 0 } .news-large__title { padding: 40px 0 0; background-color: #fff; display: flex; align-items: flex-start; box-shadow: none; } .news-large__title__content { -webkit-line-clamp: 3; } .news-large__title .title { color: #000; } .news-large__title-side { display: block; visibility: visible; flex: 0 0 36px; margin: 0 20px 0 0; background-color: #a9010b; color: #fff; padding: 6px 0 0 16px; position: relative; font-size: 16px; line-height: 1; min-height: 78px } .news-large__title-side:after { content: ""; position: absolute; width: 4px; height: 100%; background-color: #d2d3d4; top: 0; left: 4px } .news-large__title h2 { font-size: 28px; } .hero-news-block { display: flex; margin: 0 -15px; border-bottom: 1px solid #d2d3d4 } .hero-news-block-sm { padding: 22px 15px 0; flex: 0 0 224px } .hero-news-block-lg { padding: 22px 15px 0; border-right: 1px solid #d2d3d4 } .news-secondary-block__column { padding: 0 15px; } .news-small { padding: 0 0 10px 0; margin: 0 0 30px 0; border: 0; flex-direction: column; align-items: stretch; border-bottom: 1px solid #d2d3d4; box-shadow: none; } .news-small .h2 { -webkit-line-clamp: 2; } .news-small .title { color: #000; } .news-small:last-child { border-bottom: none; margin-bottom: 0; } .news-small__image { height: 102px; flex: 0 0 102px; margin: 0 0 9px } .news-secondary-block { display: flex; margin: 0 -15px } .news-secondary-block__column.__sm { flex: 0 0 25% } .news-secondary-block__column.__lg { flex: 1 1 auto; padding: 0 14px; display: flex; flex-direction: column; justify-content: space-between; } .news-secondary-block__column.__lg .news-secondary__image { height: 210px } .news-secondary { padding: 0 0 16px 0; margin: 0 0 16px 0; flex-direction: column; align-items: stretch; box-shadow: none; border-bottom: 1px solid #d2d3d4; } .news-secondary .title { color: #000; } .news-secondary:last-of-type { border-bottom: 0; margin: 0 } .news-secondary__image { height: 102px; flex: 0 0 102px; margin: 0 0 9px } .adv-block { margin: 14px 0 22px; } .desktop-category-feature-posts { display: block; } .mobile-category-feature-posts { display: none; } .cards__row { margin: 0 -15px; row-gap: 32px } .sidebar { background-color: #f5f6f6; } .sidebar .decorated-title__inner { max-width: 160px; min-width: 0; width: 100% } .sidebar .decorated-title:first-of-type { top: -4px } .sidebar-cards { padding: 0 34px; } .sidebar-cards__item { width: 100%; } .like-cards { padding: 0 17px 40px 17px } .like-cards__item { width: 100%; } .article-meta { padding: 0 } .footer-desktop { display: block; visibility: visible; } .footer-mobile { display: none; visibility: hidden } .bppost-list-container .bppost-onerow-list { display: flex; flex-direction: row; flex-wrap: wrap; } .bppost-list-container .bppost-onerow-list .bppost-item{ width: 98%; margin: 0 1% 15px 1%; } .bppost-list-container .bppost-onerow-list.columns-2 .bppost-item{ width: 48%; } .tv-slider { padding: 0 0 24px; overflow: hidden } .tv-slider__controls { min-height: 44px } .tv-slider__button { flex: 0 0 44px; height: 44px } .tv-slider__button:before { width: 11px; height: 11px; border-top: 11px solid #bcbec0; border-left: 11px solid transparent; border-right: 11px solid transparent } .last-slider__controls { width: calc(100% + 34px); margin-left: -17px } .fancy-popup { width: 90%; height: 90%; padding: 50px 54px; } .fancy-popup-back-to-article { left: 30px } .fancy-custom .fancybox-infobar { top: 5%; right: calc(5% + 44px) } .fancy-custom .fancybox-button--arrow_right { right: 5% } .fancy-custom .fancybox-button--arrow_left { left: 5% } .fancybox-gallery-caption .fancybox__content { margin-right: 388px; max-width: calc(90vw - 388px) } .fancybox-gallery-caption .fancybox__caption { width: 388px; padding: 0; top: 0; right: 0 } .fancybox-gallery-caption .fancybox__caption:before { content: ""; position: absolute; top: 0; right: 0; width: 388px; height: 110vh; background-color: #1a1a1c; z-index: -1 } .fancybox-gallery-caption .fancybox__caption .show-more { visibility: hidden } .fancybox-gallery-caption .is-horizontal .f-carousel__nav .f-button.is-next, .fancybox-gallery-caption .is-horizontal .fancybox__nav .f-button.is-next { right: 408px } .decorated-title { margin: 24px 0 34px } .others-container { padding: 0 120px; } .share-btns-container { flex-direction: row; justify-content: space-between; align-items: center; margin: 20px 0 0 0; } .share-btns-container .fb-like-container { margin-left: 0; position: relative; top: 0; } .bpcategory-trend-title { padding: 0; } .tags-container { padding: 0; } .mobile-center-container { display: flex; align-items: flex-start; justify-content: flex-start; } } @media (min-width: 1240px) { .article-page__column.__sidebar,.homepage__column.__sidebar { flex:0 0 350px; max-width: 370px; } .header .container { padding: 0 20px } .header__top a { padding: 5px 6px } .header__bottom { padding: 0; box-shadow: 0 -3px 5px rgba(0,0,0,.3); } .header__search { margin: 0 5px 0 10px; } .news-secondary-block__column.__sm { flex: 0 0 226px } .news-secondary-block__column.__lg { padding: 0 14px } .sidebar .decorated-title__inner { max-width: 190px } .decorated-title .side-image { right: 18px } } .mobile-only{ display:none; } @media (max-width: 767px) { .fancybox-gallery-caption .fancybox__caption { position: absolute; bottom: 0; left: 0; width: 100% } .fancybox-gallery-caption .fancybox__caption .caption-wrap { background-color: rgba(26, 26, 28, .78) } .fancybox-gallery-caption .fancy-slide-caption.line-clamp { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* Mobile Blog List */ .content .container{ background-color:#f5f6f6; } .content .container .owl-dots{ display: none; } .news-large{ background-color:#fff; margin-bottom: 12px; } .bppost-list-container .bppost-list .bppost-item .bppost-title{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 8px 7px 10px 7px; min-height: 52px; } .news-secondary, .bppost-list-container .bppost-list .bppost-item{ padding:0; } .big-images.news-secondary .h2{ margin-bottom:10px; } .news-secondary.big-images{ margin-top: 1px; } .news-secondary__image { margin: 0 0px 0 10px; } .news-small, .news-secondary, .news-large__title{ margin-bottom:0; } .news-secondary, .bppost-list-container .bppost-list .bppost-item, .news-small, .news-secondary{ min-height:100px; background: #fff; margin-bottom: 12px; } .owl-item .news-large__title{ padding: 10px; margin: 0; min-height: 73px; margin-bottom: 3px; box-shadow: 1px 3px #cececd; } .bppost-list-container .bppost-list .bppost-item .bppost-item-cover-container{ padding:0 0 0 10px; } /** mobile/desktop-only */ .desktop-only{ display:none !important; } .mobile-only{ display:block !important; } } /* ** 768~1024 Zoom ** */ /*:root {*/ /* --bp-ipad-min-width: 768px;*/ /* --bp-ipad-max-width: 1024px;*/ /* --bp-ipad-base-zoom: 100%;*/ /*}*/ body { margin: 0; padding: 0; /*transform-origin: top left;*/ transform-origin: top center; } /*@media (min-width: var(--bp-ipad-min-width)) and (max-width: var(--bp-ipad-max-width)) {*/ /* body {*/ /* zoom: calc(var(--bp-ipad-base-zoom) * (100vw / var(--bp-ipad-max-width)));*/ /* }*/ /*}*/ @media (min-width: 768px) and (max-width: 831px) { body { zoom: 70%; } .banner-image { position: relative; } .banner-wrapper { zoom: 142.8%; transform: scale(70%) translateX(-16%) translateY(-22%); position: absolute; } } @media (min-width: 832px) and (max-width: 895px) { body { zoom: 76%; } .banner-image { position: relative; } .banner-wrapper { zoom: 131.5%; transform: scale(76%) translateX(-14%) translateY(-20%); position: absolute; } } @media (min-width: 896px) and (max-width: 959px) { body { zoom: 83%; } .banner-image { position: relative; } .banner-wrapper { zoom: 120.4%; transform: scale(83%) translateX(-10%) translateY(-14%); position: absolute; } } @media (min-width: 960px) and (max-width: 1023px) { body { zoom: 88%; } .banner-image { position: relative; } .banner-wrapper { zoom: 113.6%; transform: scale(88%) translateX(-6%) translateY(-6%); position: absolute; } } @media (min-width: 1024px) and (max-width: 1239px) { body { zoom: 94%; } .banner-image { position: relative; } .banner-wrapper { zoom: 106.3%; transform: scale(94%) translate(3%, -3%); position: absolute; } } .header__button-title{ color: #ffffff; line-height:25px; margin-left: -50px; } .header__button-title h2{ font-size:20px; font-weight:normal; margin:0 !important; padding:0 !important; } .scroll-top-wrapper,.swipe-left-wrapper,.swipe-right-wrapper { position: fixed; opacity: 0; visibility: hidden; overflow: hidden; text-align: center; z-index: 999; color: #eee; width: 50px; height: 48px; line-height: 48px; padding-top: 2px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .scroll-top-wrapper:hover { background-color: #888 } .scroll-top-wrapper.show { visibility: visible; cursor: pointer; opacity: .5 } .scroll-top-wrapper i.fa { line-height: inherit } .scroll-top-wrapper { right: 20px; bottom: 20px; background-color: #c6c6c6 } .icon-circle-up:before { content: "Top"; font-size: 14px; font-family: microsoft yahei,新細明體,mingliu,Arial,Helvetica,sans-serif; } .main .video-js .vjs-big-play-button { font-size: 2.5em; line-height: 0.9em; height: 1em; width: 2em; margin-top: unset; margin-left: -1em; background-color: rgba(43, 51, 63, 0.4); border-radius: 0.6em; } /* ** Font size scaler ** */ .font__size__scaler__container { padding-bottom: 10px; border-bottom: 1px solid #fff; } .font__size__scaler__container .font__size__scale { text-align: center; margin: 16px 0 0 0; } .font__size__scaler__container .progress__bar__container { display: flex; align-items: center; justify-content: center; padding: 0 20px; } .font__size__scaler__container .font__example { } .font__size__scaler__container .scaler-container { flex: 1; padding: 0 20px; } .font__size__scaler__container input[type=range] { width: 100%; height: 5px; border-radius: 5px; background-size: 0 100%; background: #eaeaea -webkit-linear-gradient(#a9010b,#a9010b) no-repeat; outline: none; -webkit-appearance: none; } .font__size__scaler__container input[type=range]:focus { outline: none; } .font__size__scaler__container input[type=range]::-webkit-slider-thumb { border: 1px solid #ad0000; height: 15px; width: 15px; border-radius: 50%; background: #a9010b; cursor: pointer; -webkit-appearance: none; } .font__size__scaler__container input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 5px; margin-top: -8px; cursor: pointer; } /* ** ads.css ** */ .banner-frame { text-align: left; margin: 10px auto; } .banner-frame:before { content: '贊助商連結'; font-size: 12px; line-height: 15px; color: #000000; text-align: left; letter-spacing: normal; } .banner-frame-no-margin { text-align: left; margin: 0px auto; } .banner-row { border-top: 1px solid #d1d3d4; border-bottom: 1px solid #d1d3d4; margin: 10px auto; overflow: auto; } .banner-row .banner-wrapper { display: inline-block; float: left; min-width: 300px !important; width: calc(50% - 2px); } .desktop-ad-container { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } #ima-ad-type { font-family: courier, monospace; font-size: 12px; margin-top: 20px; height: auto; width: 630px; padding: 5px; border: 1px #ccc solid; overflow-y: scroll; margin-left: auto; margin-right: auto; margin-bottom: 10px; } #ima-sample-console { font-family: courier, monospace; font-size: 12px; margin-top: 20px; height: 200px; width: 630px; padding: 5px; border: 1px #ccc solid; overflow-y: scroll; margin-left: auto; margin-right: auto; } .vjs-skip-container { position: absolute; bottom: 30px; right: 0px; z-index: 999999 !important; } .vjs-skip-button { background: yellow; width: 120px; height: 60px; font-size: 20px !important; /*background: !important;*/ text-decoration: underline !important; } .ima-controls-div { height: 20px; } .ima-countdown-div { height: 18px; font-size: 14px; } /* ** owl carousel ** */ .bp-carousel-banners .owl-nav { display: flex; align-items: center; justify-content: space-between; position: absolute; width: 100%; top: 50%; } .bp-carousel-banners .owl-nav button.owl-next, .bp-carousel-banners .owl-nav button.owl-prev { display: block; width: 28px; height: 100px; margin-top: -50px; border-radius: 4px; overflow: hidden; cursor: pointer; background-color: rgba(0, 0, 0, 0.3); line-height: 28px; } .bp-carousel-banners .owl-nav button.owl-next span, .bp-carousel-banners .owl-nav button.owl-prev span{ font-size: 36px; color: #FFF; } /* ** Image placeholder ** */ .bp-image-placeholder, .bp-video-placeholder{ overflow: hidden; width: 100%; padding-top: 52.41%; /* image ratio 369/704 = 52.41% */ position: relative; background: #f8f8f8; } .bp-video-placeholder { /*padding-top: 56.25%; !* video ratio 9/16 = 56.25% *!*/ padding-top: 52.41%; /* image ratio 369/704 = 52.41% */ } .bp-image-placeholder img, .bp-image-placeholder-control { position: absolute; top: 0; left: 0; z-index: 11; } .bp-image-placeholder .image-loading-dots, .bp-video-placeholder .image-loading-dots { width: 13.4px; height: 13.4px; background: #f8f8f8; color: #f8f8f8; border-radius: 50%; box-shadow: 22.4px 0,-22.4px 0; animation: dots-u8fzftmd 1s infinite linear alternate; position: absolute; top: 50%; left: 50%; z-index: 10; } @keyframes dots-u8fzftmd { 0% { box-shadow: 22.4px 0,-22.4px 0; } 33% { box-shadow: 22.4px 0,-22.4px 0 rgba(100,100,100,0.13); background: rgba(100,100,100,0.13); } 66% { box-shadow: 22.4px 0 rgba(100,100,100,0.13),-22.4px 0; background: rgba(100,100,100,0.13); } }