: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:var(--f-spinner-width);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:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{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:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{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-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{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-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--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: rgba(255, 255, 255, 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:var(--fancybox-zIndex, 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 *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);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__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.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;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);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 [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{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;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .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{visibility:hidden}.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: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: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{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;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{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;-o-object-fit:contain;object-fit:contain;z-index:40;-webkit-user-select:none;-moz-user-select:none;user-select:none;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]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .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:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .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:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !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: 16px;--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;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.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);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((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);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-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;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{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;-o-object-fit:cover;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.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;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:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.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(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 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:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.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:.15s ease-out both f-fadeOut}.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:var(--f-button-height);text-align:center;font-size:17px;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: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}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}: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: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}/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } @charset "UTF-8"; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*! * Bootstrap Grid v4.6.2 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container, .container-fluid, .container-lg, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 1024px) { .container, .container-xxs, .container-sm, .container-md, .container-lg { max-width: 1240px; } } @media (min-width: 1366px) { .container, .container-xxs, .container-sm, .container-md, .container-lg, .container-llg, .container-xl { max-width: 1350px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12, .col-xxs, .col-xxs-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-llg-1, .col-llg-2, .col-llg-3, .col-llg-4, .col-llg-5, .col-llg-6, .col-llg-7, .col-llg-8, .col-llg-9, .col-llg-10, .col-llg-11, .col-llg-12, .col-llg, .col-llg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } @media (min-width: 420px) { .col-xxs { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xxs-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xxs-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xxs-3 > * { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .row-cols-xxs-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xxs-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xxs-6 > * { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xxs-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xxs-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xxs-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xxs-3 { flex: 0 0 25%; max-width: 25%; } .col-xxs-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xxs-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xxs-6 { flex: 0 0 50%; max-width: 50%; } .col-xxs-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xxs-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xxs-9 { flex: 0 0 75%; max-width: 75%; } .col-xxs-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xxs-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xxs-12 { flex: 0 0 100%; max-width: 100%; } .order-xxs-first { order: -1; } .order-xxs-last { order: 13; } .order-xxs-0 { order: 0; } .order-xxs-1 { order: 1; } .order-xxs-2 { order: 2; } .order-xxs-3 { order: 3; } .order-xxs-4 { order: 4; } .order-xxs-5 { order: 5; } .order-xxs-6 { order: 6; } .order-xxs-7 { order: 7; } .order-xxs-8 { order: 8; } .order-xxs-9 { order: 9; } .order-xxs-10 { order: 10; } .order-xxs-11 { order: 11; } .order-xxs-12 { order: 12; } .offset-xxs-0 { margin-left: 0; } .offset-xxs-1 { margin-left: 8.33333333%; } .offset-xxs-2 { margin-left: 16.66666667%; } .offset-xxs-3 { margin-left: 25%; } .offset-xxs-4 { margin-left: 33.33333333%; } .offset-xxs-5 { margin-left: 41.66666667%; } .offset-xxs-6 { margin-left: 50%; } .offset-xxs-7 { margin-left: 58.33333333%; } .offset-xxs-8 { margin-left: 66.66666667%; } .offset-xxs-9 { margin-left: 75%; } .offset-xxs-10 { margin-left: 83.33333333%; } .offset-xxs-11 { margin-left: 91.66666667%; } } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-md-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-md-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-md-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-md-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } } @media (min-width: 1024px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } } @media (min-width: 1280px) { .col-llg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-llg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-llg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-llg-3 > * { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .row-cols-llg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-llg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-llg-6 > * { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-llg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-llg-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-llg-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-llg-3 { flex: 0 0 25%; max-width: 25%; } .col-llg-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-llg-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-llg-6 { flex: 0 0 50%; max-width: 50%; } .col-llg-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-llg-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-llg-9 { flex: 0 0 75%; max-width: 75%; } .col-llg-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-llg-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-llg-12 { flex: 0 0 100%; max-width: 100%; } .order-llg-first { order: -1; } .order-llg-last { order: 13; } .order-llg-0 { order: 0; } .order-llg-1 { order: 1; } .order-llg-2 { order: 2; } .order-llg-3 { order: 3; } .order-llg-4 { order: 4; } .order-llg-5 { order: 5; } .order-llg-6 { order: 6; } .order-llg-7 { order: 7; } .order-llg-8 { order: 8; } .order-llg-9 { order: 9; } .order-llg-10 { order: 10; } .order-llg-11 { order: 11; } .order-llg-12 { order: 12; } .offset-llg-0 { margin-left: 0; } .offset-llg-1 { margin-left: 8.33333333%; } .offset-llg-2 { margin-left: 16.66666667%; } .offset-llg-3 { margin-left: 25%; } .offset-llg-4 { margin-left: 33.33333333%; } .offset-llg-5 { margin-left: 41.66666667%; } .offset-llg-6 { margin-left: 50%; } .offset-llg-7 { margin-left: 58.33333333%; } .offset-llg-8 { margin-left: 66.66666667%; } .offset-llg-9 { margin-left: 75%; } .offset-llg-10 { margin-left: 83.33333333%; } .offset-llg-11 { margin-left: 91.66666667%; } } @media (min-width: 1366px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } } @media (min-width: 1440px) { .col-xxl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xxl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .row-cols-xxl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xxl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xxl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xxl-3 { flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xxl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xxl-6 { flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xxl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xxl-9 { flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xxl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xxl-12 { flex: 0 0 100%; max-width: 100%; } .order-xxl-first { order: -1; } .order-xxl-last { order: 13; } .order-xxl-0 { order: 0; } .order-xxl-1 { order: 1; } .order-xxl-2 { order: 2; } .order-xxl-3 { order: 3; } .order-xxl-4 { order: 4; } .order-xxl-5 { order: 5; } .order-xxl-6 { order: 6; } .order-xxl-7 { order: 7; } .order-xxl-8 { order: 8; } .order-xxl-9 { order: 9; } .order-xxl-10 { order: 10; } .order-xxl-11 { order: 11; } .order-xxl-12 { order: 12; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 420px) { .d-xxs-none { display: none !important; } .d-xxs-inline { display: inline !important; } .d-xxs-inline-block { display: inline-block !important; } .d-xxs-block { display: block !important; } .d-xxs-table { display: table !important; } .d-xxs-table-row { display: table-row !important; } .d-xxs-table-cell { display: table-cell !important; } .d-xxs-flex { display: flex !important; } .d-xxs-inline-flex { display: inline-flex !important; } } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 1024px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1280px) { .d-llg-none { display: none !important; } .d-llg-inline { display: inline !important; } .d-llg-inline-block { display: inline-block !important; } .d-llg-block { display: block !important; } .d-llg-table { display: table !important; } .d-llg-table-row { display: table-row !important; } .d-llg-table-cell { display: table-cell !important; } .d-llg-flex { display: flex !important; } .d-llg-inline-flex { display: inline-flex !important; } } @media (min-width: 1366px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media (min-width: 1440px) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 420px) { .flex-xxs-row { flex-direction: row !important; } .flex-xxs-column { flex-direction: column !important; } .flex-xxs-row-reverse { flex-direction: row-reverse !important; } .flex-xxs-column-reverse { flex-direction: column-reverse !important; } .flex-xxs-wrap { flex-wrap: wrap !important; } .flex-xxs-nowrap { flex-wrap: nowrap !important; } .flex-xxs-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xxs-fill { flex: 1 1 auto !important; } .flex-xxs-grow-0 { flex-grow: 0 !important; } .flex-xxs-grow-1 { flex-grow: 1 !important; } .flex-xxs-shrink-0 { flex-shrink: 0 !important; } .flex-xxs-shrink-1 { flex-shrink: 1 !important; } .justify-content-xxs-start { justify-content: flex-start !important; } .justify-content-xxs-end { justify-content: flex-end !important; } .justify-content-xxs-center { justify-content: center !important; } .justify-content-xxs-between { justify-content: space-between !important; } .justify-content-xxs-around { justify-content: space-around !important; } .align-items-xxs-start { align-items: flex-start !important; } .align-items-xxs-end { align-items: flex-end !important; } .align-items-xxs-center { align-items: center !important; } .align-items-xxs-baseline { align-items: baseline !important; } .align-items-xxs-stretch { align-items: stretch !important; } .align-content-xxs-start { align-content: flex-start !important; } .align-content-xxs-end { align-content: flex-end !important; } .align-content-xxs-center { align-content: center !important; } .align-content-xxs-between { align-content: space-between !important; } .align-content-xxs-around { align-content: space-around !important; } .align-content-xxs-stretch { align-content: stretch !important; } .align-self-xxs-auto { align-self: auto !important; } .align-self-xxs-start { align-self: flex-start !important; } .align-self-xxs-end { align-self: flex-end !important; } .align-self-xxs-center { align-self: center !important; } .align-self-xxs-baseline { align-self: baseline !important; } .align-self-xxs-stretch { align-self: stretch !important; } } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 1024px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1280px) { .flex-llg-row { flex-direction: row !important; } .flex-llg-column { flex-direction: column !important; } .flex-llg-row-reverse { flex-direction: row-reverse !important; } .flex-llg-column-reverse { flex-direction: column-reverse !important; } .flex-llg-wrap { flex-wrap: wrap !important; } .flex-llg-nowrap { flex-wrap: nowrap !important; } .flex-llg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-llg-fill { flex: 1 1 auto !important; } .flex-llg-grow-0 { flex-grow: 0 !important; } .flex-llg-grow-1 { flex-grow: 1 !important; } .flex-llg-shrink-0 { flex-shrink: 0 !important; } .flex-llg-shrink-1 { flex-shrink: 1 !important; } .justify-content-llg-start { justify-content: flex-start !important; } .justify-content-llg-end { justify-content: flex-end !important; } .justify-content-llg-center { justify-content: center !important; } .justify-content-llg-between { justify-content: space-between !important; } .justify-content-llg-around { justify-content: space-around !important; } .align-items-llg-start { align-items: flex-start !important; } .align-items-llg-end { align-items: flex-end !important; } .align-items-llg-center { align-items: center !important; } .align-items-llg-baseline { align-items: baseline !important; } .align-items-llg-stretch { align-items: stretch !important; } .align-content-llg-start { align-content: flex-start !important; } .align-content-llg-end { align-content: flex-end !important; } .align-content-llg-center { align-content: center !important; } .align-content-llg-between { align-content: space-between !important; } .align-content-llg-around { align-content: space-around !important; } .align-content-llg-stretch { align-content: stretch !important; } .align-self-llg-auto { align-self: auto !important; } .align-self-llg-start { align-self: flex-start !important; } .align-self-llg-end { align-self: flex-end !important; } .align-self-llg-center { align-self: center !important; } .align-self-llg-baseline { align-self: baseline !important; } .align-self-llg-stretch { align-self: stretch !important; } } @media (min-width: 1366px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } @media (min-width: 1440px) { .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 420px) { .m-xxs-0 { margin: 0 !important; } .mt-xxs-0, .my-xxs-0 { margin-top: 0 !important; } .mr-xxs-0, .mx-xxs-0 { margin-right: 0 !important; } .mb-xxs-0, .my-xxs-0 { margin-bottom: 0 !important; } .ml-xxs-0, .mx-xxs-0 { margin-left: 0 !important; } .m-xxs-1 { margin: 0.25rem !important; } .mt-xxs-1, .my-xxs-1 { margin-top: 0.25rem !important; } .mr-xxs-1, .mx-xxs-1 { margin-right: 0.25rem !important; } .mb-xxs-1, .my-xxs-1 { margin-bottom: 0.25rem !important; } .ml-xxs-1, .mx-xxs-1 { margin-left: 0.25rem !important; } .m-xxs-2 { margin: 0.5rem !important; } .mt-xxs-2, .my-xxs-2 { margin-top: 0.5rem !important; } .mr-xxs-2, .mx-xxs-2 { margin-right: 0.5rem !important; } .mb-xxs-2, .my-xxs-2 { margin-bottom: 0.5rem !important; } .ml-xxs-2, .mx-xxs-2 { margin-left: 0.5rem !important; } .m-xxs-3 { margin: 1rem !important; } .mt-xxs-3, .my-xxs-3 { margin-top: 1rem !important; } .mr-xxs-3, .mx-xxs-3 { margin-right: 1rem !important; } .mb-xxs-3, .my-xxs-3 { margin-bottom: 1rem !important; } .ml-xxs-3, .mx-xxs-3 { margin-left: 1rem !important; } .m-xxs-4 { margin: 1.5rem !important; } .mt-xxs-4, .my-xxs-4 { margin-top: 1.5rem !important; } .mr-xxs-4, .mx-xxs-4 { margin-right: 1.5rem !important; } .mb-xxs-4, .my-xxs-4 { margin-bottom: 1.5rem !important; } .ml-xxs-4, .mx-xxs-4 { margin-left: 1.5rem !important; } .m-xxs-5 { margin: 3rem !important; } .mt-xxs-5, .my-xxs-5 { margin-top: 3rem !important; } .mr-xxs-5, .mx-xxs-5 { margin-right: 3rem !important; } .mb-xxs-5, .my-xxs-5 { margin-bottom: 3rem !important; } .ml-xxs-5, .mx-xxs-5 { margin-left: 3rem !important; } .p-xxs-0 { padding: 0 !important; } .pt-xxs-0, .py-xxs-0 { padding-top: 0 !important; } .pr-xxs-0, .px-xxs-0 { padding-right: 0 !important; } .pb-xxs-0, .py-xxs-0 { padding-bottom: 0 !important; } .pl-xxs-0, .px-xxs-0 { padding-left: 0 !important; } .p-xxs-1 { padding: 0.25rem !important; } .pt-xxs-1, .py-xxs-1 { padding-top: 0.25rem !important; } .pr-xxs-1, .px-xxs-1 { padding-right: 0.25rem !important; } .pb-xxs-1, .py-xxs-1 { padding-bottom: 0.25rem !important; } .pl-xxs-1, .px-xxs-1 { padding-left: 0.25rem !important; } .p-xxs-2 { padding: 0.5rem !important; } .pt-xxs-2, .py-xxs-2 { padding-top: 0.5rem !important; } .pr-xxs-2, .px-xxs-2 { padding-right: 0.5rem !important; } .pb-xxs-2, .py-xxs-2 { padding-bottom: 0.5rem !important; } .pl-xxs-2, .px-xxs-2 { padding-left: 0.5rem !important; } .p-xxs-3 { padding: 1rem !important; } .pt-xxs-3, .py-xxs-3 { padding-top: 1rem !important; } .pr-xxs-3, .px-xxs-3 { padding-right: 1rem !important; } .pb-xxs-3, .py-xxs-3 { padding-bottom: 1rem !important; } .pl-xxs-3, .px-xxs-3 { padding-left: 1rem !important; } .p-xxs-4 { padding: 1.5rem !important; } .pt-xxs-4, .py-xxs-4 { padding-top: 1.5rem !important; } .pr-xxs-4, .px-xxs-4 { padding-right: 1.5rem !important; } .pb-xxs-4, .py-xxs-4 { padding-bottom: 1.5rem !important; } .pl-xxs-4, .px-xxs-4 { padding-left: 1.5rem !important; } .p-xxs-5 { padding: 3rem !important; } .pt-xxs-5, .py-xxs-5 { padding-top: 3rem !important; } .pr-xxs-5, .px-xxs-5 { padding-right: 3rem !important; } .pb-xxs-5, .py-xxs-5 { padding-bottom: 3rem !important; } .pl-xxs-5, .px-xxs-5 { padding-left: 3rem !important; } .m-xxs-n1 { margin: -0.25rem !important; } .mt-xxs-n1, .my-xxs-n1 { margin-top: -0.25rem !important; } .mr-xxs-n1, .mx-xxs-n1 { margin-right: -0.25rem !important; } .mb-xxs-n1, .my-xxs-n1 { margin-bottom: -0.25rem !important; } .ml-xxs-n1, .mx-xxs-n1 { margin-left: -0.25rem !important; } .m-xxs-n2 { margin: -0.5rem !important; } .mt-xxs-n2, .my-xxs-n2 { margin-top: -0.5rem !important; } .mr-xxs-n2, .mx-xxs-n2 { margin-right: -0.5rem !important; } .mb-xxs-n2, .my-xxs-n2 { margin-bottom: -0.5rem !important; } .ml-xxs-n2, .mx-xxs-n2 { margin-left: -0.5rem !important; } .m-xxs-n3 { margin: -1rem !important; } .mt-xxs-n3, .my-xxs-n3 { margin-top: -1rem !important; } .mr-xxs-n3, .mx-xxs-n3 { margin-right: -1rem !important; } .mb-xxs-n3, .my-xxs-n3 { margin-bottom: -1rem !important; } .ml-xxs-n3, .mx-xxs-n3 { margin-left: -1rem !important; } .m-xxs-n4 { margin: -1.5rem !important; } .mt-xxs-n4, .my-xxs-n4 { margin-top: -1.5rem !important; } .mr-xxs-n4, .mx-xxs-n4 { margin-right: -1.5rem !important; } .mb-xxs-n4, .my-xxs-n4 { margin-bottom: -1.5rem !important; } .ml-xxs-n4, .mx-xxs-n4 { margin-left: -1.5rem !important; } .m-xxs-n5 { margin: -3rem !important; } .mt-xxs-n5, .my-xxs-n5 { margin-top: -3rem !important; } .mr-xxs-n5, .mx-xxs-n5 { margin-right: -3rem !important; } .mb-xxs-n5, .my-xxs-n5 { margin-bottom: -3rem !important; } .ml-xxs-n5, .mx-xxs-n5 { margin-left: -3rem !important; } .m-xxs-auto { margin: auto !important; } .mt-xxs-auto, .my-xxs-auto { margin-top: auto !important; } .mr-xxs-auto, .mx-xxs-auto { margin-right: auto !important; } .mb-xxs-auto, .my-xxs-auto { margin-bottom: auto !important; } .ml-xxs-auto, .mx-xxs-auto { margin-left: auto !important; } } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 1024px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1280px) { .m-llg-0 { margin: 0 !important; } .mt-llg-0, .my-llg-0 { margin-top: 0 !important; } .mr-llg-0, .mx-llg-0 { margin-right: 0 !important; } .mb-llg-0, .my-llg-0 { margin-bottom: 0 !important; } .ml-llg-0, .mx-llg-0 { margin-left: 0 !important; } .m-llg-1 { margin: 0.25rem !important; } .mt-llg-1, .my-llg-1 { margin-top: 0.25rem !important; } .mr-llg-1, .mx-llg-1 { margin-right: 0.25rem !important; } .mb-llg-1, .my-llg-1 { margin-bottom: 0.25rem !important; } .ml-llg-1, .mx-llg-1 { margin-left: 0.25rem !important; } .m-llg-2 { margin: 0.5rem !important; } .mt-llg-2, .my-llg-2 { margin-top: 0.5rem !important; } .mr-llg-2, .mx-llg-2 { margin-right: 0.5rem !important; } .mb-llg-2, .my-llg-2 { margin-bottom: 0.5rem !important; } .ml-llg-2, .mx-llg-2 { margin-left: 0.5rem !important; } .m-llg-3 { margin: 1rem !important; } .mt-llg-3, .my-llg-3 { margin-top: 1rem !important; } .mr-llg-3, .mx-llg-3 { margin-right: 1rem !important; } .mb-llg-3, .my-llg-3 { margin-bottom: 1rem !important; } .ml-llg-3, .mx-llg-3 { margin-left: 1rem !important; } .m-llg-4 { margin: 1.5rem !important; } .mt-llg-4, .my-llg-4 { margin-top: 1.5rem !important; } .mr-llg-4, .mx-llg-4 { margin-right: 1.5rem !important; } .mb-llg-4, .my-llg-4 { margin-bottom: 1.5rem !important; } .ml-llg-4, .mx-llg-4 { margin-left: 1.5rem !important; } .m-llg-5 { margin: 3rem !important; } .mt-llg-5, .my-llg-5 { margin-top: 3rem !important; } .mr-llg-5, .mx-llg-5 { margin-right: 3rem !important; } .mb-llg-5, .my-llg-5 { margin-bottom: 3rem !important; } .ml-llg-5, .mx-llg-5 { margin-left: 3rem !important; } .p-llg-0 { padding: 0 !important; } .pt-llg-0, .py-llg-0 { padding-top: 0 !important; } .pr-llg-0, .px-llg-0 { padding-right: 0 !important; } .pb-llg-0, .py-llg-0 { padding-bottom: 0 !important; } .pl-llg-0, .px-llg-0 { padding-left: 0 !important; } .p-llg-1 { padding: 0.25rem !important; } .pt-llg-1, .py-llg-1 { padding-top: 0.25rem !important; } .pr-llg-1, .px-llg-1 { padding-right: 0.25rem !important; } .pb-llg-1, .py-llg-1 { padding-bottom: 0.25rem !important; } .pl-llg-1, .px-llg-1 { padding-left: 0.25rem !important; } .p-llg-2 { padding: 0.5rem !important; } .pt-llg-2, .py-llg-2 { padding-top: 0.5rem !important; } .pr-llg-2, .px-llg-2 { padding-right: 0.5rem !important; } .pb-llg-2, .py-llg-2 { padding-bottom: 0.5rem !important; } .pl-llg-2, .px-llg-2 { padding-left: 0.5rem !important; } .p-llg-3 { padding: 1rem !important; } .pt-llg-3, .py-llg-3 { padding-top: 1rem !important; } .pr-llg-3, .px-llg-3 { padding-right: 1rem !important; } .pb-llg-3, .py-llg-3 { padding-bottom: 1rem !important; } .pl-llg-3, .px-llg-3 { padding-left: 1rem !important; } .p-llg-4 { padding: 1.5rem !important; } .pt-llg-4, .py-llg-4 { padding-top: 1.5rem !important; } .pr-llg-4, .px-llg-4 { padding-right: 1.5rem !important; } .pb-llg-4, .py-llg-4 { padding-bottom: 1.5rem !important; } .pl-llg-4, .px-llg-4 { padding-left: 1.5rem !important; } .p-llg-5 { padding: 3rem !important; } .pt-llg-5, .py-llg-5 { padding-top: 3rem !important; } .pr-llg-5, .px-llg-5 { padding-right: 3rem !important; } .pb-llg-5, .py-llg-5 { padding-bottom: 3rem !important; } .pl-llg-5, .px-llg-5 { padding-left: 3rem !important; } .m-llg-n1 { margin: -0.25rem !important; } .mt-llg-n1, .my-llg-n1 { margin-top: -0.25rem !important; } .mr-llg-n1, .mx-llg-n1 { margin-right: -0.25rem !important; } .mb-llg-n1, .my-llg-n1 { margin-bottom: -0.25rem !important; } .ml-llg-n1, .mx-llg-n1 { margin-left: -0.25rem !important; } .m-llg-n2 { margin: -0.5rem !important; } .mt-llg-n2, .my-llg-n2 { margin-top: -0.5rem !important; } .mr-llg-n2, .mx-llg-n2 { margin-right: -0.5rem !important; } .mb-llg-n2, .my-llg-n2 { margin-bottom: -0.5rem !important; } .ml-llg-n2, .mx-llg-n2 { margin-left: -0.5rem !important; } .m-llg-n3 { margin: -1rem !important; } .mt-llg-n3, .my-llg-n3 { margin-top: -1rem !important; } .mr-llg-n3, .mx-llg-n3 { margin-right: -1rem !important; } .mb-llg-n3, .my-llg-n3 { margin-bottom: -1rem !important; } .ml-llg-n3, .mx-llg-n3 { margin-left: -1rem !important; } .m-llg-n4 { margin: -1.5rem !important; } .mt-llg-n4, .my-llg-n4 { margin-top: -1.5rem !important; } .mr-llg-n4, .mx-llg-n4 { margin-right: -1.5rem !important; } .mb-llg-n4, .my-llg-n4 { margin-bottom: -1.5rem !important; } .ml-llg-n4, .mx-llg-n4 { margin-left: -1.5rem !important; } .m-llg-n5 { margin: -3rem !important; } .mt-llg-n5, .my-llg-n5 { margin-top: -3rem !important; } .mr-llg-n5, .mx-llg-n5 { margin-right: -3rem !important; } .mb-llg-n5, .my-llg-n5 { margin-bottom: -3rem !important; } .ml-llg-n5, .mx-llg-n5 { margin-left: -3rem !important; } .m-llg-auto { margin: auto !important; } .mt-llg-auto, .my-llg-auto { margin-top: auto !important; } .mr-llg-auto, .mx-llg-auto { margin-right: auto !important; } .mb-llg-auto, .my-llg-auto { margin-bottom: auto !important; } .ml-llg-auto, .mx-llg-auto { margin-left: auto !important; } } @media (min-width: 1366px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } @media (min-width: 1440px) { .m-xxl-0 { margin: 0 !important; } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important; } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important; } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .mt-xxl-1, .my-xxl-1 { margin-top: 0.25rem !important; } .mr-xxl-1, .mx-xxl-1 { margin-right: 0.25rem !important; } .mb-xxl-1, .my-xxl-1 { margin-bottom: 0.25rem !important; } .ml-xxl-1, .mx-xxl-1 { margin-left: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .mt-xxl-2, .my-xxl-2 { margin-top: 0.5rem !important; } .mr-xxl-2, .mx-xxl-2 { margin-right: 0.5rem !important; } .mb-xxl-2, .my-xxl-2 { margin-bottom: 0.5rem !important; } .ml-xxl-2, .mx-xxl-2 { margin-left: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .mt-xxl-3, .my-xxl-3 { margin-top: 1rem !important; } .mr-xxl-3, .mx-xxl-3 { margin-right: 1rem !important; } .mb-xxl-3, .my-xxl-3 { margin-bottom: 1rem !important; } .ml-xxl-3, .mx-xxl-3 { margin-left: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .mt-xxl-4, .my-xxl-4 { margin-top: 1.5rem !important; } .mr-xxl-4, .mx-xxl-4 { margin-right: 1.5rem !important; } .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5rem !important; } .ml-xxl-4, .mx-xxl-4 { margin-left: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .mt-xxl-5, .my-xxl-5 { margin-top: 3rem !important; } .mr-xxl-5, .mx-xxl-5 { margin-right: 3rem !important; } .mb-xxl-5, .my-xxl-5 { margin-bottom: 3rem !important; } .ml-xxl-5, .mx-xxl-5 { margin-left: 3rem !important; } .p-xxl-0 { padding: 0 !important; } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important; } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important; } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important; } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .pt-xxl-1, .py-xxl-1 { padding-top: 0.25rem !important; } .pr-xxl-1, .px-xxl-1 { padding-right: 0.25rem !important; } .pb-xxl-1, .py-xxl-1 { padding-bottom: 0.25rem !important; } .pl-xxl-1, .px-xxl-1 { padding-left: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .pt-xxl-2, .py-xxl-2 { padding-top: 0.5rem !important; } .pr-xxl-2, .px-xxl-2 { padding-right: 0.5rem !important; } .pb-xxl-2, .py-xxl-2 { padding-bottom: 0.5rem !important; } .pl-xxl-2, .px-xxl-2 { padding-left: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .pt-xxl-3, .py-xxl-3 { padding-top: 1rem !important; } .pr-xxl-3, .px-xxl-3 { padding-right: 1rem !important; } .pb-xxl-3, .py-xxl-3 { padding-bottom: 1rem !important; } .pl-xxl-3, .px-xxl-3 { padding-left: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .pt-xxl-4, .py-xxl-4 { padding-top: 1.5rem !important; } .pr-xxl-4, .px-xxl-4 { padding-right: 1.5rem !important; } .pb-xxl-4, .py-xxl-4 { padding-bottom: 1.5rem !important; } .pl-xxl-4, .px-xxl-4 { padding-left: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .pt-xxl-5, .py-xxl-5 { padding-top: 3rem !important; } .pr-xxl-5, .px-xxl-5 { padding-right: 3rem !important; } .pb-xxl-5, .py-xxl-5 { padding-bottom: 3rem !important; } .pl-xxl-5, .px-xxl-5 { padding-left: 3rem !important; } .m-xxl-n1 { margin: -0.25rem !important; } .mt-xxl-n1, .my-xxl-n1 { margin-top: -0.25rem !important; } .mr-xxl-n1, .mx-xxl-n1 { margin-right: -0.25rem !important; } .mb-xxl-n1, .my-xxl-n1 { margin-bottom: -0.25rem !important; } .ml-xxl-n1, .mx-xxl-n1 { margin-left: -0.25rem !important; } .m-xxl-n2 { margin: -0.5rem !important; } .mt-xxl-n2, .my-xxl-n2 { margin-top: -0.5rem !important; } .mr-xxl-n2, .mx-xxl-n2 { margin-right: -0.5rem !important; } .mb-xxl-n2, .my-xxl-n2 { margin-bottom: -0.5rem !important; } .ml-xxl-n2, .mx-xxl-n2 { margin-left: -0.5rem !important; } .m-xxl-n3 { margin: -1rem !important; } .mt-xxl-n3, .my-xxl-n3 { margin-top: -1rem !important; } .mr-xxl-n3, .mx-xxl-n3 { margin-right: -1rem !important; } .mb-xxl-n3, .my-xxl-n3 { margin-bottom: -1rem !important; } .ml-xxl-n3, .mx-xxl-n3 { margin-left: -1rem !important; } .m-xxl-n4 { margin: -1.5rem !important; } .mt-xxl-n4, .my-xxl-n4 { margin-top: -1.5rem !important; } .mr-xxl-n4, .mx-xxl-n4 { margin-right: -1.5rem !important; } .mb-xxl-n4, .my-xxl-n4 { margin-bottom: -1.5rem !important; } .ml-xxl-n4, .mx-xxl-n4 { margin-left: -1.5rem !important; } .m-xxl-n5 { margin: -3rem !important; } .mt-xxl-n5, .my-xxl-n5 { margin-top: -3rem !important; } .mr-xxl-n5, .mx-xxl-n5 { margin-right: -3rem !important; } .mb-xxl-n5, .my-xxl-n5 { margin-bottom: -3rem !important; } .ml-xxl-n5, .mx-xxl-n5 { margin-left: -3rem !important; } .m-xxl-auto { margin: auto !important; } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important; } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important; } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important; } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 420px) { .text-xxs-left { text-align: left !important; } .text-xxs-right { text-align: right !important; } .text-xxs-center { text-align: center !important; } } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 1024px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1280px) { .text-llg-left { text-align: left !important; } .text-llg-right { text-align: right !important; } .text-llg-center { text-align: center !important; } } @media (min-width: 1366px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1440px) { .text-xxl-left { text-align: left !important; } .text-xxl-right { text-align: right !important; } .text-xxl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; word-wrap: break-word !important; } .text-reset { color: inherit !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: -moz-min-content; height: min-content; content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: -moz-min-content; height: min-content; } .modal-sm { max-width: 300px; } } @media (min-width: 1024px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1366px) { .modal-xl { max-width: 1140px; } } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; } a.close.disabled { pointer-events: none; } *, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, a, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; } img, object, embed, video, iframe { max-width: 100%; } a { text-decoration: none; } ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } table { border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%; } th { font-weight: bold; vertical-align: bottom; } td { font-weight: normal; vertical-align: middle; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 10px 0; padding: 0; } input, select { vertical-align: middle; } pre { white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; } input[type='radio'] { vertical-align: text-bottom; } input[type='checkbox'] { vertical-align: bottom; } input:focus, textarea:focus { outline: 0; } a:hover, a:active { outline: 0; } small { font-size: 85%; } strong, th { font-weight: bold; } td, td img { vertical-align: top; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } pre, code, kbd, samp { font-family: monospace, sans-serif; } label, input[type='button'], input[type='submit'], button { cursor: pointer; } body, select, input, textarea { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } button, input, select, textarea { margin: 0; resize: none; color: inherit; font: inherit; border: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } a, button { outline: 0; } button { width: auto; overflow: visible; } textarea { overflow: auto; } ins { background: #fcd700; color: #000; text-decoration: none; } mark { background: #fcd700; color: #000; font-style: italic; font-weight: bold; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } /* Light */ @font-face { font-family: 'Neue Haas Unica Pro'; src: url("../fonts/neuehaasunicapro-light-webfont.woff2") format("woff2"), url("../fonts/neuehaasunicapro-light-webfont.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Neue Haas Unica Pro'; src: url("../fonts/neuehaasunicapro-lightit-webfont.woff2") format("woff2"), url("../fonts/neuehaasunicapro-lightit-webfont.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; } /* Regular */ @font-face { font-family: 'Neue Haas Unica Pro'; src: url("../fonts/neuehaasunicapro-regular-webfont.woff2") format("woff2"), url("../fonts/neuehaasunicapro-regular-webfont.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Neue Haas Unica Pro'; src: url("../fonts/neuehaasunicapro-italic-webfont.woff2") format("woff2"), url("../fonts/neuehaasunicapro-italic-webfont.woff") format("woff"); font-weight: 400; font-style: italic; font-display: swap; } /* Bold */ @font-face { font-family: 'Neue Haas Unica Pro'; src: url("../fonts/neuehaasunicapro-bold-webfont.woff2") format("woff2"), url("../fonts/neuehaasunicapro-bold-webfont.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Neue Haas Unica Pro'; src: url("../fonts/neuehaasunicapro-bolditalic-webfont.woff2") format("woff2"), url("../fonts/neuehaasunicapro-bolditalic-webfont.woff") format("woff"); font-weight: 700; font-style: italic; font-display: swap; } /* colors */ ::-moz-selection { background: #7D1168; color: #FFFFFF; text-shadow: none; } ::selection { background: #7D1168; color: #FFFFFF; text-shadow: none; } * { outline: 0; } html { font-size: 62.5%; height: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(125, 17, 104, 0); } body { font-family: "Neue Haas Unica Pro", sans-serif; line-height: 1.2; color: #000000; background: #FFFFFF; overscroll-behavior-y: none; font-size: 12px; font-weight: 300; width: 100%; height: 100%; overflow-x: hidden; } body.menuOpen { height: 100vh; overflow: hidden; } body.hidden { height: 100vh; overflow: hidden; } main, article { width: 100%; overflow: hidden; position: relative; z-index: 10; } main { background: #FFFFFF; } a { color: inherit; } p a { text-decoration: underline; transition: all 0.25s ease-in-out; } @media (min-width: 1024px) { p a:hover { color: #7D1168; } } .alert-message { width: 100%; display: block; position: fixed; top: 0; font-size: 16px; font-weight: 400; line-height: 23.11px; text-align: center; color: #fff; background: #62D699; padding: 77px; z-index: 9999; } .lozad { opacity: 0; } .lozad[data-loaded=true] { opacity: 1; } .lozad2 { opacity: 0; } .lozad2.fadeIn { opacity: 1; } .acessibilidade { position: fixed; top: 50%; transform: translateY(-50%); right: 20px; padding: 10px; border-radius: 900px; background: linear-gradient(116deg, rgba(255, 255, 255, 0.8) 24.81%, rgba(255, 255, 255, 0.64) 92.75%); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); z-index: 999; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; opacity: 0; transition: all 0.5s ease-in-out; } .acessibilidade.is-inview { opacity: 1; } .btAcess { width: 30px; height: 30px; border-radius: 100%; position: relative; } .btAcess .text { border-radius: 900px; border: 1px solid var(--Secondary-Regular-Purple, #DFC4DD); background: var(--Primary-White, #FFF); color: #525252; font-size: 10px; font-weight: 400; line-height: 14px; letter-spacing: 1px; text-transform: uppercase; position: absolute; top: 0; left: 0; transform: translateX(-100%); display: inline-flex; white-space: nowrap; height: 30px; padding: 10px 0; align-items: center; justify-content: center; visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out; max-width: 0; overflow: hidden; } .btAcess .text span { margin-right: 5px; } .btAcess:hover .text { visibility: visible; opacity: 1; transform: translateX(-100%); padding: 10px; max-width: 200px; } .btAcess:hover path { stroke: #7D1168; } .btAcess.ativado circle { fill: #DFC4DD; } .btAcess.ativado path { stroke: #7D1168; } button[type=submit]:disabled { opacity: 0.5; } .elemento { opacity: 0; } .elemento.is-inview { opacity: 1; } .btLink--anim { overflow: hidden; cursor: pointer; position: relative; } .btLink--anim::before, .btLink--anim::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .btLink--anim span { display: inline-block; position: relative; z-index: 10; margin: 0 !important; } @media (min-width: 1024px) { .btLink--anim:hover span { animation: MoveScaleUpInitial 0.3s forwards, MoveScaleUpEnd 0.3s forwards 0.3s; } } .btLink--anim::before { content: ''; background: #000; width: 120%; height: 0; padding-bottom: 120%; top: -110%; left: -10%; border-radius: 50%; transform: translate3d(0, 68%, 0) scale3d(0, 0, 0); } .btLink--anim::after { content: ''; background: #000; transform: translate3d(0, -100%, 0); transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1); } @media (min-width: 1024px) { .btLink--anim:hover::before { transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1); } .btLink--anim:hover::after { transform: translate3d(0, 0, 0); transition-duration: 0.05s; transition-delay: 0.4s; transition-timing-function: linear; } .btLink--anim:hover span { color: #FFFFFF; } } .btLink--anim.border { background: none !important; } .btLink--anim.border::before, .btLink--anim.border::after { display: none; } @media (min-width: 1024px) { .btLink--anim.border:hover { color: #000000; border-color: #000000; } .btLink--anim.border:hover span { color: #000000; } } .btLink--anim.seta svg { transition: all 0.5s ease-in-out; } .btLink--anim.seta.is-active svg { transform: rotate(45deg); } @media (min-width: 1024px) { .btLink--anim.seta:hover svg { transform: rotate(45deg); } } .btLink--anim.svg > span { display: inline-flex; gap: 10px; margin: 0; } .btLink--anim.purple { background-color: #7D1168; } .btLink--anim.purple::before, .btLink--anim.purple::after { background-color: #F49100; } .btLink--anim.purple span { color: #FFFFFF; } .btLink--anim.hpurple::before, .btLink--anim.hpurple::after { background-color: #7D1168; } @keyframes MoveScaleUpInitial { to { transform: translate3d(0, -105%, 0) scale3d(1, 2, 1); opacity: 0; } } @keyframes MoveScaleUpEnd { from { transform: translate3d(0, 100%, 0) scale3d(1, 2, 1); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1; } } @font-face { font-family: 'fontello'; src: url("../fonts/fontello.eot?79906336"); src: url("../fonts/fontello.eot?79906336#iefix") format("embedded-opentype"), url("../fonts/fontello.woff2?79906336") format("woff2"), url("../fonts/fontello.woff?79906336") format("woff"), url("../fonts/fontello.ttf?79906336") format("truetype"), url("../fonts/fontello.svg?79906336#fontello") format("svg"); font-weight: normal; font-style: normal; } [class^='icon-']:before, [class*=' icon-']:before { font-family: 'fontello'; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 0.2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-down:before { content: '\E800'; } .icon-arrow-left:before { content: '\E801'; } .icon-arrow-right:before { content: '\E802'; } .icon-close:before { content: '\E803'; } .icon-plus:before { content: '\E804'; } .icon-minus:before { content: '\E805'; } .icon-search:before { content: '\E806'; } .icon-dislike:before { content: '\E807'; } .icon-play:before { content: '\E808'; } .icon-like:before { content: '\E809'; } .icon-twitter:before { content: '\F099'; } .icon-facebook:before { content: '\F09A'; } .icon-linkedin:before { content: '\F0E1'; } .icon-youtube:before { content: '\F16A'; } .icon-instagram:before { content: '\F16D'; } .icon-whatsapp:before { content: '\F232'; } /* Animação */ body[data-anim-duration='50'] [data-anim], [data-anim][data-anim][data-anim-duration='50'] { transition-duration: 50ms; } body[data-anim-delay='50'] [data-anim], [data-anim][data-anim][data-anim-delay='50'] { transition-delay: 50ms; } body[data-anim-delay='50'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='50'].is-inview { transition-delay: 50ms; } body[data-anim-duration='100'] [data-anim], [data-anim][data-anim][data-anim-duration='100'] { transition-duration: 100ms; } body[data-anim-delay='100'] [data-anim], [data-anim][data-anim][data-anim-delay='100'] { transition-delay: 100ms; } body[data-anim-delay='100'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='100'].is-inview { transition-delay: 100ms; } body[data-anim-duration='150'] [data-anim], [data-anim][data-anim][data-anim-duration='150'] { transition-duration: 150ms; } body[data-anim-delay='150'] [data-anim], [data-anim][data-anim][data-anim-delay='150'] { transition-delay: 150ms; } body[data-anim-delay='150'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='150'].is-inview { transition-delay: 150ms; } body[data-anim-duration='200'] [data-anim], [data-anim][data-anim][data-anim-duration='200'] { transition-duration: 200ms; } body[data-anim-delay='200'] [data-anim], [data-anim][data-anim][data-anim-delay='200'] { transition-delay: 200ms; } body[data-anim-delay='200'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='200'].is-inview { transition-delay: 200ms; } body[data-anim-duration='250'] [data-anim], [data-anim][data-anim][data-anim-duration='250'] { transition-duration: 250ms; } body[data-anim-delay='250'] [data-anim], [data-anim][data-anim][data-anim-delay='250'] { transition-delay: 250ms; } body[data-anim-delay='250'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='250'].is-inview { transition-delay: 250ms; } body[data-anim-duration='300'] [data-anim], [data-anim][data-anim][data-anim-duration='300'] { transition-duration: 300ms; } body[data-anim-delay='300'] [data-anim], [data-anim][data-anim][data-anim-delay='300'] { transition-delay: 300ms; } body[data-anim-delay='300'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='300'].is-inview { transition-delay: 300ms; } body[data-anim-duration='350'] [data-anim], [data-anim][data-anim][data-anim-duration='350'] { transition-duration: 350ms; } body[data-anim-delay='350'] [data-anim], [data-anim][data-anim][data-anim-delay='350'] { transition-delay: 350ms; } body[data-anim-delay='350'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='350'].is-inview { transition-delay: 350ms; } body[data-anim-duration='400'] [data-anim], [data-anim][data-anim][data-anim-duration='400'] { transition-duration: 400ms; } body[data-anim-delay='400'] [data-anim], [data-anim][data-anim][data-anim-delay='400'] { transition-delay: 400ms; } body[data-anim-delay='400'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='400'].is-inview { transition-delay: 400ms; } body[data-anim-duration='450'] [data-anim], [data-anim][data-anim][data-anim-duration='450'] { transition-duration: 450ms; } body[data-anim-delay='450'] [data-anim], [data-anim][data-anim][data-anim-delay='450'] { transition-delay: 450ms; } body[data-anim-delay='450'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='450'].is-inview { transition-delay: 450ms; } body[data-anim-duration='500'] [data-anim], [data-anim][data-anim][data-anim-duration='500'] { transition-duration: 500ms; } body[data-anim-delay='500'] [data-anim], [data-anim][data-anim][data-anim-delay='500'] { transition-delay: 500ms; } body[data-anim-delay='500'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='500'].is-inview { transition-delay: 500ms; } body[data-anim-duration='550'] [data-anim], [data-anim][data-anim][data-anim-duration='550'] { transition-duration: 550ms; } body[data-anim-delay='550'] [data-anim], [data-anim][data-anim][data-anim-delay='550'] { transition-delay: 550ms; } body[data-anim-delay='550'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='550'].is-inview { transition-delay: 550ms; } body[data-anim-duration='600'] [data-anim], [data-anim][data-anim][data-anim-duration='600'] { transition-duration: 600ms; } body[data-anim-delay='600'] [data-anim], [data-anim][data-anim][data-anim-delay='600'] { transition-delay: 600ms; } body[data-anim-delay='600'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='600'].is-inview { transition-delay: 600ms; } body[data-anim-duration='650'] [data-anim], [data-anim][data-anim][data-anim-duration='650'] { transition-duration: 650ms; } body[data-anim-delay='650'] [data-anim], [data-anim][data-anim][data-anim-delay='650'] { transition-delay: 650ms; } body[data-anim-delay='650'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='650'].is-inview { transition-delay: 650ms; } body[data-anim-duration='700'] [data-anim], [data-anim][data-anim][data-anim-duration='700'] { transition-duration: 700ms; } body[data-anim-delay='700'] [data-anim], [data-anim][data-anim][data-anim-delay='700'] { transition-delay: 700ms; } body[data-anim-delay='700'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='700'].is-inview { transition-delay: 700ms; } body[data-anim-duration='750'] [data-anim], [data-anim][data-anim][data-anim-duration='750'] { transition-duration: 750ms; } body[data-anim-delay='750'] [data-anim], [data-anim][data-anim][data-anim-delay='750'] { transition-delay: 750ms; } body[data-anim-delay='750'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='750'].is-inview { transition-delay: 750ms; } body[data-anim-duration='800'] [data-anim], [data-anim][data-anim][data-anim-duration='800'] { transition-duration: 800ms; } body[data-anim-delay='800'] [data-anim], [data-anim][data-anim][data-anim-delay='800'] { transition-delay: 800ms; } body[data-anim-delay='800'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='800'].is-inview { transition-delay: 800ms; } body[data-anim-duration='850'] [data-anim], [data-anim][data-anim][data-anim-duration='850'] { transition-duration: 850ms; } body[data-anim-delay='850'] [data-anim], [data-anim][data-anim][data-anim-delay='850'] { transition-delay: 850ms; } body[data-anim-delay='850'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='850'].is-inview { transition-delay: 850ms; } body[data-anim-duration='900'] [data-anim], [data-anim][data-anim][data-anim-duration='900'] { transition-duration: 900ms; } body[data-anim-delay='900'] [data-anim], [data-anim][data-anim][data-anim-delay='900'] { transition-delay: 900ms; } body[data-anim-delay='900'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='900'].is-inview { transition-delay: 900ms; } body[data-anim-duration='950'] [data-anim], [data-anim][data-anim][data-anim-duration='950'] { transition-duration: 950ms; } body[data-anim-delay='950'] [data-anim], [data-anim][data-anim][data-anim-delay='950'] { transition-delay: 950ms; } body[data-anim-delay='950'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='950'].is-inview { transition-delay: 950ms; } body[data-anim-duration='1000'] [data-anim], [data-anim][data-anim][data-anim-duration='1000'] { transition-duration: 1000ms; } body[data-anim-delay='1000'] [data-anim], [data-anim][data-anim][data-anim-delay='1000'] { transition-delay: 1000ms; } body[data-anim-delay='1000'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='1000'].is-inview { transition-delay: 1000ms; } body[data-anim-duration='1050'] [data-anim], [data-anim][data-anim][data-anim-duration='1050'] { transition-duration: 1050ms; } body[data-anim-delay='1050'] [data-anim], [data-anim][data-anim][data-anim-delay='1050'] { transition-delay: 1050ms; } body[data-anim-delay='1050'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='1050'].is-inview { transition-delay: 1050ms; } body[data-anim-duration='1100'] [data-anim], [data-anim][data-anim][data-anim-duration='1100'] { transition-duration: 1100ms; } body[data-anim-delay='1100'] [data-anim], [data-anim][data-anim][data-anim-delay='1100'] { transition-delay: 1100ms; } body[data-anim-delay='1100'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='1100'].is-inview { transition-delay: 1100ms; } body[data-anim-duration='1150'] [data-anim], [data-anim][data-anim][data-anim-duration='1150'] { transition-duration: 1150ms; } body[data-anim-delay='1150'] [data-anim], [data-anim][data-anim][data-anim-delay='1150'] { transition-delay: 1150ms; } body[data-anim-delay='1150'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='1150'].is-inview { transition-delay: 1150ms; } body[data-anim-duration='1200'] [data-anim], [data-anim][data-anim][data-anim-duration='1200'] { transition-duration: 1200ms; } body[data-anim-delay='1200'] [data-anim], [data-anim][data-anim][data-anim-delay='1200'] { transition-delay: 1200ms; } body[data-anim-delay='1200'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='1200'].is-inview { transition-delay: 1200ms; } body[data-anim-duration='1250'] [data-anim], [data-anim][data-anim][data-anim-duration='1250'] { transition-duration: 1250ms; } body[data-anim-delay='1250'] [data-anim], [data-anim][data-anim][data-anim-delay='1250'] { transition-delay: 1250ms; } body[data-anim-delay='1250'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='1250'].is-inview { transition-delay: 1250ms; } body[data-anim-duration='1300'] [data-anim], [data-anim][data-anim][data-anim-duration='1300'] { transition-duration: 1300ms; } body[data-anim-delay='1300'] [data-anim], [data-anim][data-anim][data-anim-delay='1300'] { transition-delay: 1300ms; } body[data-anim-delay='1300'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='1300'].is-inview { transition-delay: 1300ms; } body[data-anim-duration='1350'] [data-anim], [data-anim][data-anim][data-anim-duration='1350'] { transition-duration: 1350ms; } body[data-anim-delay='1350'] [data-anim], [data-anim][data-anim][data-anim-delay='1350'] { transition-delay: 1350ms; } body[data-anim-delay='1350'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='1350'].is-inview { transition-delay: 1350ms; } body[data-anim-duration='1400'] [data-anim], [data-anim][data-anim][data-anim-duration='1400'] { transition-duration: 1400ms; } body[data-anim-delay='1400'] [data-anim], [data-anim][data-anim][data-anim-delay='1400'] { transition-delay: 1400ms; } body[data-anim-delay='1400'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='1400'].is-inview { transition-delay: 1400ms; } body[data-anim-duration='1450'] [data-anim], [data-anim][data-anim][data-anim-duration='1450'] { transition-duration: 1450ms; } body[data-anim-delay='1450'] [data-anim], [data-anim][data-anim][data-anim-delay='1450'] { transition-delay: 1450ms; } body[data-anim-delay='1450'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='1450'].is-inview { transition-delay: 1450ms; } body[data-anim-duration='1500'] [data-anim], [data-anim][data-anim][data-anim-duration='1500'] { transition-duration: 1500ms; } body[data-anim-delay='1500'] [data-anim], [data-anim][data-anim][data-anim-delay='1500'] { transition-delay: 1500ms; } body[data-anim-delay='1500'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='1500'].is-inview { transition-delay: 1500ms; } body[data-anim-duration='1550'] [data-anim], [data-anim][data-anim][data-anim-duration='1550'] { transition-duration: 1550ms; } body[data-anim-delay='1550'] [data-anim], [data-anim][data-anim][data-anim-delay='1550'] { transition-delay: 1550ms; } body[data-anim-delay='1550'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='1550'].is-inview { transition-delay: 1550ms; } body[data-anim-duration='1600'] [data-anim], [data-anim][data-anim][data-anim-duration='1600'] { transition-duration: 1600ms; } body[data-anim-delay='1600'] [data-anim], [data-anim][data-anim][data-anim-delay='1600'] { transition-delay: 1600ms; } body[data-anim-delay='1600'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='1600'].is-inview { transition-delay: 1600ms; } body[data-anim-duration='1650'] [data-anim], [data-anim][data-anim][data-anim-duration='1650'] { transition-duration: 1650ms; } body[data-anim-delay='1650'] [data-anim], [data-anim][data-anim][data-anim-delay='1650'] { transition-delay: 1650ms; } body[data-anim-delay='1650'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='1650'].is-inview { transition-delay: 1650ms; } body[data-anim-duration='1700'] [data-anim], [data-anim][data-anim][data-anim-duration='1700'] { transition-duration: 1700ms; } body[data-anim-delay='1700'] [data-anim], [data-anim][data-anim][data-anim-delay='1700'] { transition-delay: 1700ms; } body[data-anim-delay='1700'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='1700'].is-inview { transition-delay: 1700ms; } body[data-anim-duration='1750'] [data-anim], [data-anim][data-anim][data-anim-duration='1750'] { transition-duration: 1750ms; } body[data-anim-delay='1750'] [data-anim], [data-anim][data-anim][data-anim-delay='1750'] { transition-delay: 1750ms; } body[data-anim-delay='1750'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='1750'].is-inview { transition-delay: 1750ms; } body[data-anim-duration='1800'] [data-anim], [data-anim][data-anim][data-anim-duration='1800'] { transition-duration: 1800ms; } body[data-anim-delay='1800'] [data-anim], [data-anim][data-anim][data-anim-delay='1800'] { transition-delay: 1800ms; } body[data-anim-delay='1800'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='1800'].is-inview { transition-delay: 1800ms; } body[data-anim-duration='1850'] [data-anim], [data-anim][data-anim][data-anim-duration='1850'] { transition-duration: 1850ms; } body[data-anim-delay='1850'] [data-anim], [data-anim][data-anim][data-anim-delay='1850'] { transition-delay: 1850ms; } body[data-anim-delay='1850'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='1850'].is-inview { transition-delay: 1850ms; } body[data-anim-duration='1900'] [data-anim], [data-anim][data-anim][data-anim-duration='1900'] { transition-duration: 1900ms; } body[data-anim-delay='1900'] [data-anim], [data-anim][data-anim][data-anim-delay='1900'] { transition-delay: 1900ms; } body[data-anim-delay='1900'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='1900'].is-inview { transition-delay: 1900ms; } body[data-anim-duration='1950'] [data-anim], [data-anim][data-anim][data-anim-duration='1950'] { transition-duration: 1950ms; } body[data-anim-delay='1950'] [data-anim], [data-anim][data-anim][data-anim-delay='1950'] { transition-delay: 1950ms; } body[data-anim-delay='1950'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='1950'].is-inview { transition-delay: 1950ms; } body[data-anim-duration='2000'] [data-anim], [data-anim][data-anim][data-anim-duration='2000'] { transition-duration: 2000ms; } body[data-anim-delay='2000'] [data-anim], [data-anim][data-anim][data-anim-delay='2000'] { transition-delay: 2000ms; } body[data-anim-delay='2000'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='2000'].is-inview { transition-delay: 2000ms; } body[data-anim-duration='2050'] [data-anim], [data-anim][data-anim][data-anim-duration='2050'] { transition-duration: 2050ms; } body[data-anim-delay='2050'] [data-anim], [data-anim][data-anim][data-anim-delay='2050'] { transition-delay: 2050ms; } body[data-anim-delay='2050'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='2050'].is-inview { transition-delay: 2050ms; } body[data-anim-duration='2100'] [data-anim], [data-anim][data-anim][data-anim-duration='2100'] { transition-duration: 2100ms; } body[data-anim-delay='2100'] [data-anim], [data-anim][data-anim][data-anim-delay='2100'] { transition-delay: 2100ms; } body[data-anim-delay='2100'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='2100'].is-inview { transition-delay: 2100ms; } body[data-anim-duration='2150'] [data-anim], [data-anim][data-anim][data-anim-duration='2150'] { transition-duration: 2150ms; } body[data-anim-delay='2150'] [data-anim], [data-anim][data-anim][data-anim-delay='2150'] { transition-delay: 2150ms; } body[data-anim-delay='2150'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='2150'].is-inview { transition-delay: 2150ms; } body[data-anim-duration='2200'] [data-anim], [data-anim][data-anim][data-anim-duration='2200'] { transition-duration: 2200ms; } body[data-anim-delay='2200'] [data-anim], [data-anim][data-anim][data-anim-delay='2200'] { transition-delay: 2200ms; } body[data-anim-delay='2200'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='2200'].is-inview { transition-delay: 2200ms; } body[data-anim-duration='2250'] [data-anim], [data-anim][data-anim][data-anim-duration='2250'] { transition-duration: 2250ms; } body[data-anim-delay='2250'] [data-anim], [data-anim][data-anim][data-anim-delay='2250'] { transition-delay: 2250ms; } body[data-anim-delay='2250'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='2250'].is-inview { transition-delay: 2250ms; } body[data-anim-duration='2300'] [data-anim], [data-anim][data-anim][data-anim-duration='2300'] { transition-duration: 2300ms; } body[data-anim-delay='2300'] [data-anim], [data-anim][data-anim][data-anim-delay='2300'] { transition-delay: 2300ms; } body[data-anim-delay='2300'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='2300'].is-inview { transition-delay: 2300ms; } body[data-anim-duration='2350'] [data-anim], [data-anim][data-anim][data-anim-duration='2350'] { transition-duration: 2350ms; } body[data-anim-delay='2350'] [data-anim], [data-anim][data-anim][data-anim-delay='2350'] { transition-delay: 2350ms; } body[data-anim-delay='2350'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='2350'].is-inview { transition-delay: 2350ms; } body[data-anim-duration='2400'] [data-anim], [data-anim][data-anim][data-anim-duration='2400'] { transition-duration: 2400ms; } body[data-anim-delay='2400'] [data-anim], [data-anim][data-anim][data-anim-delay='2400'] { transition-delay: 2400ms; } body[data-anim-delay='2400'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='2400'].is-inview { transition-delay: 2400ms; } body[data-anim-duration='2450'] [data-anim], [data-anim][data-anim][data-anim-duration='2450'] { transition-duration: 2450ms; } body[data-anim-delay='2450'] [data-anim], [data-anim][data-anim][data-anim-delay='2450'] { transition-delay: 2450ms; } body[data-anim-delay='2450'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='2450'].is-inview { transition-delay: 2450ms; } body[data-anim-duration='2500'] [data-anim], [data-anim][data-anim][data-anim-duration='2500'] { transition-duration: 2500ms; } body[data-anim-delay='2500'] [data-anim], [data-anim][data-anim][data-anim-delay='2500'] { transition-delay: 2500ms; } body[data-anim-delay='2500'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='2500'].is-inview { transition-delay: 2500ms; } body[data-anim-duration='2550'] [data-anim], [data-anim][data-anim][data-anim-duration='2550'] { transition-duration: 2550ms; } body[data-anim-delay='2550'] [data-anim], [data-anim][data-anim][data-anim-delay='2550'] { transition-delay: 2550ms; } body[data-anim-delay='2550'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='2550'].is-inview { transition-delay: 2550ms; } body[data-anim-duration='2600'] [data-anim], [data-anim][data-anim][data-anim-duration='2600'] { transition-duration: 2600ms; } body[data-anim-delay='2600'] [data-anim], [data-anim][data-anim][data-anim-delay='2600'] { transition-delay: 2600ms; } body[data-anim-delay='2600'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='2600'].is-inview { transition-delay: 2600ms; } body[data-anim-duration='2650'] [data-anim], [data-anim][data-anim][data-anim-duration='2650'] { transition-duration: 2650ms; } body[data-anim-delay='2650'] [data-anim], [data-anim][data-anim][data-anim-delay='2650'] { transition-delay: 2650ms; } body[data-anim-delay='2650'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='2650'].is-inview { transition-delay: 2650ms; } body[data-anim-duration='2700'] [data-anim], [data-anim][data-anim][data-anim-duration='2700'] { transition-duration: 2700ms; } body[data-anim-delay='2700'] [data-anim], [data-anim][data-anim][data-anim-delay='2700'] { transition-delay: 2700ms; } body[data-anim-delay='2700'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='2700'].is-inview { transition-delay: 2700ms; } body[data-anim-duration='2750'] [data-anim], [data-anim][data-anim][data-anim-duration='2750'] { transition-duration: 2750ms; } body[data-anim-delay='2750'] [data-anim], [data-anim][data-anim][data-anim-delay='2750'] { transition-delay: 2750ms; } body[data-anim-delay='2750'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='2750'].is-inview { transition-delay: 2750ms; } body[data-anim-duration='2800'] [data-anim], [data-anim][data-anim][data-anim-duration='2800'] { transition-duration: 2800ms; } body[data-anim-delay='2800'] [data-anim], [data-anim][data-anim][data-anim-delay='2800'] { transition-delay: 2800ms; } body[data-anim-delay='2800'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='2800'].is-inview { transition-delay: 2800ms; } body[data-anim-duration='2850'] [data-anim], [data-anim][data-anim][data-anim-duration='2850'] { transition-duration: 2850ms; } body[data-anim-delay='2850'] [data-anim], [data-anim][data-anim][data-anim-delay='2850'] { transition-delay: 2850ms; } body[data-anim-delay='2850'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='2850'].is-inview { transition-delay: 2850ms; } body[data-anim-duration='2900'] [data-anim], [data-anim][data-anim][data-anim-duration='2900'] { transition-duration: 2900ms; } body[data-anim-delay='2900'] [data-anim], [data-anim][data-anim][data-anim-delay='2900'] { transition-delay: 2900ms; } body[data-anim-delay='2900'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='2900'].is-inview { transition-delay: 2900ms; } body[data-anim-duration='2950'] [data-anim], [data-anim][data-anim][data-anim-duration='2950'] { transition-duration: 2950ms; } body[data-anim-delay='2950'] [data-anim], [data-anim][data-anim][data-anim-delay='2950'] { transition-delay: 2950ms; } body[data-anim-delay='2950'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='2950'].is-inview { transition-delay: 2950ms; } body[data-anim-duration='3000'] [data-anim], [data-anim][data-anim][data-anim-duration='3000'] { transition-duration: 3000ms; } body[data-anim-delay='3000'] [data-anim], [data-anim][data-anim][data-anim-delay='3000'] { transition-delay: 3000ms; } body[data-anim-delay='3000'] [data-anim].is-inview, [data-anim][data-anim][data-anim-delay='3000'].is-inview { transition-delay: 3000ms; } [data-anim-delay='50'] { transition-delay: 50ms; } [data-anim-delay='100'] { transition-delay: 100ms; } [data-anim-delay='150'] { transition-delay: 150ms; } [data-anim-delay='200'] { transition-delay: 200ms; } [data-anim-delay='250'] { transition-delay: 250ms; } [data-anim-delay='300'] { transition-delay: 300ms; } [data-anim-delay='350'] { transition-delay: 350ms; } [data-anim-delay='400'] { transition-delay: 400ms; } [data-anim-delay='450'] { transition-delay: 450ms; } [data-anim-delay='500'] { transition-delay: 500ms; } [data-anim-delay='550'] { transition-delay: 550ms; } [data-anim-delay='600'] { transition-delay: 600ms; } [data-anim-delay='650'] { transition-delay: 650ms; } [data-anim-delay='700'] { transition-delay: 700ms; } [data-anim-delay='750'] { transition-delay: 750ms; } [data-anim-delay='800'] { transition-delay: 800ms; } [data-anim-delay='850'] { transition-delay: 850ms; } [data-anim-delay='900'] { transition-delay: 900ms; } [data-anim-delay='950'] { transition-delay: 950ms; } [data-anim-delay='1000'] { transition-delay: 1000ms; } [data-anim-delay='1050'] { transition-delay: 1050ms; } [data-anim-delay='1100'] { transition-delay: 1100ms; } [data-anim-delay='1150'] { transition-delay: 1150ms; } [data-anim-delay='1200'] { transition-delay: 1200ms; } [data-anim-delay='1250'] { transition-delay: 1250ms; } [data-anim-delay='1300'] { transition-delay: 1300ms; } [data-anim-delay='1350'] { transition-delay: 1350ms; } [data-anim-delay='1400'] { transition-delay: 1400ms; } [data-anim-delay='1450'] { transition-delay: 1450ms; } [data-anim-delay='1500'] { transition-delay: 1500ms; } [data-anim-delay='1550'] { transition-delay: 1550ms; } [data-anim-delay='1600'] { transition-delay: 1600ms; } [data-anim-delay='1650'] { transition-delay: 1650ms; } [data-anim-delay='1700'] { transition-delay: 1700ms; } [data-anim-delay='1750'] { transition-delay: 1750ms; } [data-anim-delay='1800'] { transition-delay: 1800ms; } [data-anim-delay='1850'] { transition-delay: 1850ms; } [data-anim-delay='1900'] { transition-delay: 1900ms; } [data-anim-delay='1950'] { transition-delay: 1950ms; } [data-anim-delay='2000'] { transition-delay: 2000ms; } [data-anim-delay='2050'] { transition-delay: 2050ms; } [data-anim-delay='2100'] { transition-delay: 2100ms; } [data-anim-delay='2150'] { transition-delay: 2150ms; } [data-anim-delay='2200'] { transition-delay: 2200ms; } [data-anim-delay='2250'] { transition-delay: 2250ms; } [data-anim-delay='2300'] { transition-delay: 2300ms; } [data-anim-delay='2350'] { transition-delay: 2350ms; } [data-anim-delay='2400'] { transition-delay: 2400ms; } [data-anim-delay='2450'] { transition-delay: 2450ms; } [data-anim-delay='2500'] { transition-delay: 2500ms; } [data-anim-delay='2550'] { transition-delay: 2550ms; } [data-anim-delay='2600'] { transition-delay: 2600ms; } [data-anim-delay='2650'] { transition-delay: 2650ms; } [data-anim-delay='2700'] { transition-delay: 2700ms; } [data-anim-delay='2750'] { transition-delay: 2750ms; } [data-anim-delay='2800'] { transition-delay: 2800ms; } [data-anim-delay='2850'] { transition-delay: 2850ms; } [data-anim-delay='2900'] { transition-delay: 2900ms; } [data-anim-delay='2950'] { transition-delay: 2950ms; } [data-anim-delay='3000'] { transition-delay: 3000ms; } [data-anim-delay='3050'] { transition-delay: 3050ms; } [data-anim-delay='3100'] { transition-delay: 3100ms; } [data-anim-delay='3150'] { transition-delay: 3150ms; } [data-anim-delay='3200'] { transition-delay: 3200ms; } [data-anim-delay='3250'] { transition-delay: 3250ms; } [data-anim-delay='3300'] { transition-delay: 3300ms; } [data-anim-delay='3350'] { transition-delay: 3350ms; } [data-anim-delay='3400'] { transition-delay: 3400ms; } [data-anim-delay='3450'] { transition-delay: 3450ms; } [data-anim-delay='3500'] { transition-delay: 3500ms; } [data-anim-delay='3550'] { transition-delay: 3550ms; } [data-anim-delay='3600'] { transition-delay: 3600ms; } [data-anim-delay='3650'] { transition-delay: 3650ms; } [data-anim-delay='3700'] { transition-delay: 3700ms; } [data-anim-delay='3750'] { transition-delay: 3750ms; } [data-anim-delay='3800'] { transition-delay: 3800ms; } [data-anim-delay='3850'] { transition-delay: 3850ms; } [data-anim-delay='3900'] { transition-delay: 3900ms; } [data-anim-delay='3950'] { transition-delay: 3950ms; } [data-anim-delay='4000'] { transition-delay: 4000ms; } [data-anim-delay='4050'] { transition-delay: 4050ms; } [data-anim-delay='4100'] { transition-delay: 4100ms; } [data-anim-delay='4150'] { transition-delay: 4150ms; } [data-anim-delay='4200'] { transition-delay: 4200ms; } [data-anim-delay='4250'] { transition-delay: 4250ms; } [data-anim-delay='4300'] { transition-delay: 4300ms; } [data-anim-delay='4350'] { transition-delay: 4350ms; } [data-anim-delay='4400'] { transition-delay: 4400ms; } [data-anim-delay='4450'] { transition-delay: 4450ms; } [data-anim-delay='4500'] { transition-delay: 4500ms; } [data-anim-delay='4550'] { transition-delay: 4550ms; } [data-anim-delay='4600'] { transition-delay: 4600ms; } [data-anim-delay='4650'] { transition-delay: 4650ms; } [data-anim-delay='4700'] { transition-delay: 4700ms; } [data-anim-delay='4750'] { transition-delay: 4750ms; } [data-anim-delay='4800'] { transition-delay: 4800ms; } [data-anim-delay='4850'] { transition-delay: 4850ms; } [data-anim-delay='4900'] { transition-delay: 4900ms; } [data-anim-delay='4950'] { transition-delay: 4950ms; } [data-anim-delay='5000'] { transition-delay: 5000ms; } [data-anim-delay='5050'] { transition-delay: 5050ms; } [data-anim-delay='5100'] { transition-delay: 5100ms; } [data-anim-delay='5150'] { transition-delay: 5150ms; } [data-anim-delay='5200'] { transition-delay: 5200ms; } [data-anim-delay='5250'] { transition-delay: 5250ms; } [data-anim-delay='5300'] { transition-delay: 5300ms; } [data-anim-delay='5350'] { transition-delay: 5350ms; } [data-anim-delay='5400'] { transition-delay: 5400ms; } [data-anim-delay='5450'] { transition-delay: 5450ms; } [data-anim-delay='5500'] { transition-delay: 5500ms; } [data-anim-delay='5550'] { transition-delay: 5550ms; } [data-anim-delay='5600'] { transition-delay: 5600ms; } [data-anim-delay='5650'] { transition-delay: 5650ms; } [data-anim-delay='5700'] { transition-delay: 5700ms; } [data-anim-delay='5750'] { transition-delay: 5750ms; } [data-anim-delay='5800'] { transition-delay: 5800ms; } [data-anim-delay='5850'] { transition-delay: 5850ms; } [data-anim-delay='5900'] { transition-delay: 5900ms; } [data-anim-delay='5950'] { transition-delay: 5950ms; } [data-anim-delay='6000'] { transition-delay: 6000ms; } [data-anim-delay='6050'] { transition-delay: 6050ms; } [data-anim-delay='6100'] { transition-delay: 6100ms; } [data-anim-delay='6150'] { transition-delay: 6150ms; } [data-anim-delay='6200'] { transition-delay: 6200ms; } [data-anim-delay='6250'] { transition-delay: 6250ms; } [data-anim-delay='6300'] { transition-delay: 6300ms; } [data-anim-delay='6350'] { transition-delay: 6350ms; } [data-anim-delay='6400'] { transition-delay: 6400ms; } [data-anim-delay='6450'] { transition-delay: 6450ms; } [data-anim-delay='6500'] { transition-delay: 6500ms; } [data-anim-delay='6550'] { transition-delay: 6550ms; } [data-anim-delay='6600'] { transition-delay: 6600ms; } [data-anim-delay='6650'] { transition-delay: 6650ms; } [data-anim-delay='6700'] { transition-delay: 6700ms; } [data-anim-delay='6750'] { transition-delay: 6750ms; } [data-anim-delay='6800'] { transition-delay: 6800ms; } [data-anim-delay='6850'] { transition-delay: 6850ms; } [data-anim-delay='6900'] { transition-delay: 6900ms; } [data-anim-delay='6950'] { transition-delay: 6950ms; } [data-anim-delay='7000'] { transition-delay: 7000ms; } [data-anim-delay='7050'] { transition-delay: 7050ms; } [data-anim-delay='7100'] { transition-delay: 7100ms; } [data-anim-delay='7150'] { transition-delay: 7150ms; } [data-anim-delay='7200'] { transition-delay: 7200ms; } [data-anim-delay='7250'] { transition-delay: 7250ms; } [data-anim-delay='7300'] { transition-delay: 7300ms; } [data-anim-delay='7350'] { transition-delay: 7350ms; } [data-anim-delay='7400'] { transition-delay: 7400ms; } [data-anim-delay='7450'] { transition-delay: 7450ms; } [data-anim-delay='7500'] { transition-delay: 7500ms; } [data-anim-delay='7550'] { transition-delay: 7550ms; } [data-anim-delay='7600'] { transition-delay: 7600ms; } [data-anim-delay='7650'] { transition-delay: 7650ms; } [data-anim-delay='7700'] { transition-delay: 7700ms; } [data-anim-delay='7750'] { transition-delay: 7750ms; } [data-anim-delay='7800'] { transition-delay: 7800ms; } [data-anim-delay='7850'] { transition-delay: 7850ms; } [data-anim-delay='7900'] { transition-delay: 7900ms; } [data-anim-delay='7950'] { transition-delay: 7950ms; } [data-anim-delay='8000'] { transition-delay: 8000ms; } [data-anim-delay='8050'] { transition-delay: 8050ms; } [data-anim-delay='8100'] { transition-delay: 8100ms; } [data-anim-delay='8150'] { transition-delay: 8150ms; } [data-anim-delay='8200'] { transition-delay: 8200ms; } [data-anim-delay='8250'] { transition-delay: 8250ms; } [data-anim-delay='8300'] { transition-delay: 8300ms; } [data-anim-delay='8350'] { transition-delay: 8350ms; } [data-anim-delay='8400'] { transition-delay: 8400ms; } [data-anim-delay='8450'] { transition-delay: 8450ms; } [data-anim-delay='8500'] { transition-delay: 8500ms; } [data-anim-delay='8550'] { transition-delay: 8550ms; } [data-anim-delay='8600'] { transition-delay: 8600ms; } [data-anim-delay='8650'] { transition-delay: 8650ms; } [data-anim-delay='8700'] { transition-delay: 8700ms; } [data-anim-delay='8750'] { transition-delay: 8750ms; } [data-anim-delay='8800'] { transition-delay: 8800ms; } [data-anim-delay='8850'] { transition-delay: 8850ms; } [data-anim-delay='8900'] { transition-delay: 8900ms; } [data-anim-delay='8950'] { transition-delay: 8950ms; } [data-anim-delay='9000'] { transition-delay: 9000ms; } [data-anim-delay='9050'] { transition-delay: 9050ms; } [data-anim-delay='9100'] { transition-delay: 9100ms; } [data-anim-delay='9150'] { transition-delay: 9150ms; } [data-anim-delay='9200'] { transition-delay: 9200ms; } [data-anim-delay='9250'] { transition-delay: 9250ms; } [data-anim-delay='9300'] { transition-delay: 9300ms; } [data-anim-delay='9350'] { transition-delay: 9350ms; } [data-anim-delay='9400'] { transition-delay: 9400ms; } [data-anim-delay='9450'] { transition-delay: 9450ms; } [data-anim-delay='9500'] { transition-delay: 9500ms; } [data-anim-delay='9550'] { transition-delay: 9550ms; } [data-anim-delay='9600'] { transition-delay: 9600ms; } [data-anim-delay='9650'] { transition-delay: 9650ms; } [data-anim-delay='9700'] { transition-delay: 9700ms; } [data-anim-delay='9750'] { transition-delay: 9750ms; } [data-anim-delay='9800'] { transition-delay: 9800ms; } [data-anim-delay='9850'] { transition-delay: 9850ms; } [data-anim-delay='9900'] { transition-delay: 9900ms; } [data-anim-delay='9950'] { transition-delay: 9950ms; } [data-anim-delay='10000'] { transition-delay: 10000ms; } body[data-anim-easing='linear'] [data-anim], [data-anim][data-anim][data-anim-easing='linear'] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } body[data-anim-easing='ease'] [data-anim], [data-anim][data-anim][data-anim-easing='ease'] { transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } body[data-anim-easing='ease-in'] [data-anim], [data-anim][data-anim][data-anim-easing='ease-in'] { transition-timing-function: cubic-bezier(0.42, 0, 1, 1); } body[data-anim-easing='ease-out'] [data-anim], [data-anim][data-anim][data-anim-easing='ease-out'] { transition-timing-function: cubic-bezier(0, 0, 0.58, 1); } body[data-anim-easing='ease-in-out'] [data-anim], [data-anim][data-anim][data-anim-easing='ease-in-out'] { transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } body[data-anim-easing='ease-in-back'] [data-anim], [data-anim][data-anim][data-anim-easing='ease-in-back'] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } body[data-anim-easing='ease-out-back'] [data-anim], [data-anim][data-anim][data-anim-easing='ease-out-back'] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } body[data-anim-easing='ease-in-out-back'] [data-anim], [data-anim][data-anim][data-anim-easing='ease-in-out-back'] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } body[data-anim-easing='ease-in-sine'] [data-anim], [data-anim][data-anim][data-anim-easing='ease-in-sine'] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } body[data-anim-easing='ease-out-sine'] [data-anim], [data-anim][data-anim][data-anim-easing='ease-out-sine'] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } body[data-anim-easing='ease-in-out-sine'] [data-anim], [data-anim][data-anim][data-anim-easing='ease-in-out-sine'] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } body[data-anim-easing='ease-in-quad'] [data-anim], [data-anim][data-anim][data-anim-easing='ease-in-quad'] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-anim-easing='ease-out-quad'] [data-anim], [data-anim][data-anim][data-anim-easing='ease-out-quad'] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-anim-easing='ease-in-out-quad'] [data-anim], [data-anim][data-anim][data-anim-easing='ease-in-out-quad'] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-anim-easing='ease-in-cubic'] [data-anim], [data-anim][data-anim][data-anim-easing='ease-in-cubic'] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-anim-easing='ease-out-cubic'] [data-anim], [data-anim][data-anim][data-anim-easing='ease-out-cubic'] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-anim-easing='ease-in-out-cubic'] [data-anim], [data-anim][data-anim][data-anim-easing='ease-in-out-cubic'] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-anim-easing='ease-in-quart'] [data-anim], [data-anim][data-anim][data-anim-easing='ease-in-quart'] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-anim-easing='ease-out-quart'] [data-anim], [data-anim][data-anim][data-anim-easing='ease-out-quart'] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-anim-easing='ease-in-out-quart'] [data-anim], [data-anim][data-anim][data-anim-easing='ease-in-out-quart'] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-anim-easing='ease-custom'] [data-anim], [data-anim][data-anim][data-anim-easing='ease-custom'] { transition-timing-function: cubic-bezier(0.85, 0, 0.15, 1); } /** * Fade animations: * fade * fade-up, fade-down, fade-left, fade-right * fade-up-right, fade-up-left, fade-down-right, fade-down-left */ [data-anim^='fade'][data-anim^='fade'] { opacity: 0; transition-property: all; } [data-anim='fade-up'] { transform: translate3d(0, 50%, 0); } [data-anim='fade-up-big'] { transform: translate3d(0, 100%, 0); } [data-anim='fade-down'] { transform: translate3d(0, -50%, 0); } [data-anim='fade-down-big'] { transform: translate3d(0, -100%, 0); } [data-anim='fade-right'] { transform: translate3d(-50%, 0, 0); } [data-anim='fade-right-big'] { transform: translate3d(-100%, 0, 0); } [data-anim='fade-left'] { transform: translate3d(50%, 0, 0); } [data-anim='fade-left-big'] { transform: translate3d(100%, 0, 0); } /** * Zoom animations: * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right */ [data-anim='zoom-in'] { transform: scale(0.9); } [data-anim='zoom-out'] { transform: scale(1.2); } [data-split] .word { display: inline-block; overflow: hidden; } [data-split] .word div { display: inline-block; transform: translateY(200%) skew(10deg, 15deg); transition-property: all; transition-timing-function: cubic-bezier(0.85, 0, 0.15, 1); transition-duration: 1s; opacity: 0; } body[data-anim-delay='50'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='50'].is-inview { transition-delay: 50ms; } body[data-anim-delay='100'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='100'].is-inview { transition-delay: 100ms; } body[data-anim-delay='150'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='150'].is-inview { transition-delay: 150ms; } body[data-anim-delay='200'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='200'].is-inview { transition-delay: 200ms; } body[data-anim-delay='250'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='250'].is-inview { transition-delay: 250ms; } body[data-anim-delay='300'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='300'].is-inview { transition-delay: 300ms; } body[data-anim-delay='350'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='350'].is-inview { transition-delay: 350ms; } body[data-anim-delay='400'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='400'].is-inview { transition-delay: 400ms; } body[data-anim-delay='450'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='450'].is-inview { transition-delay: 450ms; } body[data-anim-delay='500'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='500'].is-inview { transition-delay: 500ms; } body[data-anim-delay='550'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='550'].is-inview { transition-delay: 550ms; } body[data-anim-delay='600'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='600'].is-inview { transition-delay: 600ms; } body[data-anim-delay='650'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='650'].is-inview { transition-delay: 650ms; } body[data-anim-delay='700'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='700'].is-inview { transition-delay: 700ms; } body[data-anim-delay='750'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='750'].is-inview { transition-delay: 750ms; } body[data-anim-delay='800'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='800'].is-inview { transition-delay: 800ms; } body[data-anim-delay='850'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='850'].is-inview { transition-delay: 850ms; } body[data-anim-delay='900'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='900'].is-inview { transition-delay: 900ms; } body[data-anim-delay='950'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='950'].is-inview { transition-delay: 950ms; } body[data-anim-delay='1000'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='1000'].is-inview { transition-delay: 1000ms; } body[data-anim-delay='1050'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='1050'].is-inview { transition-delay: 1050ms; } body[data-anim-delay='1100'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='1100'].is-inview { transition-delay: 1100ms; } body[data-anim-delay='1150'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='1150'].is-inview { transition-delay: 1150ms; } body[data-anim-delay='1200'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='1200'].is-inview { transition-delay: 1200ms; } body[data-anim-delay='1250'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='1250'].is-inview { transition-delay: 1250ms; } body[data-anim-delay='1300'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='1300'].is-inview { transition-delay: 1300ms; } body[data-anim-delay='1350'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='1350'].is-inview { transition-delay: 1350ms; } body[data-anim-delay='1400'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='1400'].is-inview { transition-delay: 1400ms; } body[data-anim-delay='1450'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='1450'].is-inview { transition-delay: 1450ms; } body[data-anim-delay='1500'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='1500'].is-inview { transition-delay: 1500ms; } body[data-anim-delay='1550'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='1550'].is-inview { transition-delay: 1550ms; } body[data-anim-delay='1600'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='1600'].is-inview { transition-delay: 1600ms; } body[data-anim-delay='1650'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='1650'].is-inview { transition-delay: 1650ms; } body[data-anim-delay='1700'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='1700'].is-inview { transition-delay: 1700ms; } body[data-anim-delay='1750'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='1750'].is-inview { transition-delay: 1750ms; } body[data-anim-delay='1800'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='1800'].is-inview { transition-delay: 1800ms; } body[data-anim-delay='1850'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='1850'].is-inview { transition-delay: 1850ms; } body[data-anim-delay='1900'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='1900'].is-inview { transition-delay: 1900ms; } body[data-anim-delay='1950'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='1950'].is-inview { transition-delay: 1950ms; } body[data-anim-delay='2000'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='2000'].is-inview { transition-delay: 2000ms; } body[data-anim-delay='2050'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='2050'].is-inview { transition-delay: 2050ms; } body[data-anim-delay='2100'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='2100'].is-inview { transition-delay: 2100ms; } body[data-anim-delay='2150'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='2150'].is-inview { transition-delay: 2150ms; } body[data-anim-delay='2200'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='2200'].is-inview { transition-delay: 2200ms; } body[data-anim-delay='2250'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='2250'].is-inview { transition-delay: 2250ms; } body[data-anim-delay='2300'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='2300'].is-inview { transition-delay: 2300ms; } body[data-anim-delay='2350'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='2350'].is-inview { transition-delay: 2350ms; } body[data-anim-delay='2400'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='2400'].is-inview { transition-delay: 2400ms; } body[data-anim-delay='2450'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='2450'].is-inview { transition-delay: 2450ms; } body[data-anim-delay='2500'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='2500'].is-inview { transition-delay: 2500ms; } body[data-anim-delay='2550'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='2550'].is-inview { transition-delay: 2550ms; } body[data-anim-delay='2600'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='2600'].is-inview { transition-delay: 2600ms; } body[data-anim-delay='2650'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='2650'].is-inview { transition-delay: 2650ms; } body[data-anim-delay='2700'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='2700'].is-inview { transition-delay: 2700ms; } body[data-anim-delay='2750'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='2750'].is-inview { transition-delay: 2750ms; } body[data-anim-delay='2800'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='2800'].is-inview { transition-delay: 2800ms; } body[data-anim-delay='2850'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='2850'].is-inview { transition-delay: 2850ms; } body[data-anim-delay='2900'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='2900'].is-inview { transition-delay: 2900ms; } body[data-anim-delay='2950'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='2950'].is-inview { transition-delay: 2950ms; } body[data-anim-delay='3000'] .pageLoaded [data-anim].is-inview, .pageLoaded [data-anim][data-anim][data-anim-delay='3000'].is-inview { transition-delay: 3000ms; } .pageLoaded [data-anim^='fade'][data-anim^='fade'].is-inview { opacity: 1; transform: translate3d(0, 0, 0); } .pageLoaded [data-anim^='zoom'][data-anim^='zoom'].is-inview { transform: translate3d(0, 0, 0) scale(1); } .pageLoaded [data-split].is-inview .word div { transform: translateY(0) rotate(0); opacity: 1; } .filtro-select { transition: all 0.25s ease-in-out; z-index: 20; position: relative; line-height: 100%; /* style the items (options), including the selected item: */ /* Style items (options): */ /* Hide the items when the select box is closed: */ } .filtro-select select { display: none; } .filtro-select .select-selected { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 300px; display: flex; align-items: center; padding: 0 50px 0 20px; text-transform: capitalize; } .filtro-select .select-selected::after { position: absolute; content: ""; top: 50%; right: 20px; width: 10px; height: 22px; background: url("../assets/img/layout/ico-select.svg") no-repeat center; transform-origin: center; transform: translateY(-50%) rotate(0deg); transition: all 0.25s ease-in-out; } .filtro-select .select-items div { padding: 10px 20px; cursor: pointer; text-transform: capitalize; } .filtro-select .select-items div[data-value=disabled] { opacity: 0.5; text-transform: uppercase; cursor: default; } .filtro-select .select-items div[data-value=disabled]:hover { background: none; } .filtro-select .select-items { position: absolute; background-color: #59104B; top: calc(100% + 10px); left: 0; right: 0; z-index: 99; border-radius: 5px; overflow: hidden; } .filtro-select .select-hide { display: none; } .filtro-select .select-items div:hover, .filtro-select .same-as-selected { background-color: rgba(0, 0, 0, 0.1); } .c-brands { border-top-left-radius: 10px; border-top-right-radius: 10px; background: #fff; padding: 60px 0; } .c-brands__wrap { display: flex; -moz-column-gap: 60px; column-gap: 60px; } .c-brands__item h4 { font-size: 10px; font-weight: 400; line-height: 14px; letter-spacing: 1px; text-transform: uppercase; color: #525252; margin-bottom: 25px; } .c-brands__content { display: flex; align-items: center; -moz-column-gap: 10px; column-gap: 10px; } @media (min-width: 1024px) { .c-brands__wrap { justify-content: space-between; } .c-brands__content a { max-width: 112px; } .c-brands__item:last-child h4 { margin-bottom: 35px; } } @media (min-width: 1280px) { .c-brands__wrap { display: grid; grid-template-columns: 358px 195px 135px 95px 285px; } .c-brands__content a { width: 100%; } } @media (max-width: 1023.98px) { .c-brands { padding: 38px 0 60px 0; } .c-brands__wrap { flex-direction: column; row-gap: 37px; } .c-brands__item h4 { font-size: 9px; font-weight: 350; line-height: 13px; margin-bottom: 15px; } .c-brands__content { -moz-column-gap: 20px; column-gap: 20px; } } .c-footer { background: #F6F6F6; padding: 70px 0 95px 0; } .c-footer__boxes { display: grid; } .c-footer__box1, .c-footer__box2 { border-radius: 20px; background: #fff; } .c-footer__time { width: 200px; display: flex; align-items: center; -moz-column-gap: 10px; column-gap: 10px; border-radius: 100px; background: #F6F6F6; padding: 10px; margin-bottom: 40px; } .c-footer__time_text { width: 154px; height: 100%; white-space: nowrap; display: flex; align-items: center; gap: 10px; overflow: hidden; } .c-footer__time p { font-size: 10px; font-weight: 400; line-height: 14px; letter-spacing: 1px; text-transform: uppercase; animation: moveText 10s linear infinite; } .c-footer__schedules { display: flex; font-size: 15px; font-weight: 400; line-height: 24px; color: #000; } .c-footer__schedules__title { position: relative; padding-left: 20px; } .c-footer__schedules__title:before { content: ''; position: absolute; top: 5%; left: 0; width: 4px; height: 4px; background: #F49100; border-radius: 50%; } .c-footer__schedules__title p { font-size: 15px; font-weight: 400; } .c-footer__schedules__info p { font-size: 15px; font-weight: 300; line-height: 24px; } .c-footer__schedules__info a { display: block; font-weight: 300; text-decoration: underline; margin-top: 35px; transition: all 0.25s ease-in-out; } .c-footer__news__title { display: flex; } .c-footer__news__title svg { flex-shrink: 0; } .c-footer__news__title p { font-size: 18px; font-weight: 300; line-height: 26px; color: #000; margin-left: 20px; } .c-footer__news__inputs { display: flex; } .c-footer__news__group { position: relative; } .c-footer__news form { margin-top: 50px; } .c-footer__news form > div { position: relative; } .c-footer__news form input { width: 100%; font-size: 18px; font-weight: 300; line-height: 26px; color: #000; border-bottom: 1px solid #D9DADB; padding: 0 40px 25px 0; } .c-footer__news form input::-moz-placeholder { font-size: 18px; font-weight: 300; line-height: 26px; color: #989898; } .c-footer__news form input::placeholder { font-size: 18px; font-weight: 300; line-height: 26px; color: #989898; } .c-footer__news form button { flex-shrink: 0; font-size: 15px; font-weight: 300; line-height: 24px; border-radius: 300px; color: #FFF; background: #7D1168; padding: 16px 30px; transition: all 0.25s ease-in-out; } .c-footer__news form span { display: block; color: #989898; font-size: 14px; font-weight: 300; line-height: 24px; } .c-footer__action { display: flex; justify-content: space-between; margin-top: 20px; } .c-footer__wrapper { display: grid; grid-template-columns: minmax(370px, 1fr) 1fr 1fr 1fr 1fr; -moz-column-gap: 85px; column-gap: 85px; margin-top: 53px; } .c-footer__wrapper__title { font-size: 15px; font-weight: 700; line-height: 24px; color: #000; margin-bottom: 10px; } .c-footer__wrapper__text p { color: #000; font-size: 15px; font-weight: 300; line-height: 24px; } .c-footer__wrapper__item__sub { display: block; font-size: 14px; font-weight: 300; line-height: 25px; color: #000; transition: all 0.25s ease-in-out; } .c-footer__wrapper__item__sub strong { line-height: 31px; } .c-footer__wrapper__phone { margin-top: 55px; } .c-footer__wrapper__phone a { font-size: 15px; font-weight: 300; line-height: 24px; color: #000; transition: all 0.25s ease-in-out; margin-left: 10px; } .c-footer__wrapper__whats { margin-top: 10px; } .c-footer__wrapper__whats a { font-size: 15px; font-weight: 300; line-height: 24px; color: #000; transition: all 0.25s ease-in-out; margin-left: 10px; } .c-footer__wrapper__link { display: block; font-size: 15px; font-weight: 350; line-height: 24px; text-decoration: underline; color: #000; margin-top: 28px; transition: all 0.25s ease-in-out; } .c-footer__wrapper__link + .c-footer__wrapper__link { margin-top: 27px; } .c-footer__social { display: flex; } .c-footer__social__link { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: #FFF; transition: all 0.25s ease-in-out; } .c-footer__social__link:not(:first-child) { margin-left: 10px; } .c-footer__social__link svg { width: 17px; height: 17px; } .c-footer__message-error { position: absolute; bottom: 0; font-size: 12px; font-weight: 300; line-height: 24px; } .c-footer .parsley-custom-error-message::after { content: ""; position: absolute; top: -21px; right: 0; width: 12px; height: 12px; display: block; background: url("../assets/img/layout/error.svg") no-repeat center; } .c-footer__message-error { color: #D52626; } @media (min-width: 1340px) { .c-footer__boxes { grid-template-columns: 649px 670px; } .c-footer__box1 { padding: 90px 223px 100px 40px; } } @media (max-width: 1200px) { .c-footer__wrapper { grid-template-columns: minmax(370px, 1fr) 1fr 1fr 1fr; row-gap: 40px; } } @media (min-width: 1024px) { .c-footer__boxes { grid-template-columns: 1fr 1fr; justify-content: center; -moz-column-gap: 1px; column-gap: 1px; } .c-footer__box1 { padding: 90px 90px 100px 40px; } .c-footer__box2 { padding: 95px 40px 96px 85px; } .c-footer__schedules { -moz-column-gap: 80px; column-gap: 80px; } .c-footer__schedules__info a:hover { color: #7D1168; } .c-footer__news__title svg { margin-top: 5px; } .c-footer__news__title p { max-width: 440px; } .c-footer__news__group { width: 50%; } .c-footer__news__group + .c-footer__news__group { margin-left: 18px; } .c-footer__news form { margin-left: 50px; } .c-footer__news form button:hover { background: #F49100; } .c-footer__wrapper { margin-top: 100px; } .c-footer__wrapper__info { display: flex; align-items: flex-start; -moz-column-gap: 45px; column-gap: 45px; } .c-footer__wrapper__item__sub:hover { text-decoration: underline; } .c-footer__wrapper__phone a:hover { text-decoration: underline; } .c-footer__wrapper__whats a:hover { text-decoration: underline; } .c-footer__wrapper__link:hover { color: #7D1168; } .c-footer__social__link:hover { background: #7D1168; } .c-footer__social__link:hover svg path { fill: #fff; } } @media (max-width: 1023.98px) { .c-footer { padding: 60px 0; } .c-footer__wrapper { grid-template-columns: 1fr; } .c-footer__wrapper__info img { display: none; } .c-footer__wrapper__itens { display: grid; grid-template-columns: 1fr 1fr; -moz-column-gap: 50px; column-gap: 50px; } .c-footer__wrapper__item:not(:last-child) { margin-top: 53px; } .c-footer__boxes { row-gap: 1px; } .c-footer__box1 { padding: 40px 20px 46px 20px; } .c-footer__box2 { padding: 40px 20px 45px 20px; } .c-footer__schedules { flex-direction: column; } .c-footer__schedules__title:before { top: 50%; transform: translateY(-50%); } .c-footer__schedules__info a { margin-top: 20px; } .c-footer__news__title p { font-size: 15px; line-height: 24px; } .c-footer__news__title svg { width: 22px; margin-top: 4px; } .c-footer__news form { margin-top: 35px; } .c-footer__news form button { padding: 10px 20px; } .c-footer .parsley-custom-error-message::after { content: ""; right: 30px; } } @media (max-width: 767.98px) { .c-footer { padding-bottom: 53px; } .c-footer__wrapper__title { color: #525252; } .c-footer__wrapper__text p { color: #525252; } .c-footer__wrapper__item:not(:last-child) { margin-top: 53px; } .c-footer__wrapper__item__redes { display: flex; flex-wrap: wrap; gap: 10px; } .c-footer__wrapper__item__redes.c-footer__wrapper__item:not(:last-child) { margin-top: -16px; } .c-footer__wrapper__item__redes .c-footer__wrapper__phone { order: 1; margin: 0; } .c-footer__wrapper__item__redes .c-footer__wrapper__phone a { color: #525252; } .c-footer__wrapper__item__redes .c-footer__wrapper__phone path { fill: #525252; } .c-footer__wrapper__item__redes .c-footer__wrapper__whats { order: 2; margin-top: 0; } .c-footer__wrapper__item__redes .c-footer__wrapper__whats a { color: #525252; } .c-footer__wrapper__item__redes .c-footer__wrapper__title { order: 3; width: 100%; margin-top: 26px; } .c-footer__wrapper__item__redes .c-footer__social { order: 4; width: 100%; } .c-footer__wrapper__item__menu { display: none; } .c-footer__wrapper__itens { display: none; } .c-footer__social__link path { fill: #525252; } .c-footer__news__inputs { flex-direction: column; } .c-footer__news__group + .c-footer__news__group { margin-top: 20px; } .c-footer .c-copyright { margin-top: 40px; padding-top: 22px; } .c-footer .c-copyright p { color: #525252; } } .c-form { position: relative; max-width: 650px; } .c-form__wrap { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 55px 20px; } .c-form__group { position: relative; grid-column: span 2; transition: all 0.3s ease; } .c-form__group.grid-one { grid-column: 1 / 3; } .c-form__group.grid-two { grid-column: 2 / 3; } .c-form__group.is-full { grid-column: 1 / 5; } .c-form__group.is-actions { grid-column: 1 / 5; } .c-form__group.is-actions .c-form__message-error { bottom: 70px; } .c-form__group.\--upload .c-form__message-error { left: 0; bottom: -47px; } .c-form__field { width: 100%; font-size: 18px; font-weight: 300; line-height: 26px; color: #000; border-bottom: 1px solid #989898; padding-bottom: 25px; } .c-form__field::-moz-placeholder { font-size: 18px; font-weight: 300; line-height: 26px; color: #989898; } .c-form__field::placeholder { font-size: 18px; font-weight: 300; line-height: 26px; color: #989898; } .c-form__label-btn { display: flex; align-items: center; justify-content: space-between; position: relative; width: 95%; border-radius: 300px; font-size: 18px; font-weight: 300; line-height: 26px; color: #989898; background-color: #F6F6F6; padding: 10px 20px; transition: all 0.25s ease-in-out; } .c-form__label-btn > span { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .c-form__label-btn > input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .c-form__label-btn:after { content: ''; width: 14px; height: 14px; background: url("../assets/img/layout/clip.svg") no-repeat; transition: all 0.25s ease-in-out; } .c-form__select { position: relative; } .c-form__select:after { content: ""; font-size: 15px; position: absolute; width: 10px; height: 5px; top: 20%; right: 0; background: url("../assets/img/layout/arrow-down.svg") no-repeat; } .c-form__select > select { width: 100%; font-size: 18px; font-weight: 300; line-height: 26px; color: #989898; border-bottom: 1px solid #989898; padding-bottom: 25px; } .c-form textarea { min-height: 112px; } .c-form__checkbox { display: flex; flex-direction: column; gap: 16px; } .c-form__checkbox__wrap { display: flex; } .c-form__captcha { margin-top: 30px; } .c-form__captcha span { font-size: 14px; line-height: 24px; margin-bottom: 4px; display: block; } .c-form__captcha__news { display: none; position: fixed !important; top: 0; left: 0; width: 100%; height: 100%; margin: 0; z-index: 9999; background-color: rgba(0, 0, 0, 0.5); } .c-form__captcha__news #html_element_news { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; } .c-form__checkbox-input { flex-shrink: 0; display: inline-block; position: relative; width: 20px; height: 20px; border-radius: 50%; cursor: pointer; outline: none; margin-top: 3px; } .c-form__checkbox-input:before { content: ""; position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; transform: translate(-50%, -50%); border-radius: 50%; border: 1px solid #D9DADB; } .c-form__checkbox-input:checked:after { position: absolute; content: ""; left: 50%; top: 50%; width: 8px; height: 8px; border-radius: 12px; background: #F49100; transform: translate(-50%, -50%); } .c-form__checkbox-label { font-size: 14px; font-weight: 300; line-height: 24px; margin-left: 10px; color: #000; } .c-form__btn { display: table; font-size: 15px; font-weight: 300; line-height: 24px; color: #FFF; background: #7D1168; border-radius: 300px; padding: 13px 20px; margin-top: 10px; transition: all 0.25s ease-in-out; } .c-form__btn svg { margin: 0 0 5px 10px; transition: all 0.25s ease-in-out; } .c-form__message-error { position: absolute; bottom: 0; font-size: 14px; font-weight: 300; line-height: 24px; color: #D52626; } .c-form__message-contact-success { grid-column: 1 / 5; font-size: 14px; font-weight: 300; line-height: 24px; color: #6FB657; } .c-form .parsley-custom-error-message::after { content: ""; position: absolute; top: -21px; right: 0; width: 12px; height: 12px; display: block; background: url("../assets/img/layout/error.svg") no-repeat center; } @media (min-width: 1024px) { .c-form__btn:hover.\--secondary { color: #000; border-color: #000; background: #FFF; } .c-form__btn:hover.\--secondary svg path { stroke: #000; } .c-form__label-btn:hover { color: #FFF; background: #000; } .c-form__label-btn:hover:after { background: url("../assets/img/layout/clip-hover.svg") no-repeat; } } @media (min-width: 1280px) { .c-form__btn { margin-top: 30px; } } @media (max-width: 1023.98px) { .c-form { width: 100%; max-width: none; } .c-form__wrap { max-width: none; gap: 20px; } .c-form__group { grid-column: 1 / 5; } .c-form__group.grid-one { grid-column: 1 / 5; } .c-form.\--scheme .c-form__group:nth-child(3) { grid-column: 1 / 2; } .c-form.\--scheme .c-form__group:nth-child(4) { grid-column: 2 / 5; } .c-form.\--scheme .c-form__group:nth-child(5), .c-form.\--scheme .c-form__group:nth-child(6) { grid-column: 1 / 5; } .c-form__field { padding: 18px 0; } .c-form__select > select { padding: 18px 0; } .c-form__label-btn { padding: 18px 20px; } .c-form__checkbox { padding: 0; } .c-form__btn { padding: 18px 40px; } } @media (max-width: 767.98px) { .c-form__select:after { right: 10px; top: 30px; } .c-form__checkbox { flex-direction: column; } .c-form__checkbox span { margin: 10px 0 0 40px; } } .c-header { position: fixed; z-index: 90; width: 100%; top: 0; left: 0; opacity: 1; padding: 10px 10px 0; transition: all 0.5s ease-in-out; transform: translateY(0); } .c-header.fixedMenu { transform: translateY(-101%); opacity: 0; } .c-header.fixedMenu.showMenu { transform: translateY(0); opacity: 1; } .c-header.header_interna { padding: 10px; background-color: #FFFFFF; border-bottom: 1px solid #F6F6F6; height: 100px; display: flex; align-items: center; } .c-header.header_interna .c-header__content { padding: 0; background: none; border-radius: 0; height: auto; } .c-header.header_interna .c-header__content::before { display: none; } .c-header__content { width: 100%; display: flex; align-items: center; justify-content: space-between; border-radius: 8px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.6) 100%); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); height: 80px; padding: 10px 20px 10px 10px; position: relative; margin: 0 auto; } .c-header__content::before { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 8px; } .c-header__logo, .c-header__toggle { flex-shrink: 0; } .c-header__logo { width: 193px; margin: 0 auto 0 0; } .c-header__toggle { margin: 0 0 0 auto; width: 60px; height: 60px; background-color: #7D1168; border-radius: 100%; position: relative; padding: 0; } .c-header__toggle .linha { width: 14px; height: 2px; display: block; position: absolute; left: 50%; transform: translate(-50%, -50%); transition: all 0.5s ease-in-out; background-color: #FFFFFF; } .c-header__toggle .linha-1 { top: calc(50% - 3px); } .c-header__toggle .linha-2 { top: calc(50% + 3px); } .c-header__toggle.bt_fechar { background-color: #FFFFFF; position: absolute; top: 20px; right: 30px; } .c-header__toggle.bt_fechar .linha { background-color: #7D1168; top: 50%; } .c-header__toggle.bt_fechar .linha-1 { transform: translate(-50%, -50%) rotate(45deg); } .c-header__toggle.bt_fechar .linha-2 { transform: translate(-50%, -50%) rotate(-45deg); } .c-header__btVoltar { width: 48px; height: 48px; position: absolute; top: 26px; left: 20px; background: url("../assets/img/layout/menu-bt-voltar.svg") no-repeat center; background-size: contain; padding: 0; } .c-header .headerMenu { display: none; } .c-header__navMobile_bloco { position: fixed; top: 0; right: 0; transform: translateX(100%); opacity: 0; width: 100%; height: 100vh; height: 100dvh; transition: all 0.5s ease-in-out; overflow-y: auto; z-index: 99; background-color: #7D1168; } .c-header__navMobile_bloco-secundario { background-color: #59104B; } .c-header__navMobile_bloco-secundario.open { transform: translateX(0); opacity: 1; } .c-header__navMobile_bloco-secundario .c-header__navMobile_content { padding: 40px; } .c-header__navMobile_bloco-secundario .c-header__navMobile_menu a { font-size: 22px; font-weight: 300; line-height: 28px; color: #FFFFFF; } .c-header__navMobile_content { width: 100%; min-height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 20px; padding: 130px 40px 130px; position: relative; } .c-header__navMobile_title { font-size: 15px; line-height: 24px; color: #DFC4DD; } .c-header__navMobile_subtitle { font-size: 22px; font-weight: 300; line-height: 28px; color: #FFFFFF; } .c-header__navMobile_menu { display: flex; flex-direction: column; text-align: center; gap: 20px; } .c-header__navMobile_menu a { font-size: 28px; font-weight: 300; line-height: 36px; color: #FFFFFF; } .c-header__navMobile_search { display: flex; flex-direction: column; gap: 10px; width: 260px; color: #FFFFFF; font-size: 14px; line-height: 24px; } .c-header__navMobile_search_group, .c-header__navMobile_search_select { width: 100%; height: 56px; border-radius: 300px; background-color: #7D1168; position: relative; } .c-header__navMobile_search_field, .c-header__navMobile_search_btn { position: absolute; } .c-header__navMobile_search_field { width: 100%; height: 100%; line-height: 100%; background: none; padding: 0 55px 0 20px; } .c-header__navMobile_search ::-moz-placeholder { color: #FFFFFF; } .c-header__navMobile_search ::placeholder { color: #FFFFFF; } .c-header__navMobile_search_btn { width: 15px; height: 15px; background: transparent url("../assets/img/layout/ico-search.svg") no-repeat center; background-size: contain; text-indent: -999em; overflow: hidden; right: 20px; top: 50%; transform: translateY(-50%); } .c-header__navMobile_search_select::after { position: absolute; content: ""; top: 50%; right: 20px; width: 10px; height: 22px; background: url("../assets/img/layout/ico-select.svg") no-repeat center; transform-origin: center; transform: translateY(-50%); } .c-header__navMobile_search_select option[disabled=disabled] { color: #666666; } .c-header__navMobile_search_filter { position: absolute; width: 100%; height: 100%; background-color: transparent; padding: 0 50px 0 20px; text-transform: capitalize; } .c-header__navMobile_search_filter option { color: #000000; } .c-header__navMobile_search .autocompleter { position: absolute; background-color: #7D1168; top: calc(100% + 10px); left: 0; right: 0; z-index: 99; border-radius: 5px; overflow: hidden; overflow-y: auto; max-height: 200px; /* width */ /* Track */ /* Handle */ /* Handle on hover */ } .c-header__navMobile_search .autocompleter::-webkit-scrollbar { width: 10px; } .c-header__navMobile_search .autocompleter::-webkit-scrollbar-track { border-radius: 5px; } .c-header__navMobile_search .autocompleter::-webkit-scrollbar-thumb { background: #BD85B2; border-radius: 5px; } .c-header__navMobile_search .autocompleter::-webkit-scrollbar-thumb:hover { background: #59104B; } .c-header__navMobile_search .autocompleter li { padding: 10px 20px; text-transform: capitalize; cursor: pointer; } .c-header__navMobile_search .autocompleter li:hover { background-color: rgba(0, 0, 0, 0.1); } .c-header__navMobile_tiktok { display: flex !important; justify-content: center; align-items: center; width: 50px; height: 50px; border: 1px solid #59104B; border-radius: 50%; background: transparent; } .c-header__navMobile_tiktok svg { width: 25px !important; } .c-header__navMobile .btPortal { font-size: 15px; line-height: 25px; color: #FFFFFF; margin-top: 44px; } .c-header__navMobile_menuSocial { width: 100%; display: flex; align-items: center; justify-content: center; gap: 10px; position: absolute; left: 0; bottom: 40px; padding: 0 40px; } .c-header__navMobile_menuSocial a { display: inline-block; width: 50px; } .c-header__navMobile_menuSocial a svg { width: 100%; height: auto; } @media (min-width: 1280px) { .c-header { padding: 20px 20px 0; } .c-header.header_interna { padding: 20px 60px; height: 140px; } .c-header.header_interna .c-header__time { background-color: #F6F6F6; } .c-header.header_interna.fixedMenu { height: 80px; } .c-header__content { max-width: 1400px; height: 100px; border-radius: 20px; justify-content: center; gap: 40px; padding: 20px 40px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.8) 100%); } .c-header__content::before { border-radius: 20px; } .c-header__time, .c-header__nav, .c-header__button { flex-shrink: 0; } .c-header__time { min-width: 200px; display: inline-flex; align-items: center; -moz-column-gap: 10px; column-gap: 10px; border-radius: 100px; background: #FFFFFF; padding: 10px; margin: 0 auto 0 0; } .c-header__time circle, .c-header__time path { stroke: #000000; } .c-header__time_text { width: 154px; height: 100%; white-space: nowrap; display: flex; align-items: center; gap: 10px; overflow: hidden; } .c-header__time p { flex-shrink: 0; font-size: 10px; font-weight: 400; line-height: 14px; letter-spacing: 1px; text-transform: uppercase; padding-top: 2px; animation: moveText 10s linear infinite; } .c-header__logo { margin: 0; } .c-header__menu { display: inline-flex; align-items: center; gap: 30px; } .c-header__menu .link { display: inline-block; } .c-header__menu .link > a span { display: inline-block; position: relative; padding: 3px 0; } .c-header__menu .link > a span::after { content: ""; width: 0%; height: 1px; position: absolute; bottom: 0; left: 0; background-color: #7D1168; display: block; transition: all 0.5s ease-in-out; } .c-header__menu .link > a:hover { color: #7D1168; } .c-header__menu .link > a:hover span::after { width: 100%; } .c-header__menu .submenu { position: relative; } .c-header__menu .submenu > a { gap: 10px; align-items: center; } .c-header__menu .submenu > a::after { content: ""; width: 6px; height: 13px; background: url("../assets/img/layout/ico-submenu.svg") no-repeat center; display: block; } .c-header__menu .submenu::after { content: ""; width: 100%; height: 12px; display: block; position: absolute; top: 100%; left: 0; } .c-header__menu .submenu:hover ul { display: inline-flex; visibility: visible; opacity: 1; } .c-header__menu a { transition: all 0.5s ease-in-out; display: inline-flex; font-size: 15px; line-height: 24px; } .c-header__submenu { display: inline-flex; flex-direction: column; gap: 10px; padding: 30px; border-radius: 24px; background: #FFFFFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); position: absolute; top: calc(100% + 12px); left: -30px; white-space: nowrap; visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out; } .c-header__submenu a { line-height: 22px; align-items: center; transition: all 0.5s ease-in-out; } .c-header__submenu a:hover { padding-left: 5px; color: #F49100; } .c-header__button { display: inline-flex; margin: 0 0 0 auto; } .c-header__button span { color: #525252; font-size: 10px; font-weight: 400; line-height: 14px; letter-spacing: 1px; text-transform: uppercase; transition: all 0.25s ease-in-out; position: relative; padding: 3px 0; } .c-header__button span::after { content: ""; width: 0%; height: 1px; position: absolute; bottom: 0; left: 0; background-color: #7D1168; display: block; transition: all 0.5s ease-in-out; } .c-header__button svg { margin-right: 5px; } .c-header__button:hover span { color: #7D1168; } .c-header__button:hover span::after { width: 100%; } } .menuOpen { overflow: hidden; } .menuOpen .c-header__navMobile_bloco.menu-principal { transform: translateX(0); opacity: 1; } @keyframes moveText { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-100% - 10px)); } } .c-copyright { display: flex; justify-content: space-between; border-top: 1px solid #D9DADB; padding-top: 40px; margin-top: 73px; } .c-copyright p { font-size: 14px; font-weight: 300; line-height: 24px; color: #000; } .c-copyright__agency { position: relative; } .c-copyright__agency .text { opacity: 0; position: absolute; top: 0; left: 0; } .c-copyright__agency a { position: relative; display: inline-block; margin-left: -11px; line-height: 1; } .c-copyright__agency a::before { content: ''; position: absolute; width: 52px; height: 10px; left: 7px; bottom: -1px; opacity: 0.1; transform: scale3d(0, 1, 1); transform-origin: 0% 50%; transition: transform 1s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); background-color: #000000; } .c-copyright__agency a:hover::before { transform: scale3d(1, 1, 1); } @media (max-width: 1023.98px) { .c-copyright { flex-direction: column; text-align: center; } .c-copyright p { text-align: center; margin-bottom: 25px; } } .c-lojas { padding: 140px 0; } .c-lojas__tab__nav { -webkit-overflow-scrolling: touch; overflow-x: auto; margin-left: -15px; margin-right: -15px; padding: 0 15px; } .c-lojas__tab__nav::-webkit-scrollbar { display: none; } .c-lojas__tab__nav div { display: flex; width: 100%; } .c-lojas__tab__toggle { flex-shrink: 0; font-size: 18px; font-weight: 300; line-height: 26px; border-radius: 300px; color: #000; border: 1px solid #D9DADB; padding: 6px 14px; transition: all 0.25s ease-in-out; } .c-lojas__tab__toggle svg { margin-left: 20px; } .c-lojas__tab__toggle:not(:first-child) { margin-left: 10px; } .c-lojas__tab__toggle.is-active { background-color: #fff; border-color: #000; color: #000; } .c-lojas__tab__items { margin-top: 65px; position: relative; overflow: hidden; } .c-lojas__tab__item { visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out; width: 100%; position: absolute; top: 0; left: 0; } .c-lojas__tab__item.is-active { visibility: visible; opacity: 1; position: relative; } .c-lojas__tab__content { display: grid; grid-template-columns: 1fr 1fr; -moz-column-gap: 20px; column-gap: 20px; position: relative; } .c-lojas__tab__destak { cursor: pointer; } .c-lojas__tab__destak:hover .c-lojas__tab__destak__info { opacity: 1; visibility: visible; } .c-lojas__tab__destak__cover { position: relative; background-repeat: no-repeat; background-size: cover; background-position: 100% 0; border-radius: 20px; overflow: hidden; padding-top: 488px; } .c-lojas__tab__destak__cover img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .c-lojas__tab__destak__info { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(125, 17, 104, 0.96); display: flex; flex-direction: column; justify-content: flex-end; transition: all 0.25s ease-in-out; padding: 40px; z-index: 1; } .c-lojas__tab__destak__info h2 { font-size: 46px; font-weight: 300; line-height: 52px; color: #fff; padding: 18px 0 14px 0; } .c-lojas__tab__destak__info__all { display: block; font-size: 15px; font-weight: 300; line-height: 26px; text-decoration: underline; color: #fff; margin-top: 20px; } .c-lojas__tab__destak__content { color: #000; } .c-lojas__tab__destak__content h2 { font-size: 46px; font-weight: 300; line-height: 52px; padding: 18px 0 14px 0; } .c-lojas__tab__destak__content a { display: block; font-size: 15px; font-weight: 300; line-height: 24px; text-decoration: underline; margin-top: 20px; } .c-lojas__tab__destak__text { font-size: 18px; font-weight: 300; line-height: 26px; color: #fff; transition: all 0.25s ease-in-out; } .c-lojas__tab__thumbs__wrap { display: grid; grid-template-columns: repeat(auto-fit, minmax(315px, auto)); grid-template-columns: 1fr 1fr; gap: 20px; } .c-lojas__tab .owl-carousel { display: grid; } .c-lojas__tab__thumb { cursor: pointer; } .c-lojas__tab__thumb:hover .c-lojas__tab__thumb__info { opacity: 1; visibility: visible; } .c-lojas__tab__thumb__cover { position: relative; background-repeat: no-repeat; background-size: cover; background-position: 100% 0; border-radius: 20px; overflow: hidden; padding-top: 235px; } .c-lojas__tab__thumb__cover img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .c-lojas__tab__thumb__info { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(125, 17, 104, 0.96); display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.25s ease-in-out; z-index: 1; padding: 0 20px; text-align: center; color: #FFFFFF; } .c-lojas__tab__thumb__info__whats { font-size: 15px; font-weight: 300; line-height: 24px; color: #000; background: #F6F6F6; border-radius: 300px; padding: 16px 20px; margin-bottom: 13px; position: relative; z-index: 10; } .c-lojas__tab__thumb__info__whats span { color: #000 !important; } .c-lojas__tab__thumb__info__whats:hover span { color: #fff !important; } .c-lojas__tab__thumb__info__bt { font-size: 15px; font-weight: 300; line-height: 24px; color: #FFF; transition: all 0.25s ease-in-out; } .c-lojas__tab__thumb__info__bt.phone { position: relative; z-index: 10; } .c-lojas__tab__thumb__info__bt.link::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; z-index: 0; } .c-lojas__tab__thumb__info h3 { font-size: 26px; font-weight: 300; line-height: 33px; color: #fff; text-transform: capitalize; padding: 0 10px; text-align: center; margin-bottom: 10px; } .c-lojas__tab__thumb__info span, .c-lojas__tab__thumb__info__text { font-size: 14px; font-weight: 300; line-height: 24px; color: #fff; margin-bottom: 30px; } .c-lojas__tab__thumb__content { text-align: center; margin-top: 10px; } .c-lojas__tab__thumb__content h3 { font-size: 28px; font-weight: 300; line-height: 36px; color: #000; text-transform: capitalize; } .c-lojas__tab__thumb__content span { font-size: 14px; font-weight: 300; line-height: 24px; color: #989898; } .c-lojas__tab__thumb__legend { position: absolute; top: 20px; right: 10px; font-size: 10px; font-weight: 400; line-height: 14px; letter-spacing: 1px; text-transform: uppercase; border-radius: 4px; color: #FFF; background: #7D1168; padding: 6px; } .c-lojas__tab__link { display: flex; align-items: center; justify-content: center; margin: 40px auto 0; width: 159px; height: 47px; border-radius: 300px; border: 1px solid #D9DADB; gap: 10px; color: #525252; font-size: 14px; line-height: 24px; } .c-lojas__tab__title { font-size: 22px; font-weight: 300; line-height: 28px; text-align: center; width: 100%; z-index: 10; margin-top: 20px; text-transform: capitalize; } @media (min-width: 768px) { .c-lojas { padding: 60px 0; } } @media (min-width: 1024px) { .c-lojas { padding: 140px 0; } .c-lojas__tab__nav div { justify-content: center; } .c-lojas__tab__toggle:hover { background-color: #fff; border-color: #000; color: #000; } .c-lojas__tab__content { grid-template-columns: 650px 1fr; } .c-lojas__tab__destak__text { max-width: 425px; } .c-lojas__tab__destak__text:hover { text-decoration: underline; } .c-lojas__tab__destak__cover img { transition: all 0.5s ease-in-out; } .c-lojas__tab__destak:hover img { transform: scale(1.2); } .c-lojas__tab__thumb img { transition: all 0.25s ease-in-out; } .c-lojas__tab__thumb:hover img { transform: scale(1.2); } .c-lojas__tab__thumb__info__bt:hover { text-decoration: underline; } } @media (max-width: 1280px) { .c-lojas__tab__content { grid-template-columns: 1fr; row-gap: 55px; } .c-lojas__tab__thumbs { -webkit-overflow-scrolling: touch; overflow-x: auto; margin-left: -15px; margin-right: -15px; padding: 0 15px; } .c-lojas__tab__thumbs::-webkit-scrollbar { display: none; } .c-lojas__tab__thumbs__wrap { width: 100%; display: flex; gap: 0 10px; } .c-lojas__tab .owl-carousel { display: flex; } .c-lojas__tab__thumb { flex-shrink: 0; width: 315px; } .c-lojas__tab__thumb__cover { padding-top: 235px; } } @media (max-width: 767.98px) { .c-lojas { padding: 50px 0; } .c-lojas__tab__toggle { font-size: 15px; line-height: 24px; } .c-lojas__tab__items { margin-top: 40px; } .c-lojas__tab__destak__cover { padding-top: 278px; } .c-lojas__tab__destak__content h2 { font-size: 22px; line-height: 28px; } .c-lojas__tab__destak__text { font-size: 15px; line-height: 24px; } .c-lojas__tab__destak__info { padding: 20px; } .c-lojas__tab__destak__info h2 { font-size: 22px; line-height: 28px; } .c-lojas__tab__thumb { flex-shrink: 0; width: 100%; } .c-lojas__tab__thumb__cover { padding-top: 100%; } .c-lojas__tab__thumb__content h3 { font-size: 22px; line-height: 28px; } .c-lojas__tab__thumb__info h3 { font-size: 22px; line-height: 28px; } .c-lojas__tab__thumb__info span { margin-bottom: 20px; } .c-lojas__tab .owl-carousel { display: block; } .c-lojas__tab .owl-dots { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 40px auto 0; height: 12px; } .c-lojas__tab .owl-dots .owl-dot { width: 6px; height: 6px; border-radius: 50%; background-color: #D9DADB; border: 1px solid transparent; transition: all 0.25s ease-in-out; display: inline-block; } .c-lojas__tab .owl-dots .owl-dot.active { width: 12px; height: 12px; background-color: transparent; border-color: #666666; } } /*.lojasCat{ width: 100%; padding-top: 50px; &__item{ width: 100%; position: relative; } &__thumb{ width: 100%; padding-top: 100.8%; height: 0; position: relative; img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; } &::after{ content: ""; width: 100%; height: 0; padding-top: 29.33%; position: absolute; left: 0; bottom: 0; display: block; background: linear-gradient(358deg, #000 1.64%, rgba(0, 0, 0, 0.00) 98.64%); } } &__title{ @include mobile_h2(); color: $white; text-align: center; position: absolute; width: 100%; left: 0; bottom: 40px; } .owl{ &-dots{ display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin: 0 auto; height: 12px; position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); .owl-dot{ width: 6px; height: 6px; border-radius: 50%; background-color: $white; border: 1px solid transparent; transition: $transition030; display: inline-block; &.active{ width: 12px; height: 12px; background-color: transparent; border-color: $white; } } } } }*/ .c-loja { cursor: pointer; } .c-loja:hover .c-loja__info { opacity: 1; visibility: visible; } .c-loja__cover { width: 100%; position: relative; background-color: #F6F6F6; background-image: url("../assets/img/layout/shopping-guararapes.svg"); background-repeat: no-repeat; background-size: 70% auto; background-position: center; border-radius: 20px; overflow: hidden; padding-top: 73.75%; } .c-loja__cover.removebg { background-image: none; } .c-loja__cover img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .c-loja__info { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(125, 17, 104, 0.96); display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.25s ease-in-out; z-index: 1; } .c-loja__info .btn { font-size: 15px; font-weight: 300; line-height: 24px; color: #000; background: #F6F6F6; border-radius: 300px; padding: 16px 20px; margin-bottom: 13px; position: relative; z-index: 10; } .c-loja__info .tel { font-size: 14px; font-weight: 300; line-height: 24px; color: #FFF; margin-bottom: 5px; position: relative; z-index: 10; } .c-loja__info .link { font-size: 14px; font-weight: 300; line-height: 24px; color: #FFF; transition: all 0.25s ease-in-out; } .c-loja__info .link::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; z-index: 0; } .c-loja__info h3 { font-size: 22px; font-weight: 300; line-height: 28px; color: #fff; text-transform: capitalize; text-align: center; } .c-loja__info span { display: block; font-size: 14px; font-weight: 300; line-height: 24px; text-align: center; margin-bottom: 20px; } .c-loja__content { text-align: center; margin-top: 10px; } .c-loja__content h3 { font-size: 18px; font-weight: 300; line-height: 26px; text-transform: capitalize; } .c-loja__content span { font-size: 14px; font-weight: 300; line-height: 24px; color: #666666; } .c-loja__legend { position: absolute; top: 20px; right: 10px; font-size: 10px; font-weight: 400; line-height: 14px; letter-spacing: 1px; text-transform: uppercase; border-radius: 4px; color: #FFF; background: #7D1168; padding: 6px; } @media (min-width: 1024px) { .c-loja__cover { padding-top: 235px; } .c-loja__content { text-align: center; margin-top: 10px; } .c-loja__info h3 { font-size: 28px; line-height: 36px; } .c-loja__info .link:hover { text-decoration: underline; } } .c-agenda { position: relative; padding: 140px 0 120px 0; } .c-agenda .container { padding: 0 20px; } .c-agenda__header { padding-bottom: 27px; } .c-agenda__header h2 { font-size: 28px; font-weight: 300; line-height: 36px; color: #000000; display: inline-flex; align-items: flex-end; } .c-agenda__header h2::after { content: ""; width: 30px; height: 30px; display: block; background: url("../assets/img/layout/ico-link-black-mobile.svg") no-repeat center; background-size: contain; margin: 0 0 0 12px; } .c-agenda__item__wrap { display: grid; align-items: flex-end; -moz-column-gap: 80px; column-gap: 80px; } .c-agenda__cover { position: relative; width: 100%; overflow: hidden; border-radius: 20px; padding-top: 72%; } .c-agenda__cover img { position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; z-index: 0; width: 100%; height: 100%; transition: all 0.25s ease-in-out; } .c-agenda__info { transition: all 0.25s ease-in-out; cursor: pointer; } .c-agenda__info h3 { font-size: 28px; font-weight: 300; line-height: 36px; color: #000; margin: 10px 0; } .c-agenda__info p { font-size: 15px; font-weight: 300; line-height: 24px; color: #000; margin-bottom: 20px; } .c-agenda__date { font-size: 15px; font-weight: 300; line-height: 24px; color: #000; background: #F6F6F6; border-radius: 300px; padding: 6px 10px; } .c-agenda__buttons { display: flex; align-items: center; gap: 20px; } .c-agenda__more { font-size: 15px; font-weight: 300; line-height: 24px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #000; } .c-agenda .owl-nav { width: 100%; } .c-agenda .owl-nav button { position: absolute; top: -70px; } .c-agenda .owl-nav button svg * { transition: all 0.25s ease-in-out; } .c-agenda .owl-nav button:hover:not(.disabled) circle { fill: #000000; } .c-agenda .owl-nav button:hover:not(.disabled) path { stroke: #FFFFFF; } .c-agenda .owl-nav button.disabled { opacity: 0.2; } .c-agenda .owl-dots { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 40px auto 0; height: 12px; } .c-agenda .owl-dots .owl-dot { width: 6px; height: 6px; border-radius: 50%; background-color: #D9DADB; border: 1px solid transparent; transition: all 0.25s ease-in-out; display: inline-block; } .c-agenda .owl-dots .owl-dot.active { width: 12px; height: 12px; background-color: transparent; border-color: #666666; } @media (min-width: 768px) { .c-agenda__header { padding-bottom: 24px; } .c-agenda__header h2 { font-size: 36px; font-weight: 300; line-height: 42px; } .c-agenda__header h2::after { margin: 0 0 5px 6px; } .c-agenda__item__wrap { -moz-column-gap: 20px; column-gap: 20px; grid-template-columns: 52.197% 1fr; } .c-agenda__cover { padding-top: 76%; transform: translateY(-100%); transition: all 1s ease-in-out; opacity: 0; } .c-agenda__cover img { transition: all 1s ease-in-out 300ms; transform: scale(1.2); } .c-agenda__info { transform: translateY(100%); transition: all 1s ease-in-out; opacity: 0; } .c-agenda .owl-carousel-agenda.is-inview .active .c-agenda__cover, .c-agenda .owl-carousel-agenda.is-inview .active .c-agenda__info { transform: translateY(0); opacity: 1; } .c-agenda .owl-carousel-agenda.is-inview .active .c-agenda__cover img, .c-agenda .owl-carousel-agenda.is-inview .active .c-agenda__info img { transform: scale(1); } } @media (min-width: 1024px) { .c-agenda__item:hover p { text-decoration: underline; } } @media (min-width: 1366px) { .c-agenda__header h2 { font-size: 46px; font-weight: 300; line-height: 52px; } .c-agenda__header h2::after { background: url("../assets/img/layout/ico-link-black.svg") no-repeat center; margin: 0 0 9px 5px; } .c-agenda .owl-carousel-agenda { opacity: 0; margin: 0 auto 0 313px; } } @media (min-width: 1220px) { .c-agenda__item__wrap { grid-template-columns: 500px 1fr; } .c-agenda__header { border-bottom: 1px solid #F6F6F6; } .c-agenda__cover { padding-top: 76%; } .c-agenda__cover:hover img { transform: scale(1.2); } .c-agenda .owl-carousel-agenda { max-width: 960px; padding: 0; } .c-agenda .owl-nav { position: absolute; top: -10px; right: -45px; } .c-agenda .owl-prev { right: 380px; } .c-agenda .owl-next { right: 322px; } .c-agenda .owl-stage-outer { top: -80px; } } @media (min-width: 1220px) and (max-width: 1365px) { .c-agenda .owl-carousel-agenda { margin: 0 auto 0 240px; } } @media (max-width: 1219px) { .c-agenda { padding: 50px 0 60px 0; } .c-agenda .owl-nav { position: absolute; top: 0; left: calc(52.197% + 20px); } .c-agenda .owl-nav button { top: 0; } .c-agenda .owl-prev { left: 0; } .c-agenda .owl-next { left: 58px; } } @media (max-width: 767.98px) { .c-agenda__info { margin-top: 20px; } .c-agenda__info h3 { font-size: 22px; line-height: 28px; } } .c-destaques { padding: 100px 0; overflow: hidden; } .c-destaques .container { padding: 0 20px; } .c-destaques__wrap { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; -moz-column-gap: 15px; column-gap: 15px; } .c-destaques__header h2 { font-size: 28px; font-weight: 300; line-height: 36px; color: #000000; display: inline-flex; align-items: flex-end; } .c-destaques__header h2::after { content: ""; width: 30px; height: 30px; display: block; background: url("../assets/img/layout/ico-link-black-mobile.svg") no-repeat center; background-size: contain; margin: 0 0 0 12px; } .c-destaques__list { display: flex; align-items: flex-start; flex-direction: row; flex-wrap: nowrap; width: 100%; } .c-destaques__list.owl-carousel { display: flex; } .c-destaques__item:not(:first-child) { margin-left: 20px; } .c-destaques__cover { position: relative; border-radius: 20px; overflow: hidden; } .c-destaques__cover img { -o-object-fit: cover; object-fit: cover; z-index: 0; width: 100%; height: 100%; } .c-destaques__content { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(31, 31, 31, 0.6); } .c-destaques__content svg { position: absolute; top: 20px; right: 20px; } .c-destaques__content__mobile p { font-size: 18px; font-weight: 300; line-height: 26px; color: #000; } @media (min-width: 768px) { .c-destaques { padding: 50px 0 60px; } .c-destaques__wrap { flex-wrap: wrap; justify-content: flex-end; } .c-destaques__header { margin: 0 auto 24px 0; } .c-destaques__header h2 { position: relative; font-size: 36px; font-weight: 300; line-height: 42px; max-width: 315px; } .c-destaques__header h2::after { position: absolute; left: 270px; flex-shrink: 0; background: url("../assets/img/layout/ico-link-black.svg") no-repeat center; margin: 0 0 5px 5px; } .c-destaques__content__mobile { display: none; } .c-destaques__content p { position: absolute; bottom: 35px; color: #FFF; padding: 0 75px 0 40px; font-size: 18px; font-weight: 300; line-height: 26px; } .c-destaques__items { width: 80.081%; padding-top: 37.775%; position: relative; display: block; } .c-destaques__list { position: absolute; top: 0; height: 100%; } .c-destaques__item { backface-visibility: hidden; flex: 1 1; height: 100%; opacity: 1; will-change: transform; display: block; overflow: hidden; position: relative; cursor: pointer; } .c-destaques__item .elemento2 { transition: all 1s ease-in-out; transform: translate(0, -100%) scale(1.5); } .c-destaques__item:nth-child(1) { transition: flex 0.8s cubic-bezier(0.75, 0, 0.25, 1), opacity 0.53s 0.1s, transform 0.8s cubic-bezier(0.32, 0.94, 0.6, 1) 0.1s; } .c-destaques__item:nth-child(2) { transition: flex 0.8s cubic-bezier(0.75, 0, 0.25, 1), opacity 0.53s 0.2s, transform 0.8s cubic-bezier(0.32, 0.94, 0.6, 1) 0.2s; } .c-destaques__item:nth-child(3) { transition: flex 0.8s cubic-bezier(0.75, 0, 0.25, 1), opacity 0.53s 0.3s, transform 0.8s cubic-bezier(0.32, 0.94, 0.6, 1) 0.3s; } .c-destaques__item:hover { flex: 3 1; } .c-destaques__item:hover .c-destaques__content { opacity: 1; transition: all 0.25s ease-in-out 0.5s; } .c-destaques__cover { width: auto; height: 100%; left: 50%; transform: translate(-50%, 0); } } @media (min-width: 1024px) { .c-destaques { padding: 100px 0; } .c-destaques__wrap { flex-wrap: nowrap; } .c-destaques__header { max-width: 315px; margin-bottom: 0; } .c-destaques__header h2 { position: relative; font-size: 46px; font-weight: 300; line-height: 52px; margin-top: 40px; max-width: none; } .c-destaques__header h2::after { left: 185px; margin: 0 0 9px 5px; } .c-destaques__content p { font-size: 28px; line-height: 36px; } .c-destaques__items { width: 75%; padding-top: 36.4%; } } @media (max-width: 767.98px) { .c-destaques { padding: 50px 0 60px 0; } .c-destaques .container { padding: 0 20px; } .c-destaques__wrap { flex-direction: column; } .c-destaques__header h2 { position: relative; max-width: 261px; } .c-destaques__header h2:after { flex-shrink: 0; margin: 0; } .c-destaques__list.owl-carousel { display: block; } .c-destaques__items { padding: 0; margin-top: 35px; width: 100%; } .c-destaques__item { flex-shrink: 0; width: 100%; } .c-destaques__cover { padding-top: 100%; position: relative; } .c-destaques__cover img { position: absolute; top: 0; left: 0; } .c-destaques__content__mobile { margin-top: 15px; } .c-destaques__content__mobile a { display: block; font-size: 14px; font-weight: 300; line-height: 24px; text-decoration: underline; margin-top: 7px; color: #525252; } .c-destaques .owl-dots { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 30px auto 0; height: 12px; } .c-destaques .owl-dots .owl-dot { width: 6px; height: 6px; border-radius: 50%; background-color: #D9DADB; border: 1px solid transparent; transition: all 0.25s ease-in-out; display: inline-block; } .c-destaques .owl-dots .owl-dot.active { width: 12px; height: 12px; background-color: transparent; border-color: #666666; } } @media (min-width: 768px) { .pageLoaded .c-destaques__item .is-inview { transform: translate(0, 0) scale(1); } } .c-lightbox { --fancybox-color: #333232; --fancybox-hover-color: #fff; --fancybox-bg: rgba(0, 0, 0, 0.6); --f-spinner-color-1: rgba(0, 0, 0, 0.1); --f-spinner-color-2: #585858; color: #101010; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .c-lightbox .f-button { background: #FFFFFF; color: #7D1168; border-radius: 50%; width: 60px; height: 60px; transition: all 0.25s ease-in-out; } .c-lightbox .f-button svg { width: 14px; height: 14px; stroke-width: 4px; transition: all 0.25s ease-in-out; } .c-lightbox .f-button:hover:not([disabled]) { color: #FFFFFF; background: #7D1168; } .c-lightbox .fancybox__content > .f-button.is-close-btn { opacity: 1; top: 10px; right: 10px; z-index: 999; } .c-lightbox .fancybox__slide { padding: 0 !important; } .c-lightbox .has-map .fancybox__content, .c-lightbox .has-pdf .fancybox__content, .c-lightbox .has-youtube .fancybox__content, .c-lightbox .has-vimeo .fancybox__content, .c-lightbox .has-html5video .fancybox__content, .c-lightbox .has-gallery .fancybox__content { background-color: #7D1168; } .c-lojasrelacionadas { width: 100%; overflow: hidden; padding: 40px 0 60px; } .c-lojasrelacionadas__header { margin-bottom: 42px; } .c-lojasrelacionadas__header h3 { font-size: 28px; font-weight: 300; line-height: 36px; color: #000000; text-align: center; } .c-lojasrelacionadas__item { width: calc(50% - 7.5px); width: 100%; height: auto; flex-shrink: 0; } .c-lojasrelacionadas__item:nth-child(n + 5) { display: none; } .c-lojasrelacionadas .c-loja__cover { border-radius: 0; } .c-lojasrelacionadas .owl-carousel-lojasrelacionadas { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 34px; gap: 34px 15px; } .c-lojasrelacionadas .owl-stage { flex-shrink: 0; } .c-lojasrelacionadas .owl-item { flex-shrink: 0; } .c-lojasrelacionadas .owl-nav button { position: absolute; top: 96px; } .c-lojasrelacionadas .owl-nav button svg * { transition: all 0.25s ease-in-out; } .c-lojasrelacionadas .owl-nav button:hover:not(.disabled) circle { fill: #000000; } .c-lojasrelacionadas .owl-nav button:hover:not(.disabled) path { stroke: #FFFFFF; } .c-lojasrelacionadas .owl-nav button.disabled { opacity: 0.2; } .c-lojasrelacionadas .owl-prev { left: 0; } .c-lojasrelacionadas .owl-next { right: 0; } .c-lojasrelacionadas .owl-dots { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 30px auto 0; height: 12px; } .c-lojasrelacionadas .owl-dots .owl-dot { width: 6px; height: 6px; border-radius: 50%; background-color: #D9DADB; border: 1px solid transparent; transition: all 0.25s ease-in-out; display: inline-block; } .c-lojasrelacionadas .owl-dots .owl-dot.active { width: 12px; height: 12px; background-color: transparent; border-color: #666666; } .c-lojasrelacionadas__link { display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 166px; height: 47px; border-radius: 300px; border: 1px solid #D9DADB; gap: 10px; color: #525252; font-size: 15px; line-height: 24px; } @media (min-width: 1024px) { .c-lojasrelacionadas { padding: 120px 0 140px; } .c-lojasrelacionadas__content { padding: 0 50px; max-width: 1440px; margin: 0 auto; position: relative; } .c-lojasrelacionadas__header { margin-bottom: 74px; } .c-lojasrelacionadas__header h3 { font-size: 28px; font-weight: 300; line-height: 36px; } .c-lojasrelacionadas__item { max-width: 315px; display: block; } .c-lojasrelacionadas__item img { transition: all 0.25s ease-in-out; } .c-lojasrelacionadas__item:hover img { transform: scale(1.2); } .c-lojasrelacionadas .c-loja__cover { border-radius: 20px; } .c-lojasrelacionadas .owl-carousel-lojasrelacionadas { max-width: 985px; margin: 0 auto 79px; flex-wrap: nowrap; gap: 0; } .c-lojasrelacionadas .owl-stage { display: flex; } .c-lojasrelacionadas .owl-nav button { position: absolute; top: 96px; } .c-lojasrelacionadas .owl-nav button svg * { transition: all 0.25s ease-in-out; } .c-lojasrelacionadas .owl-nav button:hover:not(.disabled) circle { fill: #000000; } .c-lojasrelacionadas .owl-nav button:hover:not(.disabled) path { stroke: #FFFFFF; } .c-lojasrelacionadas .owl-nav button.disabled { opacity: 0.2; } .c-lojasrelacionadas .owl-prev { left: -50px; } .c-lojasrelacionadas .owl-next { right: -50px; } .c-lojasrelacionadas .owl-dots { display: none; } .c-lojasrelacionadas__link { width: 166px; height: 56px; font-size: 15px; transition: all 0.25s ease-in-out; } .c-lojasrelacionadas__link path { transition: all 0.25s ease-in-out; } .c-lojasrelacionadas__link:hover { color: #000000; border-color: #000000; } .c-lojasrelacionadas__link:hover path { stroke: #000000; } } @media (min-width: 1280px) { .c-lojasrelacionadas__content { padding: 0 60px; } .c-lojasrelacionadas .owl-prev { left: -110px; } .c-lojasrelacionadas .owl-next { right: -110px; } .c-lojasrelacionadas__item { width: 315px; } } @media (min-width: 1366px) { .c-lojasrelacionadas .owl-prev { left: -168px; } .c-lojasrelacionadas .owl-next { right: -168px; } } @media (max-width: 767.98px) { .c-lojasrelacionadas__item { width: 100%; } } .c-cinepolis { background-color: #FFFFFF; } .c-cinepolis__ingressos { padding: 40px 0; text-align: center; } .c-cinepolis__ingressos .container { padding: 0 20px; max-width: 1024px; } .c-cinepolis__ingressos .c-btIngresso { margin: 0 auto 40px; } .c-cinepolis__ingressos_text { text-align: left; font-size: 14px; line-height: 24px; color: #000000; } .c-cinepolis__ingressos_text p:not(:last-child) { margin-bottom: 43px; } .c-cinepolis__ingressos_text a { text-decoration: underline; } @media (min-width: 768px) { .c-cinepolis__ingressos { padding: 140px 0 137px; } .c-cinepolis__ingressos .container { display: flex; justify-content: space-between; } .c-cinepolis__ingressos .c-btIngresso { margin: 0; } .c-cinepolis__ingressos_text { max-width: 426px; } } .c-cinepolis__sobre { background-color: #D9DADB; padding: 40px 0; border-radius: 20px; border-top-right-radius: 0; border-bottom-left-radius: 0; } .c-cinepolis__sobre .container { padding: 0 20px; max-width: 1440px; } .c-cinepolis__sobre .owl-carousel-cinepolis { margin-bottom: 20px; } .c-cinepolis__sobre .owl-carousel-cinepolis .item { width: 100%; padding-top: 62.08%; position: relative; border-radius: 20px; overflow: hidden; } .c-cinepolis__sobre .owl-carousel-cinepolis .item img { position: absolute; -o-object-fit: cover; object-fit: cover; z-index: 0; width: 100%; height: 100%; top: 0; left: 0; } .c-cinepolis__sobre .owl-stage-outer { z-index: 0; } .c-cinepolis__sobre .owl-dots { display: inline-flex; align-items: center; position: absolute; left: 50%; bottom: 0; padding: 10px; border-radius: 300px; gap: 10px; transform: translateX(-50%); z-index: 10; } .c-cinepolis__sobre .owl-dots .owl-dot { width: 6px; height: 6px; border-radius: 50px; background: #FFFFFF; border: 1px solid transparent; } .c-cinepolis__sobre .owl-dots .owl-dot.active { width: 12px; height: 12px; border-color: #FFFFFF; background: transparent; } .c-cinepolis__sobre_text header { margin-bottom: 10px; } .c-cinepolis__sobre_text h3 { font-size: 28px; font-weight: 300; line-height: 36px; } .c-cinepolis__sobre_text p { font-size: 15px; line-height: 24px; } @media (min-width: 1024px) { .c-cinepolis__sobre { padding: 79px 0 94px; border-radius: 20px; } .c-cinepolis__sobre .container { display: flex; align-items: center; gap: 70px; } .c-cinepolis__sobre .owl-carousel-cinepolis { margin-bottom: 0; width: calc(50% - 35px); max-width: 650px; display: flex; flex-shrink: 0; } .c-cinepolis__sobre .owl-carousel-cinepolis .item { width: 100%; padding-top: 406px; flex-shrink: 0; } .c-cinepolis__sobre .owl-stage-outer { z-index: 0; } .c-cinepolis__sobre .owl-dots { background-color: #FFFFFF; bottom: 20px; } .c-cinepolis__sobre .owl-dots .owl-dot { background: #666666; } .c-cinepolis__sobre .owl-dots .owl-dot.active { border-color: #666666; } .c-cinepolis__sobre_text { width: calc(50% - 35px); flex-shrink: 0; max-width: 488px; } .c-cinepolis__sobre_text header { margin-bottom: 23px; } .c-cinepolis__sobre_text h3 { font-size: 46px; font-weight: 300; line-height: 52px; } } @media (min-width: 1366px) { .c-cinepolis__sobre .container { padding: 0 60px; } } .c-cinepolis__avisos { padding: 40px 0 54px; font-size: 14px; line-height: 24px; } .c-cinepolis__avisos .container { padding: 0 20px; } .c-cinepolis__avisos_bloco ul li { padding-left: 22px; position: relative; } .c-cinepolis__avisos_bloco ul li::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #525252; display: block; position: absolute; top: 10px; left: 9px; } .c-cinepolis__avisos_sala { padding: 40px 20px; border-radius: 20px; background-color: #F6F6F6; margin-bottom: 20px; } .c-cinepolis__avisos_sala h4 { font-size: 18px; font-weight: 300; line-height: 26px; margin-bottom: 20px; } .c-cinepolis__avisos_sala span { color: #666666; display: block; } .c-cinepolis__avisos_sala ul li::before { background-color: #000000; } .c-cinepolis__avisos_cartoes { margin-bottom: 40px; } .c-cinepolis__avisos_cartoes .content { width: 100%; display: inline-flex; flex-direction: column; gap: 40px; } .c-cinepolis__avisos_cartoes .c-btIngresso { margin: 20px auto 0; } .c-cinepolis__avisos_cartoes .marcas { display: inline-flex; gap: 20px; margin: 0 auto; } .c-cinepolis__avisos_cartoes .marcas img { flex-shrink: 0; max-height: 30px; max-width: 70px; width: auto; } .c-cinepolis__avisos_obs ul { display: flex; flex-direction: column; gap: 20px; } .c-cinepolis__avisos_obs li { color: #525252; } @media (min-width: 1024px) { .c-cinepolis__avisos { padding: 137px 0; } .c-cinepolis__avisos .container { display: flex; flex-wrap: wrap; gap: 100px 20px; } .c-cinepolis__avisos_bloco { width: calc(50% - 10px); } .c-cinepolis__avisos_sala { padding: 40px; margin-bottom: 0; } .c-cinepolis__avisos_sala h4 { font-size: 24px; line-height: 20px; margin-bottom: 30px; } .c-cinepolis__avisos_sala span { color: #000000; display: inline-block; } .c-cinepolis__avisos_cartoes { margin-bottom: 0; } .c-cinepolis__avisos_cartoes .content { flex-direction: row; align-items: flex-start; align-items: center; gap: 10px; } .c-cinepolis__avisos_cartoes .c-btIngresso { margin: 0; } .c-cinepolis__avisos_cartoes .marcas { gap: 10px; margin: 0; } .c-cinepolis__avisos_obs ul { display: flex; flex-direction: column; gap: 20px; } .c-cinepolis__avisos_obs li { color: #525252; } } @media (min-width: 1366px) { .c-cinepolis__avisos .container { padding: 0 60px; } .c-cinepolis__avisos_cartoes .content { gap: 40px; } .c-cinepolis__avisos_cartoes .marcas { gap: 20px; } } .c-btIngresso { display: inline-flex; height: 47px; padding: 10px 20px 13px 20px; align-items: center; gap: 10px; border-radius: 300px; background-color: #7D1168; color: #FFFFFF; } .c-btIngresso.white { background-color: #FFFFFF; color: #000000; } .c-btIngresso.white svg path { stroke: #000000; } .c-btIngresso span { font-size: 15px; line-height: 24px; margin-top: 2px; } .c-btIngresso span:first-child { margin-top: 2px !important; } .c-btIngresso svg { margin-top: 2px; } .c-btIngresso svg path { stroke: #FFFFFF; } @media (min-width: 1024px) { .c-btIngresso { height: 56px; transition: all 0.25s ease-in-out; } .c-btIngresso:hover { background-color: #59104B; } .c-btIngresso.white:hover { color: #FFFFFF; background-color: #59104B; } .c-btIngresso.white:hover svg path { stroke: #FFFFFF; } } .c-filme { width: 320px; height: 470px; flex-shrink: 0; border-radius: 20px; background: #D9D9D9; overflow: hidden; position: relative; cursor: pointer; } .c-filme_capa, .c-filme_sobre, .c-filme_links { position: absolute; } .c-filme_capa, .c-filme_sobre { width: 100%; height: 100%; top: 0; left: 0; } .c-filme_capa { width: 100%; height: 100%; } .c-filme_capa img { position: relative; -o-object-fit: cover; object-fit: cover; z-index: 0; width: 100%; height: 100%; } .c-filme_sobre { background-color: rgba(125, 17, 104, 0.92); color: #FFFFFF; padding: 61px 20px 162px; display: flex; flex-direction: column; justify-content: flex-end; } .c-filme .categorias { display: flex; align-items: center; justify-content: flex-end; gap: 8px; position: absolute; top: 20px; right: 20px; } .c-filme .categorias span { height: 21px; display: inline-flex; align-items: center; padding: 4px; border-radius: 4px; border: 1px solid #BD85B2; color: #DFC4DD; text-transform: uppercase; font-size: 9px; font-weight: 300; line-height: 13px; } .c-filme .title { margin-bottom: 15px; } .c-filme .title h3 { font-size: 22px; font-weight: 300; line-height: 28px; } .c-filme .sessoes p { font-size: 15px; line-height: 24px; margin-bottom: 20px; color: #BD85B2; } .c-filme .sessoes ul { height: 83px; display: flex; flex-direction: column; gap: 4px; } .c-filme .sessoes li { height: 25px; display: flex; align-items: center; font-size: 14px; line-height: 24px; } .c-filme .sessoes .sala { margin-right: 20px; color: #BD85B2; } .c-filme .sessoes .horarios { margin-right: 10px; } .c-filme .sessoes .lang { padding: 6px; background-color: #DFC4DD; color: #7D1168; height: 25px; display: inline-flex; align-items: center; font-size: 9px; font-weight: 300; line-height: 13px; border-radius: 4px; } .c-filme_links { bottom: 20px; left: 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 20px 10px; font-size: 14px; line-height: 24px; width: 100%; } .c-filme .btLink { display: inline-flex; padding: 10px 20px 13px 20px; align-items: center; color: #000000; border-radius: 300px; background-color: #F6F6F6; } .c-filme .link { text-decoration: underline; color: #FFFFFF; } .c-filme_sobre, .c-filme_links { opacity: 0; z-index: -1; transition: all 0.25s ease-in-out; } .c-filme.open .c-filme_sobre, .c-filme.open .c-filme_links { opacity: 1; z-index: 10; } @media (min-width: 1024px) { .c-filme:hover .c-filme_sobre, .c-filme:hover .c-filme_links { opacity: 1; z-index: 10; } } @media (min-width: 1280px) { .c-filme { width: 340px; height: 500px; } .c-filme_sobre { padding: 66px 30px 189px; } .c-filme .categorias span { height: 26px; padding: 6px; font-size: 10px; font-weight: 300; line-height: 14px; letter-spacing: 1px; } .c-filme .title { margin-bottom: 28px; } .c-filme .title h3 { font-size: 28px; font-weight: 300; line-height: 36px; } .c-filme .sessoes ul { height: 86px; } .c-filme .sessoes li { height: 26px; } .c-filme .sessoes .lang { height: 26px; font-size: 10px; font-weight: 300; line-height: 14px; letter-spacing: 1px; } .c-filme_links { bottom: 30px; gap: 40px 20px; } .c-filme .btLink { justify-content: center; padding: 0 20px; width: 144px; height: 56px; font-size: 15px; transition: all 0.25s ease-in-out; } .c-filme .btLink:hover { background-color: #59104B; color: #FFFFFF; } .c-filme .link { transition: all 0.25s ease-in-out; } .c-filme .link:hover { color: #BD85B2; } .c-filme_sobre, .c-filme_links { opacity: 0; z-index: -1; transition: all 0.25s ease-in-out; } .c-filme:hover .cinema__filme_sobre, .c-filme:hover .cinema__filme_links { opacity: 1; z-index: 10; } } .c-outrosfilmes { padding: 40px 0 60px; background-color: #F6F6F6; } .c-outrosfilmes__header { margin-bottom: 42px; padding: 0 20px; max-width: 1440px; } .c-outrosfilmes__header h3 { font-size: 28px; font-weight: 300; line-height: 36px; color: #000000; display: inline-flex; align-items: flex-end; } .c-outrosfilmes__header h3::after { content: ""; width: 30px; height: 30px; display: block; background: url("../assets/img/layout/ico-title.svg") no-repeat center; background-size: contain; margin: 0 0 2px 6px; } .c-outrosfilmes .owl-carousel-outrosfilmes { width: 100%; display: flex; padding: 0 20px; } .c-outrosfilmes .owl-stage { display: flex; } .c-outrosfilmes .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); } .c-outrosfilmes .owl-nav button svg * { transition: all 0.25s ease-in-out; } .c-outrosfilmes .owl-nav button.disabled { opacity: 0.2; } .c-outrosfilmes .owl-prev { left: 0; } .c-outrosfilmes .owl-next { right: 0; } @media (min-width: 1024px) { .c-outrosfilmes { padding: 113px 0 140px; } .c-outrosfilmes__header { margin-bottom: 68px; } .c-outrosfilmes__header h3 { font-size: 46px; font-weight: 300; line-height: 52px; } .c-outrosfilmes__header h3::after { margin: 0 0 12px 6px; } .c-outrosfilmes__content { padding: 0 50px; max-width: 1440px; margin: 0 auto; position: relative; } .c-outrosfilmes__content.nobar .owl-carousel-outrosfilmes { margin-bottom: 0; } .c-outrosfilmes__content.nobar .noticias__barra { display: none !important; } .c-outrosfilmes .c-filme { width: 100%; } .c-outrosfilmes .c-filme:hover .c-outrosfilmes__filme_sobre, .c-outrosfilmes .c-filme:hover .c-outrosfilmes__filme_links { opacity: 1; z-index: 10; } .c-outrosfilmes .owl-carousel-outrosfilmes { max-width: 1061px; padding: 0; margin: 0 auto 60px; } .c-outrosfilmes .owl-stage-outer { overflow: hidden; } .c-outrosfilmes .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); } .c-outrosfilmes .owl-nav button svg * { transition: all 0.25s ease-in-out; } .c-outrosfilmes .owl-nav button:hover:not(.disabled) circle { fill: #000000; } .c-outrosfilmes .owl-nav button:hover:not(.disabled) path { stroke: #FFFFFF; } .c-outrosfilmes .owl-nav button.disabled { opacity: 0.2; } .c-outrosfilmes .owl-prev { left: -50px; } .c-outrosfilmes .owl-next { right: -50px; } .c-outrosfilmes .owl-dots { display: none; } .c-outrosfilmes__barra { width: 600px; height: 4px; margin: 0 auto; background-color: #FFFFFF; border-radius: 300px; overflow: hidden; } .c-outrosfilmes__barra .barra { width: 0%; height: 100%; background-color: #D9DADB; transition: all 0.25s ease-in-out; } } @media (min-width: 1280px) { .c-outrosfilmes__header { padding: 0 60px; } .c-outrosfilmes__content { padding: 0; } .c-outrosfilmes .owl-prev { left: -90px; } .c-outrosfilmes .owl-next { right: -90px; } .c-outrosfilmes .c-filme { width: 340px; } } @media (min-width: 1366px) { .c-outrosfilmes .owl-prev { left: -128px; } .c-outrosfilmes .owl-next { right: -128px; } } .hero { position: relative; z-index: 10; width: 100%; height: 100vh; height: 100dvh; top: 0; left: 0; } .hero .owl-carousel-hero { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hero .owl-dots { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); display: inline-flex; align-items: center; background-color: #FFFFFF; border-radius: 300px; padding: 10px; height: 32px; gap: 10px; } .hero .owl-dots .owl-dot { width: 6px; height: 6px; border-radius: 50%; background-color: #666666; border: 1px solid transparent; transition: all 0.25s ease-in-out; display: inline-block; } .hero .owl-dots .owl-dot.active { width: 12px; height: 12px; background-color: transparent; border-color: #666666; } .hero .item { width: 100%; height: 100vh; height: 100dvh; display: block; position: relative; } .hero .bgVideo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hero .bgVideo img, .hero .bgVideo video { position: absolute; -o-object-fit: cover; object-fit: cover; z-index: 0; width: 100%; height: 100%; } .hero .bgVideo video { z-index: 1; } .hero__content { width: 100%; max-width: 1440px; height: 100%; margin: 0 auto; padding: 120px 20px 110px; position: relative; z-index: 20; display: flex; align-items: flex-end; } .hero__content .text { display: inline-block; max-width: 335px; color: #F2F2F2; text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25); font-size: 28px; line-height: 36px; font-weight: 300; } .hero__content .text svg { width: 30px; height: auto; } .hero__content .icoLink { width: 30px; height: 30px; background: transparent url("../assets/img/layout/ico-link.svg") no-repeat center; background-size: contain; display: inline-block; margin-bottom: -8px; } .hero__time { min-width: 200px; display: inline-flex; align-items: center; -moz-column-gap: 10px; column-gap: 10px; border-radius: 100px; background: #FFFFFF; padding: 10px; margin: 0 auto 0 0; position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); z-index: 999; } .hero__time circle, .hero__time path { stroke: #000000; } .hero__time_text { width: 154px; height: 100%; white-space: nowrap; display: flex; align-items: center; gap: 10px; overflow: hidden; } .hero__time p { flex-shrink: 0; font-size: 10px; font-weight: 400; line-height: 14px; letter-spacing: 1px; text-transform: uppercase; padding-top: 2px; animation: moveText 10s linear infinite; } @media (min-width: 1024px) { .hero__content { padding: 200px 60px 132px; } .hero__content .text { max-width: 560px; font-size: 46px; line-height: 52px; } .hero__content .text span { transition: all 0.25s ease-in-out; } .hero__content .text span:hover { text-decoration: underline; } .hero__content .text svg { width: auto; } .hero__content .icoLink { width: 38px; height: 38px; margin-bottom: -8px; } .hero .owl-carousel-hero.no-items .hero__content { padding-bottom: 40px; } } .buscaHome { position: relative; background-color: #7D1168; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding: 13px 0 21px; color: #FFFFFF; font-size: 14px; line-height: 24px; font-weight: 300; } .buscaHome .container { padding: 0 20px; max-width: 1440px; } .buscaHome__title { margin-bottom: 14px; } .buscaHome__title h2 { font-size: 18px; font-weight: 300; line-height: 26px; } .buscaHome__search { display: flex; align-items: center; gap: 10px; } .buscaHome__search_group, .buscaHome__search_select { width: calc(50% - 5px); height: 56px; border-radius: 300px; background-color: #59104B; position: relative; } .buscaHome__search_field, .buscaHome__search_btn { position: absolute; } .buscaHome__search_field { width: 100%; height: 100%; line-height: 100%; background: none; padding: 0 55px 0 20px; } .buscaHome__search ::-moz-placeholder { color: #FFFFFF; } .buscaHome__search ::placeholder { color: #FFFFFF; } .buscaHome__search_btn { width: 15px; height: 15px; background: transparent url("../assets/img/layout/ico-search.svg") no-repeat center; background-size: contain; text-indent: -999em; overflow: hidden; right: 20px; top: 50%; transform: translateY(-50%); } .buscaHome__search_select::after { position: absolute; content: ""; top: 50%; right: 20px; width: 10px; height: 22px; background: url("../assets/img/layout/ico-select.svg") no-repeat center; transform-origin: center; transform: translateY(-50%) rotate(0deg); transition: all 0.25s ease-in-out; } .buscaHome__search_select select { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; border-radius: 300px; padding: 0 50px 0 20px; text-transform: capitalize; } .buscaHome__search_select select option { color: #000000; } .buscaHome__search_select .select-selected { display: none; } .buscaHome__search .select-items { background-color: #59104B; overflow-y: auto; max-height: 200px; /* width */ /* Track */ /* Handle */ /* Handle on hover */ } @media (max-width: 1023.98px) { .buscaHome__search .select-items { display: none; } } .buscaHome__search .select-items::-webkit-scrollbar { width: 10px; } .buscaHome__search .select-items::-webkit-scrollbar-track { border-radius: 5px; } .buscaHome__search .select-items::-webkit-scrollbar-thumb { background: #BD85B2; border-radius: 5px; } .buscaHome__search .select-items::-webkit-scrollbar-thumb:hover { background: #7D1168; } .buscaHome__search .autocompleter { position: absolute; background-color: #59104B; top: calc(100% + 10px); left: 0; right: 0; z-index: 99; border-radius: 5px; overflow: hidden; overflow-y: auto; max-height: 200px; /* width */ /* Track */ /* Handle */ /* Handle on hover */ } .buscaHome__search .autocompleter::-webkit-scrollbar { width: 10px; } .buscaHome__search .autocompleter::-webkit-scrollbar-track { border-radius: 5px; } .buscaHome__search .autocompleter::-webkit-scrollbar-thumb { background: #BD85B2; border-radius: 5px; } .buscaHome__search .autocompleter::-webkit-scrollbar-thumb:hover { background: #7D1168; } .buscaHome__search .autocompleter li { padding: 10px 20px; cursor: pointer; text-transform: capitalize; } .buscaHome__search .autocompleter li:hover { background-color: rgba(0, 0, 0, 0.1); } @media (min-width: 768px) { .buscaHome { padding: 32px 0; font-size: 15px; } .buscaHome .container { padding: 0 20px; display: flex; align-items: center; justify-content: space-between; } .buscaHome__search { display: flex; align-items: center; gap: 27px; } .buscaHome__search_group { width: 200px; } .buscaHome__search_select { width: 224px; } .buscaHome__menuSocial { display: inline-flex; align-items: center; gap: 10px; } .buscaHome__menuSocial a circle { fill: transparent; } .buscaHome__menuSocial a svg * { transition: all 0.5s ease-in-out; } .buscaHome__menuSocial a:hover circle { fill: #59104B; } .buscaHome__menuSocial a:hover path { fill: #FFFFFF; } .buscaHome__menuSocial .tiktok { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border: 1px solid #59104B; border-radius: 50%; transition: all 0.5s ease-in-out; } .buscaHome__menuSocial .tiktok svg { width: 25px; height: auto; } .buscaHome__menuSocial .tiktok:hover { background-color: #59104B; } } @media (min-width: 1024px) { .buscaHome__title h2 { font-size: 28px; font-weight: 300; line-height: 36px; } .buscaHome__search_group { width: 200px; } .buscaHome__search_select { width: 224px; } .buscaHome__search_select::after { display: none; } .buscaHome__search_select select { display: none; } .buscaHome__search_select .select-selected { display: flex; } } @media (min-width: 1280px) { .buscaHome .container { padding: 0 60px; } .buscaHome__title { margin: 0 113px 0 0; } .buscaHome__menuSocial { margin: 0 0 0 auto; } } .cinema { background-color: rgba(246, 246, 246, 0.6); padding: 50px 0 60px; } .cinema__header { margin-bottom: 30px; } .cinema__header h2 { font-size: 28px; font-weight: 300; line-height: 36px; color: #000000; display: inline-flex; align-items: flex-end; } .cinema__header h2::after { content: ""; width: 30px; height: 30px; display: block; background: url("../assets/img/layout/ico-link-black-mobile.svg") no-repeat center; background-size: contain; margin: 0 0 0 12px; } .cinema__filme { width: 320px; height: 470px; width: 100%; height: 0; padding-top: 146.875%; flex-shrink: 0; border-radius: 20px; background: #D9D9D9; overflow: hidden; position: relative; cursor: pointer; } .cinema__filme_capa, .cinema__filme_sobre, .cinema__filme_links { position: absolute; } .cinema__filme_capa, .cinema__filme_sobre { width: 100%; height: 100%; top: 0; left: 0; } .cinema__filme_capa { width: 100%; height: 100%; } .cinema__filme_capa img { position: relative; -o-object-fit: cover; object-fit: cover; z-index: 0; width: 100%; height: 100%; } .cinema__filme_sobre { background-color: rgba(125, 17, 104, 0.92); color: #FFFFFF; padding: 61px 20px 111px; display: flex; flex-direction: column; justify-content: flex-end; } .cinema__filme .categorias { display: flex; align-items: center; justify-content: flex-end; gap: 8px; position: absolute; top: 20px; right: 20px; } .cinema__filme .categorias span { height: 21px; display: inline-flex; align-items: center; padding: 4px; border-radius: 4px; border: 1px solid #BD85B2; color: #DFC4DD; text-transform: uppercase; font-size: 9px; font-weight: 300; line-height: 13px; } .cinema__filme .title { margin-bottom: 15px; } .cinema__filme .title h3 { font-size: 22px; font-weight: 300; line-height: 28px; } .cinema__filme .sessoes p { font-size: 15px; line-height: 24px; margin-bottom: 20px; color: #BD85B2; } .cinema__filme .sessoes ul { height: 83px; display: flex; flex-direction: column; gap: 4px; } .cinema__filme .sessoes li { height: 25px; display: flex; align-items: center; font-size: 14px; line-height: 24px; } .cinema__filme .sessoes .sala { margin-right: 20px; color: #BD85B2; } .cinema__filme .sessoes .horarios { margin-right: 10px; } .cinema__filme .sessoes .lang { padding: 6px; background-color: #DFC4DD; color: #7D1168; height: 25px; display: inline-flex; align-items: center; font-size: 9px; font-weight: 300; line-height: 13px; border-radius: 4px; } .cinema__filme_links { bottom: 20px; left: 20px; display: flex; align-items: center; gap: 10px; font-size: 14px; line-height: 24px; } .cinema__filme .btLink { display: inline-flex; padding: 10px 20px 13px 20px; align-items: center; color: #000000; border-radius: 300px; background-color: #F6F6F6; } .cinema__filme .link { text-decoration: underline; color: #FFFFFF; } .cinema__filme_sobre, .cinema__filme_links { opacity: 0; z-index: -1; transition: all 0.25s ease-in-out; } .cinema__filme.open .cinema__filme_sobre, .cinema__filme.open .cinema__filme_links { opacity: 1; z-index: 10; } .cinema .owl-carousel-cinema { width: 100%; display: block; padding: 0 20px; margin-bottom: 30px; opacity: 0; } .cinema .owl-stage { display: flex; } .cinema .owl-dots { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 40px auto 0; height: 12px; } .cinema .owl-dots .owl-dot { width: 6px; height: 6px; border-radius: 50%; background-color: #D9DADB; border: 1px solid transparent; transition: all 0.25s ease-in-out; display: inline-block; } .cinema .owl-dots .owl-dot.active { width: 12px; height: 12px; background-color: transparent; border-color: #666666; } .cinema__link { display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 159px; height: 47px; border-radius: 300px; border: 1px solid #D9DADB; gap: 10px; color: #525252; font-size: 14px; line-height: 24px; } @media (min-width: 768px) { .cinema { padding: 64px 0 60px; } .cinema__content { padding: 0 20px; max-width: 1440px; margin: 0 auto; position: relative; } .cinema__content.nobar .owl-carousel-noticias { margin-bottom: 0; } .cinema__content.nobar .noticias__barra { display: none !important; } .cinema__header { margin-bottom: 30px; padding: 0; max-width: 100%; } .cinema__header h2 { font-size: 36px; font-weight: 300; line-height: 42px; } .cinema__header h2::after { background: url("../assets/img/layout/ico-link-black.svg") no-repeat center; margin: 0 0 4px 6px; } .cinema__link { margin: 0; width: 166px; height: 56px; font-size: 15px; position: absolute; top: -14px; right: 60px; transition: all 0.25s ease-in-out; } .cinema__link path { transition: all 0.25s ease-in-out; } .cinema__filme { width: 100%; } .cinema__filme_sobre { padding: 66px 30px 116px; } .cinema__filme .categorias span { height: 26px; padding: 6px; font-size: 10px; font-weight: 300; line-height: 14px; letter-spacing: 1px; } .cinema__filme .title { margin-bottom: 28px; } .cinema__filme .title h3 { font-size: 28px; font-weight: 300; line-height: 36px; } .cinema__filme .sessoes ul { height: 86px; } .cinema__filme .sessoes li { height: 26px; } .cinema__filme .sessoes .lang { height: 26px; font-size: 10px; font-weight: 300; line-height: 14px; letter-spacing: 1px; } .cinema__filme_links { bottom: 30px; left: 20px; gap: 21.5px; } .cinema__filme .btLink { justify-content: center; padding: 0 20px; width: 144px; height: 56px; font-size: 15px; transition: all 0.25s ease-in-out; } .cinema__filme .link { transition: all 0.25s ease-in-out; } .cinema__filme_sobre, .cinema__filme_links { opacity: 0; z-index: -1; transition: all 0.25s ease-in-out; } .cinema .owl-carousel-cinema { max-width: 1043px; padding: 0; margin: 0 auto 40px; } .cinema .owl-dots { display: none; } .cinema__barra { width: 480px; height: 4px; margin: 0 auto; background-color: #FFFFFF; border-radius: 300px; overflow: hidden; } .cinema__barra .barra { width: 0%; height: 100%; background-color: #D9DADB; transition: all 0.25s ease-in-out; } } @media (min-width: 1024px) { .cinema { padding: 113px 0 142px; } .cinema__content { padding: 0 20px; } .cinema__header { margin-bottom: 64px; } .cinema__header h2 { font-size: 46px; font-weight: 300; line-height: 52px; } .cinema__header h2::after { margin: 0 0 9px 5px; } .cinema__link { top: 0; } .cinema__link:hover { color: #000000; border-color: #000000; } .cinema__link:hover path { stroke: #000000; } .cinema .btLink:hover { background-color: #59104B; color: #FFFFFF; } .cinema .link:hover { color: #BD85B2; } .cinema__filme_sobre { padding: 66px 20px 116px; } .cinema__filme_links { gap: 10px; } .cinema__filme:hover .cinema__filme_sobre, .cinema__filme:hover .cinema__filme_links { opacity: 1; z-index: 10; } .cinema .owl-carousel-cinema { max-width: 1043px; } .cinema .owl-nav { display: none; } .cinema__barra { width: 600px; } } @media (min-width: 1141px) { .cinema .owl-nav { display: block; } .cinema .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); } .cinema .owl-nav button svg * { transition: all 0.25s ease-in-out; } .cinema .owl-nav button:hover:not(.disabled) circle { fill: #000000; } .cinema .owl-nav button:hover:not(.disabled) path { stroke: #FFFFFF; } .cinema .owl-nav button.disabled { opacity: 0.2; } .cinema .owl-prev { left: -50px; } .cinema .owl-next { right: -50px; } } @media (min-width: 1280px) { .cinema__content { padding: 0 60px; } .cinema__filme { width: 341px; height: 500px; padding-top: 0; } .cinema__filme_sobre { padding: 66px 30px 129px; } .cinema__filme_links { gap: 21.5px; } .cinema__filme:hover .cinema__filme_sobre, .cinema__filme:hover .cinema__filme_links { opacity: 1; z-index: 10; } .cinema .owl-prev { left: -75px; } .cinema .owl-next { right: -75px; } } @media (min-width: 1366px) { .cinema .owl-prev { left: -130px; } .cinema .owl-next { right: -130px; } } .noticias { background-color: rgba(246, 246, 246, 0.6); padding: 50px 0 60px; overflow: hidden; } .noticias .container { padding: 0 20px; } .noticias__header { margin-bottom: 34px; } .noticias__header h2 { font-size: 28px; font-weight: 300; line-height: 36px; color: #000000; display: inline-flex; align-items: flex-end; } .noticias__header h2::after { content: ""; width: 30px; height: 30px; display: block; background: url("../assets/img/layout/ico-link-black-mobile.svg") no-repeat center; background-size: contain; margin: 0 0 0 12px; } .noticias__noticia { width: 288px; width: 100%; height: auto; flex-shrink: 0; } .noticias__noticia_thumb { width: 100%; height: 200px; height: 0; padding-top: 69.44%; margin-bottom: 20px; overflow: hidden; border-radius: 20px; position: relative; } .noticias__noticia_thumb img { position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; z-index: 0; width: 100%; height: 100%; } .noticias__noticia_title { margin-bottom: 20px; } .noticias__noticia_title h3 { font-size: 18px; font-weight: 300; line-height: 26px; } .noticias__noticia_link { text-decoration: underline; font-size: 14px; line-height: 24px; } .noticias .owl-carousel-noticias { width: 100%; display: block; padding: 0 20px; margin-bottom: 40px; } .noticias .owl-stage { display: flex; } .noticias .owl-stage-outer { overflow: visible; } .noticias .owl-dots { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 40px auto 0; height: 12px; } .noticias .owl-dots .owl-dot { width: 6px; height: 6px; border-radius: 50%; background-color: #D9DADB; border: 1px solid transparent; transition: all 0.25s ease-in-out; display: inline-block; } .noticias .owl-dots .owl-dot.active { width: 12px; height: 12px; background-color: transparent; border-color: #666666; } .noticias__link { display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 168px; height: 47px; border-radius: 300px; border: 1px solid #D9DADB; gap: 10px; color: #525252; font-size: 14px; line-height: 24px; } @media (min-width: 768px) { .noticias { padding: 60px 0; } .noticias__content { position: relative; } .noticias__header { margin-bottom: 40px; } .noticias__header h2 { font-size: 36px; font-weight: 300; line-height: 42px; } .noticias .owl-carousel-noticias { display: flex; max-width: 1061px; margin: 0 auto 73px; } .noticias .owl-stage-outer { overflow: hidden; } .noticias .owl-nav button { position: absolute; top: 96px; } .noticias .owl-nav button svg * { transition: all 0.25s ease-in-out; } .noticias .owl-nav button:hover:not(.disabled) circle { fill: #000000; } .noticias .owl-nav button:hover:not(.disabled) path { stroke: #FFFFFF; } .noticias .owl-nav button.disabled { opacity: 0.2; } .noticias .owl-prev { left: -50px; } .noticias .owl-next { right: -50px; } .noticias .owl-dots { display: none; } .noticias__link { margin: 0; width: 176px; height: 56px; font-size: 15px; position: absolute; top: -4px; right: 20px; } .noticias__barra { width: 480px; height: 4px; margin: 0 auto; background-color: #FFFFFF; border-radius: 300px; overflow: hidden; } .noticias__barra .barra { width: 0%; height: 100%; background-color: #D9DADB; transition: all 0.25s ease-in-out; } } @media (min-width: 1024px) { .noticias { padding: 113px 0 138px; } .noticias .container { padding: 0; } .noticias__content { padding: 0 20px; max-width: 1440px; margin: 0 auto; } .noticias__content.nobar .owl-carousel-noticias { margin-bottom: 0; } .noticias__content.nobar .noticias__barra { display: none !important; } .noticias__header { margin-bottom: 68px; padding: 0; max-width: 100%; } .noticias__header h2 { font-size: 46px; font-weight: 300; line-height: 52px; } .noticias__header h2::after { background: url("../assets/img/layout/ico-link-black.svg") no-repeat center; margin: 0 0 9px 5px; } .noticias__link { top: 0; transition: all 0.25s ease-in-out; } .noticias__link path { transition: all 0.25s ease-in-out; } .noticias__link:hover { color: #000000; border-color: #000000; } .noticias__link:hover path { stroke: #000000; } .noticias__noticia { width: 100%; } .noticias__noticia a img { transition: all 0.25s ease-in-out; } .noticias__noticia a:hover h3 { text-decoration: underline; } .noticias__noticia a:hover img { transform: scale(1.2); } .noticias .owl-carousel-noticias { display: flex; max-width: 1061px; padding: 0; margin: 0 auto 73px; } .noticias .owl-stage-outer { overflow: hidden; } .noticias .owl-nav { display: none; } .noticias .owl-dots { display: none; } .noticias__barra { width: 600px; } } @media (min-width: 1141px) { .noticias__content { padding: 0 50px; } .noticias .owl-nav { display: block; } .noticias .owl-nav button { position: absolute; top: 96px; } .noticias .owl-nav button svg * { transition: all 0.25s ease-in-out; } .noticias .owl-nav button:hover:not(.disabled) circle { fill: #000000; } .noticias .owl-nav button:hover:not(.disabled) path { stroke: #FFFFFF; } .noticias .owl-nav button.disabled { opacity: 0.2; } .noticias .owl-prev { left: -50px; } .noticias .owl-next { right: -50px; } .noticias__link { right: 50px; } } @media (min-width: 1280px) { .noticias__content { padding: 0 60px; } .noticias__noticia { width: 341px; } .noticias__noticia_thumb { height: 240px; } .noticias__noticia_title { margin-bottom: 20px; } .noticias .owl-prev { left: -75px; } .noticias .owl-next { right: -75px; } .noticias__link { right: 60px; } } @media (min-width: 1366px) { .noticias .owl-prev { left: -130px; } .noticias .owl-next { right: -130px; } } .videodestaque { position: relative; margin-bottom: 55px; } .videodestaque .item { display: block; } .videodestaque .bgVideo { position: relative; width: 100%; padding-top: 58.66%; margin-bottom: 10px; } .videodestaque .bgVideo img, .videodestaque .bgVideo video, .videodestaque .bgVideo iframe { position: absolute; -o-object-fit: cover; object-fit: cover; z-index: 0; width: 100%; height: 100%; top: 0; left: 0; } .videodestaque .bgVideo video, .videodestaque .bgVideo iframe { z-index: 1; } .videodestaque .container { padding: 0 20px; } .videodestaque .text { display: inline-block; font-size: 22px; line-height: 28px; max-width: 335px; } .videodestaque .text svg { display: none; } .videodestaque .owl-carousel-destaque { text-align: center; } .videodestaque .owl-stage-outer { margin: 0 0 40px; text-align: left; } .videodestaque .owl-dots { display: inline-flex; margin: 0 auto; align-items: center; background-color: #000000; border-radius: 300px; padding: 10px; height: 32px; gap: 10px; } .videodestaque .owl-dots .owl-dot { width: 6px; height: 6px; border-radius: 50%; background-color: #666666; border: 1px solid transparent; transition: all 0.25s ease-in-out; display: inline-block; } .videodestaque .owl-dots .owl-dot.active { width: 12px; height: 12px; background-color: transparent; border-color: #666666; } @media (min-width: 1024px) { .videodestaque { margin-bottom: 0; position: sticky; bottom: 0; } .videodestaque .bgVideo { padding-top: 56.25%; margin-bottom: 0; z-index: 0; } .videodestaque .bgVideo img, .videodestaque .bgVideo video, .videodestaque .bgVideo iframe { position: absolute; -o-object-fit: cover; object-fit: cover; z-index: 0; width: 100%; height: 100%; top: 0; left: 0; } .videodestaque .bgVideo video, .videodestaque .bgVideo iframe { z-index: 1; } .videodestaque .container { position: absolute; padding: 60px 60px 132px; height: 100%; display: flex; align-items: flex-end; z-index: 20; top: 0; left: 50%; transform: translateX(-50%); } .videodestaque .text { max-width: 640px; color: #FFFFFF; text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25); font-size: 46px; line-height: 52px; } .videodestaque .text:hover { text-decoration: underline; } .videodestaque .text svg { display: inline-block; width: 30px; height: 30px; } .videodestaque .owl-dots { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); background-color: #FFFFFF; } .videodestaque .owl-stage-outer { margin: 0; } } .l-politica { padding: calc(112px + 120px) 0 134px 0; } .l-politica .container { max-width: 875px; } .l-politica__title { font-size: 46px; text-align: center; font-weight: 300; line-height: 52px; color: #000; } .l-politica__content { font-size: 15px; line-height: 24px; color: #000; margin-top: 72px; } .l-politica__content p { font-weight: 300; } .l-politica__content strong { display: block; font-weight: 700; } .l-politica__content ol { padding-left: 25px; } .l-politica__content p + p { margin-top: 35px; } .l-politica__content p + strong, .l-politica__content ol + strong { margin-top: 47px; } @media (max-width: 1023.98px) { .l-politica { padding: calc(40px + 80px) 0 55px 0; } .l-politica__title { font-size: 28px; line-height: 36px; } .l-politica__content { margin-top: 40px; } } .l-info { padding: calc(112px + 120px) 0 134px 0; } .l-info .container { max-width: 1096px; } .l-info__title { font-size: 46px; text-align: center; font-weight: 300; line-height: 52px; color: #000; } .l-info__subtitle { font-size: 14px; font-weight: 300; line-height: 24px; text-align: center; color: #989898; margin: 13px 0 35px; } .l-info__btn { display: table; font-size: 15px; font-weight: 300; line-height: 24px; color: #FFF; background: #7D1168; border-radius: 300px; padding: 13px 20px; margin: 0 auto; transition: all 0.25s ease-in-out; } .l-info__btn span { margin-top: 3px !important; } .l-info__btn svg { margin: 0 0 6px 10px; transition: all 0.25s ease-in-out; } .l-info__btn.\--secondary, .l-info__btn.\--terciary { border: 1px solid #D9DADB; color: #525252; background: #FFF; margin: 0; } .l-info__cover { position: relative; padding-top: 57%; border-radius: 20px; overflow: hidden; margin-top: 60px; } .l-info__cover iframe, .l-info__cover img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .l-info__content { display: grid; grid-template-columns: 1fr 1fr 426px; -moz-column-gap: 100px; column-gap: 100px; margin-top: 65px; } .l-info__content.\--anuncie { grid-template-columns: 1fr 426px; } .l-info__content.\--shopping { grid-template-columns: 1fr; } .l-info__contact { font-size: 15px; font-weight: 300; line-height: 24px; color: #000; } .l-info__contact strong { display: block; font-weight: 700; margin-bottom: 15px; } .l-info__contact__numbers strong { margin-bottom: 23px; } .l-info__contact__phone a { font-size: 15px; font-weight: 300; line-height: 24px; color: #000; transition: all 0.25s ease-in-out; margin-left: 10px; } .l-info__contact__whats { margin-top: 10px; } .l-info__contact__whats a { font-size: 15px; font-weight: 300; line-height: 24px; color: #000; transition: all 0.25s ease-in-out; margin-left: 10px; } .l-info__contact__icon { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 1px solid #D9DADB; } .l-info__contact__icon svg { width: 30px; height: 30px; } .l-info__contact__google, .l-info__contact__waze { display: flex; align-items: center; } .l-info__contact__google a { font-size: 15px; font-weight: 300; line-height: 24px; color: #000; transition: all 0.25s ease-in-out; margin-left: 10px; } .l-info__contact__waze { margin-top: 10px; } .l-info__contact__waze a { font-size: 15px; font-weight: 300; line-height: 24px; color: #000; transition: all 0.25s ease-in-out; margin-left: 10px; } .l-info__text { font-size: 15px; font-weight: 300; line-height: 24px; color: #000; } .l-info__text p + p { margin-top: 25px; } .l-info__text a { text-decoration: underline; } .l-info__boxes__wrap { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 140px; } .l-info__box { border-radius: 20px; border: 1px solid #D9DADB; padding: 20px; } .l-info__box p { font-size: 28px; font-weight: 300; line-height: 36px; color: #7D1168; } .l-info__box > a { margin: 100px 0 0 auto !important; } .l-info__slide { max-width: 1920px; margin: 0 auto; } .l-info__slide__list { display: flex; width: 100%; } .l-info__slide__list.owl-carousel { display: flex; } .l-info__slide__list .owl-stage { display: flex; align-items: flex-start; flex-direction: row; flex-wrap: nowrap; } .l-info__slide__list .owl-item { flex-shrink: 0; line-height: 0; } .l-info__slide__item { display: inline-block; width: auto; flex-shrink: 0; } .l-info__slide__cover { position: relative; } .l-info__slide__cover img { height: 150px; } .l-info__slide .owl-carousel .owl-item img { width: auto; } @media (min-width: 1024px) { .l-info__btn:hover.\--secondary { color: #000; border-color: #000; background: #FFF; } .l-info__btn:hover.\--secondary svg path { stroke: #000; } .l-info__btn:hover.\--terciary { color: #FFF; background: #59104B; } .l-info__btn:hover.\--terciary svg path { stroke: #fff; } .l-info__subtitle { max-width: 600px; margin: 13px auto 35px auto; } .l-info__content.\--shopping .l-info__contact { display: flex; justify-content: space-between; border-bottom: 1px solid rgba(217, 218, 219, 0.5); padding-bottom: 63px; margin-bottom: 65px; } .l-info__content.\--shopping .l-info__contact__links { display: flex; -moz-column-gap: 200px; column-gap: 200px; } .l-info__contact__phone a:hover, .l-info__contact__whats a:hover, .l-info__contact__google a:hover, .l-info__contact__waze a:hover { text-decoration: underline; } .l-info__contact__tel { margin-right: 140px; } .l-info__boxes .container { max-width: 1126px; } .l-info__box { width: 538px; min-height: 320px; height: 100%; padding: 40px; transition: all 0.25s ease-in-out; position: relative; } .l-info__box p { max-width: 355px; } .l-info__box > a { margin: 0 !important; position: absolute; bottom: 40px; right: 40px; } .l-info__box:hover { border-color: #7D1168; } .l-info__slide { margin: 115px auto 140px; } .l-info__slide__items { width: 100%; position: relative; display: block; } .l-info__slide__cover img { height: 400px; } } @media (max-width: 1023.98px) { .l-info { padding: calc(60px + 80px) 0 55px 0; } .l-info__title { font-size: 28px; line-height: 36px; } .l-info__subtitle { margin: 25px 0; } .l-info__cover { margin-top: 40px; } .l-info__btn { padding: 9px 20px; } .l-info__numbers strong { margin-bottom: 15px; } .l-info__content { grid-template-columns: 1fr; margin-top: 20px; } .l-info__content.\--shopping { grid-template-columns: 1fr; } .l-info__content.\--shopping__text { order: 1; } .l-info__content.\--shopping__contact { order: 2; margin-top: 35px; } .l-info__content.\--anuncie { grid-template-columns: 1fr; } .l-info__link { order: 3; margin-top: 40px; } .l-info__contact { order: 2; margin: 35px 0 0 0; } .l-info__contact strong { margin-bottom: 25px; } .l-info__contact__map { margin-top: 32px; } .l-info__contact__waze { margin-top: 25px; } .l-info__contact__tel { margin-top: 27px; } .l-info__text { order: 1; } .l-info__slide__items { margin-top: 35px; } .l-info__slide__item { width: 100%; } .l-info__slide__item a, .l-info__slide__item img { width: 100%; height: auto; } .l-info__slide__cover { display: block; } .l-info .owl-carousel { display: block; } .l-info .owl-carousel .owl-item img { width: 100%; } .l-info .owl-carousel .owl-dots { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 30px auto 0; } .l-info .owl-carousel .owl-dots .owl-dot { width: 6px; height: 6px; border-radius: 50%; background-color: #D9DADB; border: 1px solid transparent; transition: all 0.25s ease-in-out; display: inline-block; } .l-info .owl-carousel .owl-dots .owl-dot.active { width: 12px; height: 12px; background-color: transparent; border-color: #D9DADB; } .l-info__boxes__wrap { margin-top: 50px; } .l-info__box { width: 100%; padding: 20px 30px 30px 30px; } .l-info__box p { font-size: 22px; line-height: 28px; } .l-info__box > a { margin: 47px 0 0 auto !important; } } .l-contact__wrap { display: grid; grid-template-columns: 417px 1fr; } .l-contact__info { position: relative; } .l-contact__info:before { content: ''; position: absolute; top: 0; left: -150%; width: 250%; height: 100%; background: rgba(246, 246, 246, 0.4); } .l-contact__info__content { position: relative; font-size: 15px; font-weight: 300; line-height: 24px; border-radius: 20px; color: #000; background: #fff; padding: 20px; margin: calc(112px + 140px) 60px 112px 0; z-index: 1; } .l-contact__info__content strong { display: block; font-weight: 700; } .l-contact__info__content p { margin-top: 8px; } .l-contact__info__phone { margin-top: 30px; } .l-contact__info__phone a { font-size: 15px; font-weight: 300; line-height: 24px; color: #000; transition: all 0.25s ease-in-out; margin-left: 10px; } .l-contact__info__whats { margin-top: 10px; } .l-contact__info__whats a { font-size: 15px; font-weight: 300; line-height: 24px; color: #000; transition: all 0.25s ease-in-out; margin-left: 10px; } .l-contact__form { padding: calc(115px + 140px) 0 140px 95px; } .l-contact__form__title { font-size: 46px; font-weight: 300; line-height: 52px; color: #000; margin-bottom: 13px; } .l-contact__form__subtitle { font-size: 15px; font-weight: 300; line-height: 24px; color: #000; max-width: 600px; } .l-contact__form form { margin-top: 75px; } @media (min-width: 1024px) { .l-contact__info__phone a:hover, .l-contact__info__whats a:hover { text-decoration: underline; } } @media (max-width: 1023.98px) { .l-contact__wrap { grid-template-columns: 1fr; } .l-contact__info { order: 2; } .l-contact__info__content { margin: 60px 0; } .l-contact__form { order: 1; padding: calc(60px + 80px) 0 60px; } .l-contact__form__title { font-size: 28px; line-height: 36px; } .l-contact__form form { margin-top: 40px; } } .l-noticias { padding: 139px 0 0 0; } .l-noticias__title { max-width: 1440px; margin-bottom: 32px; } .l-noticias__title h1 { font-size: 28px; font-weight: 300; line-height: 36px; color: #000000; display: inline-flex; align-items: flex-end; } .l-noticias__title h1::after { content: ""; width: 30px; height: 30px; display: block; background: url("../assets/img/layout/ico-title.svg") no-repeat center; background-size: contain; margin: 0 0 2px 6px; } .l-noticias__content { width: 100%; display: flex; flex-wrap: wrap; gap: 38px 0; margin-bottom: 40px; } .l-noticias__item { width: 100%; height: auto; flex-shrink: 0; } .l-noticias__item__cover { width: 100%; height: 240px; margin-bottom: 35px; overflow: hidden; border-radius: 20px; background-color: #F6F6F6; background-image: url("../assets/img/layout/shopping-guararapes.svg"); background-repeat: no-repeat; background-size: 70% auto; background-position: center; } .l-noticias__item__cover.removebg { background-image: none; } .l-noticias__item__cover img { position: relative; -o-object-fit: cover; object-fit: cover; z-index: 0; width: 100%; height: 100%; } .l-noticias__item__title { margin-bottom: 20px; } .l-noticias__item__title h3 { font-size: 18px; font-weight: 300; line-height: 26px; } .l-noticias__item__link { text-decoration: underline; font-size: 14px; line-height: 24px; } .l-noticias__loading { width: 78px; height: 46px; border-radius: 300px; background-color: #D9DADB; display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 auto; } .l-noticias__loading div { width: 6px; height: 6px; background-color: #FFFFFF; border-radius: 50%; opacity: 0; } .l-noticias__loading div:nth-child(1) { animation: fade1 2s ease-in-out infinite; } .l-noticias__loading div:nth-child(2) { animation: fade2 2s ease-in-out infinite; } .l-noticias__loading div:nth-child(3) { animation: fade3 2s ease-in-out infinite; } @keyframes fade1 { 0% { opacity: 0; } 10% { opacity: 1; } 70% { opacity: 1; } 80% { opacity: 0; } 100% { opacity: 0; } } @keyframes fade2 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 90% { opacity: 0; } 100% { opacity: 0; } } @keyframes fade3 { 0% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @media (min-width: 1024px) { .l-noticias { padding: 254px 0 140px; } .l-noticias__title { margin-bottom: 65px; } .l-noticias__title h1 { font-size: 46px; font-weight: 300; line-height: 52px; } .l-noticias__title h1::after { margin: 0 0 8px 6px; } .l-noticias__wrap { max-width: 1060px; margin: 0 auto; } .l-noticias__content { gap: 75px 20px; margin-bottom: 114px; } .l-noticias__item { width: calc(33.33% - 13.33px); } .l-noticias__item__cover { margin-bottom: 20px; } .l-noticias__item a img { transition: all 0.25s ease-in-out; } .l-noticias__item a:hover h3 { text-decoration: underline; } .l-noticias__item a:hover img { transform: scale(1.2); } } @media (min-width: 1280px) { .l-noticias__item__title { margin-bottom: 20px; } } .l-noticia { padding-top: 140px; } .l-noticia__voltar { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 40px; } .l-noticia__voltar span { font-size: 14px; line-height: 24px; color: #666666; text-decoration: underline; } .l-noticia__voltar svg { margin-bottom: 5px; } .l-noticia__header { text-align: center; margin-bottom: 40px; } .l-noticia__title { font-size: 28px; font-weight: 300; line-height: 36px; margin-bottom: 24px; } .l-noticia__date { font-size: 14px; line-height: 24px; color: #666666; } .l-noticia__cover { width: 100%; padding-top: 56.2%; height: 0; position: relative; border-radius: 20px; overflow: hidden; margin-bottom: 20px; } .l-noticia__cover img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .l-noticia__wrap { padding-bottom: 50px; } .l-noticia__content { font-size: 15px; line-height: 24px; font-weight: 300; color: #000; } .l-noticia__content strong { display: block; font-weight: 700; } .l-noticia__content a { text-decoration: underline; } .l-noticia__content p + strong { margin-top: 47px; } .l-noticia__content p + p, .l-noticia__content strong + p, .l-noticia__content p + ol { margin-top: 23px; } .l-noticia__content ul li + li { margin-top: 23px; } .l-noticia__share { border-top: 1px solid rgba(217, 218, 219, 0.6); padding: 120px 0 80px; } .l-noticia__social { display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 0 auto; } .l-noticia__social p { font-size: 18px; font-weight: 300; line-height: 26px; } .l-noticia__social__links { display: flex; margin-top: 25px; } .l-noticia__social__links li:not(:first-child) { margin-left: 10px; } .l-noticia__social__link { display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 50%; border: 1px solid rgba(217, 218, 219, 0.6); transition: all 0.25s ease-in-out; } .l-noticia__social__link svg { width: 20px; height: 20px; transition: all 0.25s ease-in-out; } .l-noticia .c-btIngresso { margin-top: 40px; } @media (min-width: 1024px) { .l-noticia { padding-top: 180px; } .l-noticia__voltar { margin-bottom: 50px; } .l-noticia__voltar path, .l-noticia__voltar span { transition: all 0.25s ease-in-out; } .l-noticia__voltar:hover span { color: #000000; } .l-noticia__voltar:hover path { stroke: #000000; } .l-noticia__wrap { max-width: 750px; margin: 0 auto; padding-bottom: 95px; } .l-noticia__header { margin-bottom: 55px; } .l-noticia__title { font-size: 46px; font-weight: 300; line-height: 52px; } .l-noticia__cover { padding-top: 420px; margin-bottom: 40px; } .l-noticia__share { padding: 80px 0; } .l-noticia__social__link:hover { border-color: transparent; background: #7D1168; } .l-noticia__social__link:hover svg path { fill: #fff; } } .l-servicos { padding: 139px 0 53px; } .l-servicos__header { text-align: center; margin-bottom: 40px; } .l-servicos__title { font-size: 28px; font-weight: 300; line-height: 36px; margin-bottom: 23px; } .l-servicos__subtitle { font-size: 14px; line-height: 24px; color: #666666; } .l-servicos__tab__nav { -webkit-overflow-scrolling: touch; overflow-x: auto; margin-left: -15px; margin-right: -15px; padding: 0 15px; } .l-servicos__tab__nav::-webkit-scrollbar { display: none; } .l-servicos__tab__nav div { display: flex; width: 100%; } .l-servicos__tab__nav div:hover a { opacity: 0.4; } .l-servicos__tab__nav div:hover a:hover { opacity: 1; } .l-servicos__tab__toggle { flex-shrink: 0; font-size: 15px; font-weight: 300; line-height: 24px; border-radius: 300px; color: #000; border: 1px solid #000; padding: 6px 12px; transition: all 0.25s ease-in-out; opacity: 0.4; background-color: #fff; } .l-servicos__tab__toggle svg { margin-left: 20px; } .l-servicos__tab__toggle:not(:first-child) { margin-left: 10px; } .l-servicos__tab__toggle.is-active { opacity: 1; } .l-servicos__tab__items { margin-top: 40px; position: relative; overflow: hidden; } .l-servicos__tab__item { visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out; width: 100%; position: absolute; top: 0; left: 0; } .l-servicos__tab__item.is-active { visibility: visible; opacity: 1; position: relative; } .l-servicos__tab__content h3 { font-size: 22px; font-weight: 300; line-height: 28px; color: #7D1168; } .l-servicos__tab__content p { font-size: 14px; font-weight: 300; line-height: 24px; color: #000; margin: 13px 0 25px 0; } .l-servicos__tab__content ul { list-style-type: disc; padding-left: 15px; } .l-servicos__tab__content ul li a { font-size: 14px; font-weight: 300; line-height: 24px; text-decoration: underline; color: #000; } .l-servicos__tab__content a { text-decoration: underline; } .l-servicos .owl-carousel-sustentabilidade { margin-bottom: 20px; } .l-servicos .owl-carousel-sustentabilidade .item { width: 100%; padding-top: 62.08%; position: relative; border-radius: 20px; overflow: hidden; } .l-servicos .owl-carousel-sustentabilidade .item img { position: absolute; -o-object-fit: cover; object-fit: cover; z-index: 0; width: 100%; height: 100%; top: 0; left: 0; } .l-servicos .owl-stage-outer { z-index: 0; } .l-servicos .owl-dots { display: inline-flex; align-items: center; position: absolute; left: 50%; bottom: 0; padding: 10px; border-radius: 300px; gap: 10px; transform: translateX(-50%); z-index: 10; } .l-servicos .owl-dots .owl-dot { width: 6px; height: 6px; border-radius: 50px; background: #FFFFFF; border: 1px solid transparent; } .l-servicos .owl-dots .owl-dot.active { width: 12px; height: 12px; border-color: #FFFFFF; background: transparent; } .l-servicos__box { border-radius: 20px; border: 1px solid #D9DADB; padding: 20px; margin-top: 43px; display: flex; flex-wrap: wrap; } .l-servicos__box__text { font-size: 22px; font-weight: 300; line-height: 28px; color: #7D1168; display: inline-block; } .l-servicos__box > a { width: 151px; margin: 50px 0 0 auto; border: 1px solid #D9DADB; } @media (min-width: 576px) { .l-servicos__box { align-items: center; padding: 30px 35px 30px 40px; } .l-servicos__box h4 { max-width: calc(100% - 171px); } .l-servicos__box > a { margin-top: 0; } } @media (min-width: 1024px) { .l-servicos { padding: 254px 0 140px; } .l-servicos .container { max-width: 1230px; } .l-servicos__header { margin-bottom: 118px; } .l-servicos__title { font-size: 46px; font-weight: 300; line-height: 52px; } .l-servicos__subtitle { display: block; max-width: 600px; margin: 0 auto; } .l-servicos__tab { margin-top: 60px; } .l-servicos__tab__nav div { justify-content: center; flex-wrap: wrap; row-gap: 8px; } .l-servicos__tab__toggle:not(:first-child) { margin-left: 8px; } .l-servicos__tab__toggle:hover { background-color: #fff; border-color: #000; color: #000; } .l-servicos__tab__items { margin-top: 60px; } .l-servicos__tab__wrap { display: flex; gap: 40px; } .l-servicos__tab__content h3 { font-size: 28px; font-weight: 300; line-height: 36px; } .l-servicos__tab__content p { margin: 23px 0 25px 0; } .l-servicos .owl-carousel-sustentabilidade { margin-bottom: 0; width: calc(63% - 35px); max-width: 650px; display: flex; flex-shrink: 0; } .l-servicos .owl-carousel-sustentabilidade .item { width: 100%; padding-top: 385px; flex-shrink: 0; } .l-servicos .owl-stage-outer { z-index: 0; } .l-servicos .owl-dots { background-color: #FFFFFF; bottom: 20px; } .l-servicos .owl-dots .owl-dot { background: #666666; } .l-servicos .owl-dots .owl-dot.active { border-color: #666666; } .l-servicos__box { margin-top: 60px; transition: all 0.25s ease-in-out; } .l-servicos__box h4 { font-size: 28px; font-weight: 300; line-height: 36px; } .l-servicos__box:hover { border-color: #7D1168; } } @media (max-width: 1023.98px) { .l-servicos__tab__toggle { font-size: 15px; line-height: 24px; } } .l-sustentabilidade { padding: 139px 0 61px; } .l-sustentabilidade__header { border-bottom: 1px solid rgba(217, 218, 219, 0.5); padding-bottom: 95px; margin-bottom: 22px; } .l-sustentabilidade__header__content { max-width: 750px; margin: 55px auto 0 auto; } .l-sustentabilidade__header__content p { font-size: 14px; font-weight: 300; line-height: 24px; color: #000; } .l-sustentabilidade__header__content p + p { margin-top: 25px; } .l-sustentabilidade__header__content > a { border: 1px solid #D9DADB; color: #525252; } .l-sustentabilidade__header__content .c-btIngresso { margin: 55px auto 0 0; } .l-sustentabilidade__title { text-align: center; font-size: 28px; font-weight: 300; line-height: 36px; margin-bottom: 7px; } .l-sustentabilidade__subtitle { display: block; text-align: center; font-size: 14px; line-height: 24px; color: #666666; } .l-sustentabilidade__video { position: relative; padding-top: 57%; border-radius: 20px; overflow: hidden; margin-top: 50px; } .l-sustentabilidade__video iframe, .l-sustentabilidade__video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .l-sustentabilidade__item__cover { width: 100%; padding-top: 62.08%; position: relative; border-radius: 20px; overflow: hidden; } .l-sustentabilidade__item__cover img { position: absolute; -o-object-fit: cover; object-fit: cover; z-index: 0; width: 100%; height: 100%; top: 0; left: 0; } .l-sustentabilidade__item__content h3 { font-size: 22px; font-weight: 300; line-height: 28px; color: #7D1168; } .l-sustentabilidade__item__content p { font-size: 14px; font-weight: 300; line-height: 24px; color: #000; margin: 13px 0 25px 0; } .l-sustentabilidade__item__content ul { list-style-type: disc; padding-left: 15px; } .l-sustentabilidade__item__content ul li a { font-size: 14px; font-weight: 300; line-height: 24px; text-decoration: underline; color: #000; } @media (min-width: 1024px) { .l-sustentabilidade { padding: 254px 0 140px; } .l-sustentabilidade .container { max-width: 1128px; } .l-sustentabilidade__title { font-size: 46px; font-weight: 300; line-height: 52px; } .l-sustentabilidade__subtitle { max-width: 600px; margin: 0 auto; } .l-sustentabilidade__items { margin-top: 95px; } .l-sustentabilidade__item__wrap { display: flex; gap: 40px; } .l-sustentabilidade__item__cover { width: 650px; height: 385px; padding-top: 385px; flex-shrink: 0; } .l-sustentabilidade__item__content h3 { font-size: 28px; font-weight: 300; line-height: 36px; } .l-sustentabilidade__item__content p { margin: 23px 0 25px 0; } .l-sustentabilidade__item__content a { transition: all 0.25s ease-in-out; } .l-sustentabilidade__item__content a:hover { color: #7D1168; } .l-sustentabilidade__item + .l-sustentabilidade__item { margin-top: 153px; } } @media (max-width: 1023.98px) { .l-sustentabilidade__header { padding-bottom: 60px; } .l-sustentabilidade__header__content { margin-top: 40px; } .l-sustentabilidade__video { margin-top: 40px; } .l-sustentabilidade__items { margin-top: 60px; } .l-sustentabilidade__item__wrap { display: flex; flex-direction: column; } .l-sustentabilidade__item + .l-sustentabilidade__item { margin-top: 80px; } .l-sustentabilidade__item__cover { order: 1; } .l-sustentabilidade__item__content { order: 2; margin-top: 40px; } } .l-petfriendly { padding: 139px 0 61px; } .l-petfriendly__header { text-align: center; margin-bottom: 22px; } .l-petfriendly__title { font-size: 28px; font-weight: 300; line-height: 36px; margin-bottom: 24px; } .l-petfriendly__subtitle { display: block; font-size: 14px; line-height: 24px; color: #666666; } .l-petfriendly__tab__nav { -webkit-overflow-scrolling: touch; overflow-x: auto; margin-left: -15px; margin-right: -15px; padding: 0 15px; } .l-petfriendly__tab__nav::-webkit-scrollbar { display: none; } .l-petfriendly__tab__nav div { display: flex; width: 100%; } .l-petfriendly__tab__toggle { flex-shrink: 0; font-size: 15px; font-weight: 300; line-height: 24px; border-radius: 300px; color: #000; border: 1px solid #D9DADB; padding: 6px 12px; transition: all 0.25s ease-in-out; } .l-petfriendly__tab__toggle svg { margin-left: 20px; } .l-petfriendly__tab__toggle:not(:first-child) { margin-left: 10px; } .l-petfriendly__tab__toggle.is-active { background-color: #fff; border-color: #000; color: #000; } .l-petfriendly__tab__items { margin-top: 40px; position: relative; overflow: hidden; } .l-petfriendly__tab__item { visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out; width: 100%; position: absolute; top: 0; left: 0; } .l-petfriendly__tab__item.is-active { visibility: visible; opacity: 1; position: relative; } .l-petfriendly__tab__content h3 { font-size: 22px; font-weight: 300; line-height: 28px; color: #7D1168; } .l-petfriendly__tab__content p { font-size: 14px; font-weight: 300; line-height: 24px; color: #000; margin: 13px 0 25px 0; } .l-petfriendly__tab__content a { font-size: 14px; font-weight: 300; line-height: 24px; text-decoration: underline; color: #000; } .l-petfriendly__tab__content ul { list-style-type: disc; padding-left: 15px; } .l-petfriendly__tab__content ul li a { font-size: 14px; font-weight: 300; line-height: 24px; text-decoration: underline; color: #000; } .l-petfriendly .owl-carousel-sustentabilidade { margin-bottom: 20px; } .l-petfriendly .owl-carousel-sustentabilidade .item { width: 100%; padding-top: 62.08%; position: relative; border-radius: 20px; overflow: hidden; } .l-petfriendly .owl-carousel-sustentabilidade .item img { position: absolute; -o-object-fit: cover; object-fit: cover; z-index: 0; width: 100%; height: 100%; top: 0; left: 0; } .l-petfriendly .owl-stage-outer { z-index: 0; } .l-petfriendly .owl-dots { display: inline-flex; align-items: center; position: absolute; left: 50%; bottom: 0; padding: 10px; border-radius: 300px; gap: 10px; transform: translateX(-50%); z-index: 10; } .l-petfriendly .owl-dots .owl-dot { width: 6px; height: 6px; border-radius: 50px; background: #FFFFFF; border: 1px solid transparent; } .l-petfriendly .owl-dots .owl-dot.active { width: 12px; height: 12px; border-color: #FFFFFF; background: transparent; } @media (min-width: 1024px) { .l-petfriendly { padding: 254px 0 140px; } .l-petfriendly .container { max-width: 1128px; } .l-petfriendly__title { font-size: 46px; font-weight: 300; line-height: 52px; } .l-petfriendly__subtitle { max-width: 600px; margin: 0 auto; } .l-petfriendly__tab { margin-top: 60px; } .l-petfriendly__tab__nav div { justify-content: center; flex-wrap: wrap; row-gap: 8px; } .l-petfriendly__tab__toggle:not(:first-child) { margin-left: 8px; } .l-petfriendly__tab__toggle:hover { background-color: #fff; border-color: #000; color: #000; } .l-petfriendly__tab__items { margin-top: 60px; } .l-petfriendly__tab__wrap { display: flex; gap: 40px; } .l-petfriendly__tab__content h3 { font-size: 28px; font-weight: 300; line-height: 36px; } .l-petfriendly__tab__content p { margin: 23px 0 25px 0; } .l-petfriendly .owl-carousel-sustentabilidade { margin-bottom: 0; width: calc(63% - 35px); max-width: 650px; display: flex; flex-shrink: 0; } .l-petfriendly .owl-carousel-sustentabilidade .item { width: 100%; padding-top: 385px; flex-shrink: 0; } .l-petfriendly .owl-stage-outer { z-index: 0; } .l-petfriendly .owl-dots { background-color: #FFFFFF; bottom: 20px; } .l-petfriendly .owl-dots .owl-dot { background: #666666; } .l-petfriendly .owl-dots .owl-dot.active { border-color: #666666; } } @media (max-width: 1023.98px) { .l-petfriendly__tab__toggle { font-size: 15px; line-height: 24px; } } .pagelojas { padding: 139px 0 40px; } .pagelojas .container { width: 100%; padding: 0 20px; max-width: 1440px; } .pagelojas__title { width: 226px; margin-bottom: 40px; } .pagelojas__title h1 { font-size: 28px; font-weight: 300; line-height: 36px; color: #000000; display: inline-flex; align-items: flex-end; margin-bottom: 25px; } .pagelojas__title h1::after { content: ""; width: 30px; height: 30px; display: block; background: url("../assets/img/layout/ico-title.svg") no-repeat center; background-size: contain; margin: 0 0 2px 6px; } .pagelojas__search { display: flex; flex-direction: column; gap: 10px; color: #000000; } .pagelojas__search_group, .pagelojas__search_select { width: 100%; height: 47px; border-radius: 300px; background-color: #F6F6F6; position: relative; font-size: 15px; line-height: 24px; } .pagelojas__search_field, .pagelojas__search_btn { position: absolute; } .pagelojas__search_field { width: 100%; height: 100%; line-height: 100%; background: none; padding: 0 55px 0 20px; } .pagelojas__search ::-moz-placeholder { color: #000000; } .pagelojas__search ::placeholder { color: #000000; } .pagelojas__search_btn { width: 15px; height: 15px; background: transparent url("../assets/img/layout/ico-search-black.svg") no-repeat center; background-size: contain; text-indent: -999em; overflow: hidden; right: 20px; top: 50%; transform: translateY(-50%); } .pagelojas__search .select-selected::after { background: transparent url("../assets/img/layout/ico-submenu.svg") no-repeat center; } .pagelojas__search .select-items { background-color: #F6F6F6; overflow-y: auto; max-height: 200px; /* width */ /* Track */ /* Handle */ /* Handle on hover */ } .pagelojas__search .select-items::-webkit-scrollbar { width: 10px; } .pagelojas__search .select-items::-webkit-scrollbar-track { border-radius: 5px; } .pagelojas__search .select-items::-webkit-scrollbar-thumb { background: #D9DADB; border-radius: 5px; } .pagelojas__search .select-items::-webkit-scrollbar-thumb:hover { background: #666666; } .pagelojas__search .autocompleter { position: absolute; background-color: #F6F6F6; top: calc(100% + 10px); left: 0; right: 0; z-index: 99; border-radius: 20px; overflow: hidden; overflow-y: auto; max-height: 200px; /* width */ /* Track */ /* Handle */ /* Handle on hover */ } .pagelojas__search .autocompleter::-webkit-scrollbar { width: 10px; } .pagelojas__search .autocompleter::-webkit-scrollbar-track { border-radius: 5px; } .pagelojas__search .autocompleter::-webkit-scrollbar-thumb { background: #D9DADB; border-radius: 5px; } .pagelojas__search .autocompleter::-webkit-scrollbar-thumb:hover { background: #666666; } .pagelojas__search .autocompleter li { padding: 10px 20px; text-transform: capitalize; cursor: pointer; } .pagelojas__search .autocompleter li:hover { background-color: rgba(0, 0, 0, 0.1); } .pagelojas__lojas { width: 100%; } .pagelojas__content { width: 100%; display: flex; flex-wrap: wrap; gap: 34px 15px; margin-bottom: 40px; } .pagelojas__content .notFound { width: 100%; font-size: 22px; font-weight: 300; line-height: 28px; text-align: center; } .pagelojas .c-loja { flex-shrink: 0; cursor: pointer; width: calc(50% - 7.5px); } @media (min-width: 1024px) { .pagelojas { overflow: initial; padding: 209px 0 140px; } .pagelojas .container { gap: 20px; } .pagelojas__title { margin-bottom: 0; position: sticky; top: 90px; } .pagelojas__title h1 { font-size: 46px; font-weight: 300; line-height: 52px; margin-bottom: 33px; } .pagelojas__title h1::after { margin: 0 0 12px 6px; } .pagelojas__search_group, .pagelojas__search_select { height: 56px; } .pagelojas__lojas { width: calc(100% - 246px); margin: -120px 0 0 auto; max-width: 985px; } .pagelojas__content { gap: 80px 20px; margin-bottom: 100px; } .pagelojas__content .notFound { font-size: 28px; font-weight: 300; line-height: 36px; } .pagelojas .c-loja { width: calc(33.33% - 13.33px); } .pagelojas .c-loja img { transition: all 0.25s ease-in-out; } .pagelojas .c-loja:hover img { transform: scale(1.2); } } @media (min-width: 1280px) { .pagelojas .container { padding: 0 60px; } } @media (max-width: 767.98px) { .pagelojas .c-loja { width: 100%; } } .loading { width: 78px; height: 46px; border-radius: 300px; background-color: #D9DADB; display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 auto; } .loading div { width: 6px; height: 6px; background-color: #FFFFFF; border-radius: 50%; opacity: 0; } .loading div:nth-child(1) { animation: fade1 2s ease-in-out infinite; } .loading div:nth-child(2) { animation: fade2 2s ease-in-out infinite; } .loading div:nth-child(3) { animation: fade3 2s ease-in-out infinite; } @keyframes fade1 { 0% { opacity: 0; } 10% { opacity: 1; } 70% { opacity: 1; } 80% { opacity: 0; } 100% { opacity: 0; } } @keyframes fade2 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 90% { opacity: 0; } 100% { opacity: 0; } } @keyframes fade3 { 0% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } .pageloja { padding: 120px 0 60px; background-color: rgba(246, 246, 246, 0.6); } .pageloja .container { padding: 0 20px; max-width: 1440px; } .pageloja__voltar { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 50px; } .pageloja__voltar span { font-size: 14px; line-height: 24px; color: #666666; text-decoration: underline; } .pageloja__header { text-align: center; margin-bottom: 34px; } .pageloja__header .title { font-size: 28px; font-weight: 300; line-height: 36px; margin-bottom: 10px; text-transform: capitalize; } .pageloja__header .cats { display: inline-flex; align-items: center; gap: 5px; margin: 0 auto; } .pageloja__header .cats span, .pageloja__header .cats a { font-size: 14px; line-height: 24px; color: #666666; } .pageloja__thumb { width: 100%; height: 0; padding-top: 74.62%; border-radius: 6px; overflow: hidden; position: relative; margin-bottom: 40px; } .pageloja__thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .pageloja__sobre { width: 100%; display: flex; flex-direction: column; gap: 20px; } .pageloja__sobre .bloco { font-size: 15px; line-height: 24px; } .pageloja__sobre .bloco-redes { display: flex; gap: 10px; } .pageloja__sobre .subtitle { font-weight: 700; } .pageloja__buttons { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; } .pageloja__buttons a { width: 248px; display: inline-flex; align-items: center; padding: 0 20px 0 10px; height: 56px; gap: 10px; border-radius: 300px; transition: all 0.25s ease-in-out; } .pageloja__buttons a:hover { filter: brightness(90%); } .pageloja__buttons span { font-size: 15px; line-height: 24px; } .pageloja__buttons .telefone { background-color: #FFFFFF; } .pageloja__buttons .whatsapp { background-color: #27D045; color: #FFFFFF; } @media (min-width: 1024px) { .pageloja { padding: 180px 0 140px; } .pageloja__voltar path, .pageloja__voltar span { transition: all 0.25s ease-in-out; } .pageloja__voltar:hover span { color: #000000; } .pageloja__voltar:hover path { stroke: #000000; } .pageloja__content { display: flex; align-items: center; justify-content: flex-end; gap: 40px; margin: 0 0 0 auto; } .pageloja__thumb { width: calc(100% - 503px); max-width: 600px; padding-top: 0; height: 448px; margin-bottom: 0; } .pageloja__header { width: 100%; text-align: left; margin-bottom: 0; } .pageloja__header .title { font-size: 46px; font-weight: 300; line-height: 52px; margin-bottom: 13px; } .pageloja__header .cats { margin: 0; } .pageloja__header .cats a { transition: all 0.25s ease-in-out; } .pageloja__header .cats a:hover { text-decoration: underline; color: #000000; } .pageloja__sobre { width: 463px; display: flex; flex-direction: row; flex-wrap: wrap; gap: 34px 20px; } .pageloja__sobre .bloco { width: calc(100% - 223px); width: calc(50% - 10px); } .pageloja__sobre .bloco-localizacao { order: 1; } .pageloja__sobre .bloco-redes { order: 2; } .pageloja__sobre .bloco-redes svg * { transition: all 0.25s ease-in-out; } .pageloja__sobre .bloco-redes a:hover { text-decoration: none; } .pageloja__sobre .bloco-redes a:hover circle { fill: #7D1168; stroke: #7D1168; } .pageloja__sobre .bloco-redes a:hover path { fill: #FFFFFF; } .pageloja__sobre .bloco-site { order: 3; } .pageloja__sobre .bloco-horario { order: 4; } .pageloja__sobre .bloco a:hover { text-decoration: underline; } .pageloja__buttons { order: 5; flex-direction: row; flex-shrink: 0; } .pageloja__buttons a { width: auto; transition: all 0.25s ease-in-out; } .pageloja__buttons a:hover { filter: brightness(90%); } } @media (min-width: 1280px) { .pageloja .container { padding: 0 60px; } .pageloja__content { margin: 0 75px 0 auto; gap: 70px; } .pageloja__thumb { width: calc(100% - 533px); } .pageloja__sobre .bloco { width: calc(100% - 223px); } .pageloja__sobre .bloco-localizacao, .pageloja__sobre .bloco-site { width: 203px; } } .pageCinema { padding: 139px 0 61px; background-color: rgba(246, 246, 246, 0.6); } .pageCinema__title { padding: 0 20px; max-width: 1440px; margin-bottom: 32px; } .pageCinema__title h1 { font-size: 28px; font-weight: 300; line-height: 36px; color: #000000; display: inline-flex; align-items: flex-end; } .pageCinema__title h1::after { content: ""; width: 30px; height: 30px; display: block; background: url("../assets/img/layout/ico-title.svg") no-repeat center; background-size: contain; margin: 0 0 2px 6px; } .pageCinema .owl-carousel-filmes { width: 100%; display: flex; padding: 0 20px; } .pageCinema .owl-stage { display: flex; } .pageCinema .owl-stage-outer { overflow: visible; } .pageCinema .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); } .pageCinema .owl-nav button svg * { transition: all 0.25s ease-in-out; } .pageCinema .owl-nav button.disabled { opacity: 0.2; } .pageCinema .owl-prev { left: 0; } .pageCinema .owl-next { right: 0; } @media (min-width: 1024px) { .pageCinema { padding: 254px 0 140px; } .pageCinema__title { margin-bottom: 68px; } .pageCinema__title h1 { font-size: 46px; font-weight: 300; line-height: 52px; } .pageCinema__title h1::after { margin: 0 0 12px 6px; } .pageCinema .owl-carousel-filmes { width: 100%; max-width: 1060px; display: flex; flex-wrap: wrap; padding: 0 20px; gap: 20px; margin: 0 auto; } .pageCinema .c-filme { width: calc(33.33% - 13.33px); } } @media (min-width: 1280px) { .pageCinema .owl-carousel-filmes { padding: 0; } .pageCinema__title { padding: 0 60px; } .pageCinema .c-filme { width: 340px; } } .cineInterna { padding: 120px 0 60px; } .cineInterna .container { padding: 0 20px; max-width: 1440px; } .cineInterna__voltar { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 50px; } .cineInterna__voltar span { font-size: 14px; line-height: 24px; color: #666666; text-decoration: underline; } .cineInterna__header { width: 100%; text-align: center; margin-bottom: 34px; } .cineInterna__header .title { font-size: 28px; font-weight: 300; line-height: 36px; margin-bottom: 14px; } .cineInterna__header span { font-size: 14px; line-height: 24px; color: #666666; } .cineInterna__trailer { width: 100%; padding-top: 56.2%; height: 0; position: relative; border-radius: 20px; overflow: hidden; margin-bottom: 20px; } .cineInterna__trailer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .cineInterna__tipos { display: flex; gap: 40px; margin-bottom: 40px; } .cineInterna__tipos h3 { font-size: 15px; line-height: 24px; margin-bottom: 13px; } .cineInterna__tipos ul { display: flex; flex-direction: column; gap: 10px; } .cineInterna__tipos li { display: flex; align-items: center; gap: 20px; } .cineInterna__tipos li span { font-size: 15px; } .cineInterna__tipo { width: 35px; display: flex; align-items: center; justify-content: center; padding: 6px; height: 26px; font-size: 10px !important; line-height: 14px; letter-spacing: 1px; border-radius: 4px; color: #7D1168; background-color: #DFC4DD; text-transform: uppercase; } .cineInterna__tipo.nac { color: #FFFFFF; background-color: #6FB657; } .cineInterna__tipo.tresD { background-color: #F49100; } .cineInterna__tipo.tresD::before { content: ""; width: 23px; height: 10px; display: block; background: url("../assets/img/layout/ico-3d.svg") no-repeat center; } .cineInterna__horarios { font-size: 14px; line-height: 24px; } .cineInterna__tabheader { background-color: #000000; padding: 10px; border-radius: 20px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; display: flex; align-items: center; color: #FFFFFF; } .cineInterna__tabheader_content { display: inline-flex; align-items: center; padding: 0 20px; gap: 8px; position: relative; } .cineInterna__tabheader_content::after { content: ""; width: 10px; height: 10px; background: url("../assets/img/layout/ico-select.svg") no-repeat center; } .cineInterna__tabheader_select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .cineInterna__tabheader_select option { color: #000000; } .cineInterna__tabheader .dia { color: #F49100; margin-left: 5px; } .cineInterna__tabheader a { display: none; } .cineInterna__tabheader a.active { display: block; } .cineInterna__tab { display: none; border: 1px solid #D9DADB; border-top: none; border-radius: 20px; border-top-left-radius: 0; border-top-right-radius: 0; margin-bottom: 40px; } .cineInterna__tab.active { display: block; } .cineInterna__linha { padding: 20px; display: grid; grid-template-columns: 50px auto 170px auto 75px; } .cineInterna__linha:not(:last-child) { border-bottom: 1px solid #D9DADB; } .cineInterna__linha .sala { width: 50px; } .cineInterna__linha_horario { min-width: 115px; } .cineInterna__linha .idiomaSessao { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; } .cineInterna__descricao, .cineInterna__sobre { font-size: 15px; line-height: 24px; } .cineInterna__descricao { margin-bottom: 30px; } .cineInterna__sobre ul { display: flex; flex-direction: column; gap: 20px; margin-bottom: 40px; } .cineInterna__sobre li { display: flex; gap: 20px; } .cineInterna__sobre .tit { width: 60px; color: #666666; } @media (min-width: 1024px) { .cineInterna { padding: 180px 0 140px; } .cineInterna__voltar path, .cineInterna__voltar span { transition: all 0.25s ease-in-out; } .cineInterna__voltar:hover span { color: #000000; } .cineInterna__voltar:hover path { stroke: #000000; } .cineInterna__container { max-width: 1096px; display: flex; flex-wrap: wrap; margin: 0 auto; justify-content: space-between; } .cineInterna__header { margin-bottom: 54px; } .cineInterna__header .title { font-size: 46px; font-weight: 300; line-height: 52px; } .cineInterna__header span { display: block; max-width: 600px; margin: 0 auto; } .cineInterna__trailer { padding-top: 616px; margin: 0 auto 80px; } .cineInterna__col { width: calc(50% - 30px); } .cineInterna__col.col1 { width: 538px; } .cineInterna__col.col2 { width: calc(100% - 558px); max-width: 426px; } .cineInterna__tipos { gap: 90px; margin-bottom: 60px; } .cineInterna__horarios { font-size: 14px; line-height: 24px; } .cineInterna__tabheader { padding: 10px 35px; height: 67px; } .cineInterna__tabheader_content { width: 100%; display: flex; padding: 0; gap: 0; justify-content: space-between; } .cineInterna__tabheader_content::after { display: none; } .cineInterna__tabheader .diaAbv { color: #F49100; font-size: 10px; line-height: 14px; letter-spacing: 1px; } .cineInterna__tabheader a { display: inline-block; display: flex; flex-direction: column; text-align: center; position: relative; } .cineInterna__tabheader a::before { content: ""; width: 77px; height: 47px; background-color: #7D1168; border-radius: 300px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0; opacity: 0; transition: all 0.25s ease-in-out; } .cineInterna__tabheader a span { position: relative; z-index: 10; } .cineInterna__tabheader a:hover::before, .cineInterna__tabheader a.active::before { opacity: 1; } .cineInterna__tab { margin-bottom: 0; } .cineInterna__linha { padding: 20px 30px 20px 65px; height: 66px; } .cineInterna__descricao { margin-bottom: 54px; } .cineInterna__sobre ul { margin-bottom: 54px; } .cineInterna__sobre li { gap: 50px; } .cineInterna__sobre .text { width: calc(100% - 110px); } } @media (min-width: 1280px) { .cineInterna .container { padding: 0 60px; } } .localizacao { padding: 139px 0 54px; background-color: #FFFFFF; } .localizacao .container { max-width: 1440px; padding: 0 20px; position: relative; } .localizacao__mapa { margin-bottom: 20px; } .localizacao__mapa .mapa { position: relative; width: 100%; border-radius: 20px; overflow: hidden; margin-bottom: 20px; z-index: 0; } .localizacao__mapa .mapa iframe, .localizacao__mapa .mapa img, .localizacao__mapa .mapa .capa { position: relative; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .localizacao__mapa .mapa iframe { z-index: 0; } .localizacao__mapa .mapa img, .localizacao__mapa .mapa .capa { z-index: 10; } .localizacao__mapa .mapa .capa { cursor: pointer; } .localizacao__mapa .endereco { z-index: 10; transition: all 0.25s ease-in-out; } .localizacao__mapa .endereco * { font-size: 15px; line-height: 24px; transition: all 0.25s ease-in-out; } .localizacao__mapa .endereco b { font-weight: 700; } .localizacao__mapa .endereco address { margin-bottom: 24px; font-style: normal; } .localizacao__mapa .endereco .links { display: flex; flex-direction: column; gap: 10px; } .localizacao__mapa .endereco .links a { display: flex; align-items: center; gap: 10px; font-size: 14px; text-decoration: underline; } .localizacao__mapa.open .mapa iframe { z-index: 10; } .localizacao__mapa.open .mapa img, .localizacao__mapa.open .mapa .capa { z-index: 0; } .localizacao__mapa.open .endereco { border-radius: 50%; width: 40px; height: 40px; background: #FFFFFF url("../assets/img/layout/ico-google-maps.svg") no-repeat center; padding: 0; overflow: hidden; min-height: auto; cursor: pointer; top: 40px; right: 40px; left: auto; transform: none; } .localizacao__mapa.open .endereco * { opacity: 0; } @media (min-width: 1280px) { .localizacao__mapa.open .endereco { right: 70px; } } .localizacao__rotas { padding: 20px 0 40px; background-color: #F6F6F6; } .localizacao__rotas header { margin-bottom: 30px; } .localizacao__rotas .title { font-size: 28px; font-weight: 300; line-height: 36px; color: #000000; display: inline-flex; align-items: flex-end; } .localizacao__rotas .title::after { content: ""; width: 30px; height: 30px; display: block; background: url("../assets/img/layout/ico-title.svg") no-repeat center; background-size: contain; margin: 0 0 2px 6px; } .localizacao__rotas ul { display: flex; flex-direction: column; gap: 30px; margin: 0 0 0 auto; } .localizacao__rotas li { display: flex; justify-content: space-between; align-items: center; } .localizacao__rotas li:not(:last-child) { padding-bottom: 30px; border-bottom: 1px solid #D9DADB; } .localizacao__rotas .local { font-size: 22px; font-weight: 300; line-height: 28px; color: #7D1168; margin-top: 4px; } .localizacao__rotas .c-btIngresso { border: 1px solid #D9DADB; width: 47px; height: 47px; text-indent: -999em; background: #FFFFFF url("../assets/img/layout/ico-pin.svg") no-repeat center; } .localizacao__onibus { padding: 50px 0 0; margin-bottom: 80px; } .localizacao__onibus header { margin-bottom: 26px; } .localizacao__onibus .title { font-size: 28px; font-weight: 300; line-height: 36px; color: #000000; } .localizacao__onibus .title span { display: inline-flex; align-items: flex-end; } .localizacao__onibus .title span::after { content: ""; width: 30px; height: 30px; display: block; background: url("../assets/img/layout/ico-title.svg") no-repeat center; background-size: contain; margin: 0 0 2px 6px; } .localizacao__onibus .paradas { display: flex; flex-direction: column; gap: 20px; } .localizacao__onibus .parada { padding: 20px 10px; background-color: rgba(246, 246, 246, 0.6); border-radius: 20px; } .localizacao__onibus .parada__nome { margin-bottom: 30px; } .localizacao__onibus .parada__nome span { font-size: 18px; font-weight: 300; line-height: 26px; color: #525252; } .localizacao__onibus .parada__nome h3 { font-size: 22px; font-weight: 300; line-height: 28px; color: #7D1168; } .localizacao__onibus .parada__linhas { padding: 20px; background-color: #FFFFFF; border-radius: 20px; } .localizacao__onibus .parada__linhas p { font-size: 15px; line-height: 24px; font-weight: 700; color: #F49100; margin-bottom: 34px; } .localizacao__onibus .parada__linhas ul { display: flex; flex-direction: column; gap: 20px; } .localizacao__onibus .parada__linhas li { display: flex; align-items: center; gap: 10px; } .localizacao__onibus .parada__linhas li:not(:last-child) { padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .localizacao__onibus .parada__linhas .num { display: flex; padding: 7px 12px 6px; justify-content: center; align-items: center; border-radius: 300px; background-color: #7D1168; } .localizacao__onibus .parada__linhas .num span { font-size: 10px; font-weight: 400; line-height: 10px; letter-spacing: 1px; text-transform: uppercase; color: #FFFFFF; } .localizacao__onibus .parada__linhas .nome { font-size: 15px; line-height: 24px; } .localizacao__avisos .aviso { width: 100%; border-radius: 20px; border: 1px solid #D9DADB; padding: 20px 30px; display: flex; flex-direction: column; justify-content: space-between; } .localizacao__avisos .aviso:not(:last-child) { margin-bottom: 20px; } .localizacao__avisos .aviso p { font-size: 22px; font-weight: 300; line-height: 28px; color: #7D1168; margin-bottom: 47px; } .localizacao__avisos .aviso .c-btIngresso { display: inline-flex; margin: 0 0 0 auto; border: 1px solid #D9DADB; } .localizacao__avisos .aviso .c-btIngresso span { margin-top: 3px; } .localizacao__avisos .aviso .c-btIngresso svg { margin-top: 3px; } @media (min-width: 768px) { .localizacao__avisos .container { display: flex; flex-wrap: wrap; gap: 20px; } .localizacao__avisos .aviso { width: calc(50% - 10px); display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 0 !important; } } @media (min-width: 1024px) { .localizacao { padding: 184px 0 160px; } .localizacao__mapa { margin-bottom: 100px; } .localizacao__mapa .mapa { height: 480px; margin-bottom: 0; } .localizacao__mapa .mapa iframe, .localizacao__mapa .mapa img, .localizacao__mapa .mapa .capa { position: absolute; top: 0; left: 0; } .localizacao__mapa .endereco { width: 500px; min-height: 220px; border-radius: 20px; padding: 30px 40px; border: 1px solid #D9DADB; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; background-color: #FFFFFF; } .localizacao__mapa .endereco .links { flex-direction: row; gap: 35px; } .localizacao__mapa .endereco .links a { gap: 10px; transition: all 0.25s ease-in-out; } .localizacao__mapa .endereco .links a:hover { color: #7D1168; } .localizacao__rotas { padding: 118px 0 108px; } .localizacao__rotas .title { font-size: 46px; font-weight: 300; line-height: 52px; } .localizacao__rotas .title::after { margin: 0 0 10px 6px; } .localizacao__rotas ul { gap: 40px; max-width: 650px; margin: 0 0 0 auto; } .localizacao__rotas li:not(:last-child) { padding-bottom: 40px; } .localizacao__rotas .local { font-size: 28px; font-weight: 300; line-height: 36px; margin-top: 0; } .localizacao__rotas .c-btIngresso { width: auto; height: 56px; text-indent: inherit; background: #FFFFFF; } .localizacao__onibus { padding: 140px 0 0; margin-bottom: 140px; } .localizacao__onibus .container { display: flex; justify-content: space-between; gap: 40px; } .localizacao__onibus header { width: 240px; margin: 39px 0 0 0; } .localizacao__onibus .title { font-size: 46px; font-weight: 300; line-height: 52px; } .localizacao__onibus .title span::after { margin: 0 0 10px 6px; } .localizacao__onibus .paradas { max-width: 873px; width: calc(100% - 280px); } .localizacao__onibus .parada { padding: 40px; display: flex; gap: 40px; justify-content: space-between; } .localizacao__onibus .parada__nome { width: calc(100% - 395px); margin-bottom: 0; padding: 0; } .localizacao__onibus .parada__nome span { font-size: 18px; font-weight: 300; line-height: 26px; } .localizacao__onibus .parada__nome h3 { font-size: 28px; font-weight: 300; line-height: 36px; } .localizacao__onibus .parada__linhas { width: 355px; } .localizacao__onibus .parada__linhas .nome { font-size: 18px; font-weight: 300; line-height: 26px; } .localizacao__avisos .aviso { height: 320px; padding: 30px 40px 40px; transition: all 0.25s ease-in-out; } .localizacao__avisos .aviso p { width: 80%; font-size: 28px; font-weight: 300; line-height: 36px; margin-bottom: 0; } .localizacao__avisos .aviso:hover { border-color: #7D1168; } } @media (min-width: 1280px) { .localizacao .container { padding: 0 60px; } } .horariosPage { padding: 139px 0 54px; background-color: #FFFFFF; } .horariosPage .container { max-width: 1440px; padding: 0 20px; position: relative; } .horariosPage__title { text-align: center; margin-bottom: 40px; } .horariosPage__title h1 { font-size: 28px; font-weight: 300; line-height: 36px; } .horariosPage__content { font-size: 15px; line-height: 24px; max-width: 1106px; margin: 0 auto; } .horariosPage__content b { font-weight: 700; } .horariosPage__content h2 { font-size: 22px; font-weight: 300; line-height: 28px; } .horariosPage__dias { margin-bottom: 60px; display: flex; gap: 40px; flex-direction: column; } .horariosPage__dias h2 { color: #666666; margin-bottom: 10px; } .horariosPage__especiais { display: flex; flex-wrap: wrap; gap: 20px; } .horariosPage__especiais h2 { margin-bottom: -6px; width: 100%; color: #666666; } .horariosPage__especiais .loja { width: 100%; } .horariosPage__especiais h3 { font-size: 18px; font-weight: 300; line-height: 26px; color: #7D1168; text-transform: capitalize; } @media (min-width: 768px) { .horariosPage__especiais .loja { width: calc(50% - 10px); } } @media (min-width: 1024px) { .horariosPage { padding: 254px 0 133px; } .horariosPage__title { margin-bottom: 73px; } .horariosPage__title h1 { font-size: 46px; font-weight: 300; line-height: 52px; } .horariosPage__content { display: flex; gap: 25px; padding-left: 116px; } .horariosPage__content h2 { font-size: 28px; font-weight: 300; line-height: 36px; } .horariosPage__dias { width: 315px; margin-bottom: 0; gap: 40px; } .horariosPage__especiais { width: calc(100% - 340px); } } @media (min-width: 1280px) { .horariosPage .container { padding: 0 60px; } } .l-agenda { padding: 139px 0 0 0; } .l-agenda__title { max-width: 1440px; margin-bottom: 32px; } .l-agenda__title h1 { font-size: 28px; font-weight: 300; line-height: 36px; color: #000000; display: inline-flex; align-items: flex-end; } .l-agenda__title h1::after { content: ""; width: 30px; height: 30px; display: block; background: url("../assets/img/layout/ico-title.svg") no-repeat center; background-size: contain; margin: 0 0 2px 6px; } .l-agenda__content { width: 100%; display: flex; flex-wrap: wrap; gap: 38px 0; margin-bottom: 40px; } .l-agenda__item { width: 100%; height: auto; flex-shrink: 0; } .l-agenda__item__cover { width: 100%; height: 240px; margin-bottom: 35px; overflow: hidden; border-radius: 20px; background-color: #F6F6F6; background-image: url("../assets/img/layout/shopping-guararapes.svg"); background-repeat: no-repeat; background-size: 70% auto; background-position: center; } .l-agenda__item__cover.removebg { background-image: none; } .l-agenda__item__cover img { position: relative; -o-object-fit: cover; object-fit: cover; z-index: 0; width: 100%; height: 100%; } .l-agenda__item__title { margin-bottom: 20px; } .l-agenda__item__title h3 { font-size: 18px; font-weight: 300; line-height: 26px; } .l-agenda__item__link { text-decoration: underline; font-size: 14px; line-height: 24px; } .l-agenda__loading { width: 78px; height: 46px; border-radius: 300px; background-color: #D9DADB; display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 auto; } .l-agenda__loading div { width: 6px; height: 6px; background-color: #FFFFFF; border-radius: 50%; opacity: 0; } .l-agenda__loading div:nth-child(1) { animation: fade1 2s ease-in-out infinite; } .l-agenda__loading div:nth-child(2) { animation: fade2 2s ease-in-out infinite; } .l-agenda__loading div:nth-child(3) { animation: fade3 2s ease-in-out infinite; } .l-agenda .c-agenda__date { display: table; margin-bottom: 10px; } @keyframes fade1 { 0% { opacity: 0; } 10% { opacity: 1; } 70% { opacity: 1; } 80% { opacity: 0; } 100% { opacity: 0; } } @keyframes fade2 { 0% { opacity: 0; } 10% { opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 90% { opacity: 0; } 100% { opacity: 0; } } @keyframes fade3 { 0% { opacity: 0; } 20% { opacity: 0; } 30% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @media (min-width: 1024px) { .l-agenda { padding: 254px 0 140px; } .l-agenda__title { margin-bottom: 65px; } .l-agenda__title h1 { font-size: 46px; font-weight: 300; line-height: 52px; } .l-agenda__title h1::after { margin: 0 0 12px 6px; } .l-agenda__wrap { max-width: 1060px; margin: 0 auto; } .l-agenda__content { gap: 75px 20px; margin-bottom: 114px; } .l-agenda__item { width: calc(33.33% - 13.33px); } .l-agenda__item__cover { margin-bottom: 20px; } .l-agenda__item a img { transition: all 0.25s ease-in-out; } .l-agenda__item a:hover h3 { text-decoration: underline; } .l-agenda__item a:hover img { transform: scale(1.2); } } @media (min-width: 1280px) { .l-agenda__item__title { margin-bottom: 20px; } } .publicacoes { padding: calc(60px + 80px) 0 55px 0; } .publicacoes .container { max-width: 1440px; padding: 0 20px; } .publicacoes__header { margin-bottom: 75px; } .publicacoes__title { font-size: 28px; font-weight: 300; line-height: 36px; text-align: center; margin-bottom: 13px; } .publicacoes__subtitle { font-size: 14px; line-height: 24px; text-align: center; color: #666666; } .publicacoes__content { display: flex; flex-direction: column; gap: 20px; } .publicacoes__content .c-btIngresso { width: 100%; border: 1px solid #D9DADB; justify-content: space-between; min-height: 47px; height: auto; } .publicacoes__content .c-btIngresso span { max-width: calc(100% - 20px); } @media (min-width: 1024px) { .publicacoes { padding: calc(112px + 120px) 0 134px 0; } .publicacoes .container { padding: 0 60px; } .publicacoes__header { margin-bottom: 75px; } .publicacoes__title { font-size: 46px; font-weight: 300; line-height: 52px; } .publicacoes__subtitle { max-width: 600px; margin: 0 auto; } .publicacoes__content { flex-direction: row; flex-wrap: wrap; gap: 20px; } .publicacoes__content .c-btIngresso { width: calc(33% - 13.33px); min-height: 56px; } } .denuncias { padding: calc(60px + 80px) 0 55px 0; } .denuncias .container { max-width: 914px; padding: 0 20px; } .denuncias__header { margin-bottom: 73px; } .denuncias__title { font-size: 28px; font-weight: 300; line-height: 36px; text-align: center; } .denuncias__content .c-btIngresso { border: 1px solid #D9DADB; } .denuncias__text { margin-bottom: 54px; } .denuncias__text p { font-size: 14px; line-height: 24px; } .denuncias__text a { text-decoration: underline; } @media (min-width: 1024px) { .denuncias { padding: calc(112px + 120px) 0 134px 0; } .denuncias__title { font-size: 46px; font-weight: 300; line-height: 52px; } .denuncias__text a { transition: all 0.25s ease-in-out; } .denuncias__text a:hover { color: #7D1168; } } .l-petInterna { padding-top: 140px; } .l-petInterna__header { text-align: center; margin: 0 auto 40px; } .l-petInterna__title { font-size: 28px; font-weight: 300; line-height: 36px; margin-bottom: 24px; } .l-petInterna__content { font-size: 15px; line-height: 24px; font-weight: 300; color: #000; margin-bottom: 50px; } .l-petInterna__content strong { display: block; font-weight: 700; } .l-petInterna__content a { text-decoration: underline; } .l-petInterna__content p + strong { margin-top: 47px; } .l-petInterna__content p + p, .l-petInterna__content strong + p, .l-petInterna__content p + ol { margin-top: 23px; } .l-petInterna__content ul { list-style: disc; padding-left: 20px; } .l-petInterna__content ul li::marker { font-size: 14px; } .l-petInterna__content ul li + li { margin-top: 23px; } @media (min-width: 1024px) { .l-petInterna { padding: 180px 0 134px; } .l-petInterna__wrap { max-width: 874px; margin: 0 auto; } .l-petInterna__header { max-width: 684px; margin-bottom: 73px; } .l-petInterna__title { font-size: 46px; font-weight: 300; line-height: 52px; } } .pageGastronomia { padding: 139px 0 40px; } .pageGastronomia .container { width: 100%; padding: 0 20px; max-width: 1440px; } .pageGastronomia__title { margin-bottom: 40px; } .pageGastronomia__title h1 { font-size: 28px; font-weight: 300; line-height: 36px; color: #000000; display: inline-flex; align-items: flex-end; margin-bottom: 25px; } .pageGastronomia__title h1::after { content: ""; width: 30px; height: 30px; display: block; background: url("../assets/img/layout/ico-title.svg") no-repeat center; background-size: contain; margin: 0 0 2px 6px; } .pageGastronomia__search { display: flex; flex-direction: column; gap: 33px; color: #000000; } .pageGastronomia__search_group { width: 100%; height: 47px; border-radius: 300px; background-color: #F6F6F6; position: relative; font-size: 15px; line-height: 24px; max-width: 315px; } .pageGastronomia__search_field, .pageGastronomia__search_btn { position: absolute; } .pageGastronomia__search_field { width: 100%; height: 100%; line-height: 100%; background: none; padding: 0 55px 0 20px; } .pageGastronomia__search ::-moz-placeholder { color: #000000; } .pageGastronomia__search ::placeholder { color: #000000; } .pageGastronomia__search_btn { width: 15px; height: 15px; background: transparent url("../assets/img/layout/ico-search-black.svg") no-repeat center; background-size: contain; text-indent: -999em; overflow: hidden; right: 20px; top: 50%; transform: translateY(-50%); } .pageGastronomia__search .autocompleter { position: absolute; background-color: #F6F6F6; top: calc(100% + 10px); left: 0; right: 0; z-index: 99; border-radius: 20px; overflow: hidden; overflow-y: auto; max-height: 200px; /* width */ /* Track */ /* Handle */ /* Handle on hover */ } .pageGastronomia__search .autocompleter::-webkit-scrollbar { width: 10px; } .pageGastronomia__search .autocompleter::-webkit-scrollbar-track { border-radius: 5px; } .pageGastronomia__search .autocompleter::-webkit-scrollbar-thumb { background: #D9DADB; border-radius: 5px; } .pageGastronomia__search .autocompleter::-webkit-scrollbar-thumb:hover { background: #666666; } .pageGastronomia__search .autocompleter li { padding: 10px 20px; text-transform: capitalize; cursor: pointer; } .pageGastronomia__search .autocompleter li:hover { background-color: rgba(0, 0, 0, 0.1); } .pageGastronomia__search_radio { display: flex; overflow: hidden; overflow-x: auto; gap: 10px; } .pageGastronomia__search_radio label { flex-shrink: 0; display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pageGastronomia__search_radio label .checkmark { font-size: 10px; line-height: 14px; letter-spacing: 1px; padding: 6px 6px 3px; border-radius: 4px; border: 1px solid #D9DADB; background-color: #FFFFFF; text-transform: uppercase; transition: all 0.25s ease-in-out; display: inline-block; } .pageGastronomia__search_radio label input { position: absolute; opacity: 0; cursor: pointer; } .pageGastronomia__search_radio label input:checked ~ .checkmark { background-color: #7D1168; color: #FFFFFF; border-color: #7D1168; } .pageGastronomia__search_radio label:hover input ~ .checkmark { background-color: #7D1168; color: #FFFFFF; border-color: #7D1168; } .pageGastronomia__lojas { width: 100%; } .pageGastronomia__content { width: 100%; display: flex; flex-wrap: wrap; gap: 34px 15px; margin-bottom: 40px; } .pageGastronomia__content .notFound { width: 100%; font-size: 22px; font-weight: 300; line-height: 28px; text-align: center; } .pageGastronomia .c-loja { flex-shrink: 0; cursor: pointer; width: calc(50% - 7.5px); } @media (min-width: 1024px) { .pageGastronomia { overflow: initial; padding: 209px 0 140px; } .pageGastronomia__title { margin-bottom: 0; position: sticky; top: 90px; float: left; width: 226px; } .pageGastronomia__title h1 { font-size: 46px; font-weight: 300; line-height: 52px; margin-bottom: 33px; } .pageGastronomia__title h1::after { margin: 0 0 12px 6px; } .pageGastronomia__search_group { height: 56px; } .pageGastronomia__search_radio { flex-wrap: wrap; overflow: hidden; } .pageGastronomia__lojas { width: calc(100% - 246px); float: right; max-width: 985px; float: right; margin-top: 85px; } .pageGastronomia__content { gap: 80px 20px; margin-bottom: 100px; } .pageGastronomia__content .notFound { font-size: 28px; font-weight: 300; line-height: 36px; } .pageGastronomia .c-loja { width: calc(33.33% - 13.33px); } .pageGastronomia .c-loja img { transition: all 0.25s ease-in-out; } .pageGastronomia .c-loja:hover img { transform: scale(1.2); } } @media (min-width: 1280px) { .pageGastronomia .container { padding: 0 60px; } .pageGastronomia__title { width: 315px; } .pageGastronomia__lojas { width: calc(100% - 335px); } } @media (max-width: 767.98px) { .pageGastronomia .c-loja { width: 100%; } } .clear { display: block; clear: both; }