.swiffy-slider { position: relative; display: block; width: 100%; --swiffy-slider-snap-align: center; --swiffy-slider-item-width: 100%; --swiffy-slider-item-gap: 1rem; --swiffy-slider-item-reveal: 0rem; --swiffy-slider-item-ratio: 2/1; --swiffy-slider-item-count: 1; --swiffy-slider-nav-light: #fff; --swiffy-slider-nav-dark: #333; --swiffy-slider-nav-zoom: 1; --swiffy-slider-track-opacity: 0.1; --swiffy-slider-track-height: 0; --swiffy-slider-nav-outside-size: 3.5rem; --swiffy-slider-indicator-outside-size: 1.5rem; --swiffy-slider-animation-duration: .75s; --swiffy-slider-animation-delay: 0s; --swiffy-slider-animation-timing: ease-in-out } .swiffy-slider, .swiffy-slider::after, .swiffy-slider::before { box-sizing: border-box } .swiffy-slider ::-webkit-scrollbar { height: var(--swiffy-slider-track-height) } .swiffy-slider ::-webkit-scrollbar-track { background: rgba(0, 0, 0, var(--swiffy-slider-track-opacity)) } .swiffy-slider ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, .4); border-radius: 1rem } .swiffy-slider ::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, .6) } .slider-container { --swiffy-slider-item-gap-totalwidth: calc(var(--swiffy-slider-item-gap) * (var(--swiffy-slider-item-count) - 1)); --swiffy-slider-item-width: calc((100% - var(--swiffy-slider-item-reveal) - var(--swiffy-slider-item-gap-totalwidth)) / var(--swiffy-slider-item-count)); overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; scroll-behavior: smooth; display: grid; align-items: center; height: 100%; grid: auto/auto-flow -webkit-max-content; grid: auto/auto-flow max-content; grid-auto-rows: 100%; grid-auto-columns: var(--swiffy-slider-item-width); grid-auto-flow: column; grid-gap: var(--swiffy-slider-item-gap); list-style: none; margin: 0; padding: 0; scrollbar-width: none; scrollbar-color: rgba(0, 0, 0, .4) rgba(0, 0, 0, var(--swiffy-slider-track-opacity)); background-clip: padding-box } .slider-container>* { scroll-snap-align: var(--swiffy-slider-snap-align); position: relative; width: 100%; height: 100% } .slider-item-helper .slider-container>* { background-size: cover; background-color: #e1e1e1; background-position: 50% 50%; display: flex; justify-content: center; align-items: center } .slider-item-helper:not(.slider-item-ratio) .slider-container>* { min-height: 20rem } .slider-item-ratio .slider-container>*>* { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .slider-item-ratio-contain .slider-container>*>* { -o-object-fit: contain; object-fit: contain } .slider-item-ratio .slider-container>::after { display: block; padding-top: calc(100% / (var(--swiffy-slider-item-ratio))); content: "" } .slider-item-ratio-32x9 { --swiffy-slider-item-ratio: 32/9 } .slider-item-ratio-21x9 { --swiffy-slider-item-ratio: 21/9 } .slider-item-ratio-16x9 { --swiffy-slider-item-ratio: 16/9 } .slider-item-ratio-4x3 { --swiffy-slider-item-ratio: 4/3 } .slider-item-ratio-2x1 { --swiffy-slider-item-ratio: 2/1 } .slider-item-ratio-1x1 { --swiffy-slider-item-ratio: 1/1 } .slider-item-ratio-3x4 { --swiffy-slider-item-ratio: 3/4 } .slider-nav-scrollbar { --swiffy-slider-track-height: 0.5rem } .slider-nav-scrollbar .slider-container { scrollbar-width: thin } .slider-nav-nodelay .slider-container { scroll-behavior: auto } .slider-indicators { position: absolute; right: 2rem; bottom: 0; left: 2rem; display: flex; justify-content: center; padding: 0; margin-bottom: 1rem; list-style: none } .slider-nav-scrollbar .slider-indicators { margin-bottom: calc(1rem + var(--swiffy-slider-track-height)) } .slider-indicators>.active { opacity: 1 } .swiffy-slider.slider-indicators-outside .slider-nav { margin-bottom: var(--swiffy-slider-indicator-outside-size) } .swiffy-slider.slider-indicators-outside { padding-bottom: var(--swiffy-slider-indicator-outside-size) } .swiffy-slider.slider-indicators-outside .slider-indicators, .swiffy-slider.slider-indicators-outside.slider-indicators { margin-bottom: 0 } .slider-indicators>* { box-sizing: content-box; flex: 0 1 auto; width: 2rem; height: .2rem; padding: 0; border: .4rem solid transparent; cursor: pointer; background-color: #fff; background-clip: padding-box; opacity: .5; transition: opacity .4s ease } .slider-indicators-square .slider-indicators>*, .slider-indicators-square.slider-indicators>* { width: .5rem; height: .5rem; border: .4rem solid transparent } .slider-indicators-round .slider-indicators>*, .slider-indicators-round.slider-indicators>* { width: .5rem; height: .5rem; border: .4rem solid transparent; border-radius: 50% } .slider-indicators-highlight .slider-indicators>.active, .slider-indicators-highlight.slider-indicators>.active { border: .33rem solid transparent; padding: .07rem } .slider-nav { position: absolute; top: 0; left: 0; bottom: 0; border: 0; background-color: transparent; cursor: pointer; padding: 0; visibility: hidden; opacity: .8; transition: visibility .1s, opacity .2s linear; margin-bottom: var(--swiffy-slider-track-height); display: flex; align-items: center; padding: 0 .5rem; -webkit-filter: drop-shadow(0 0 .5rem rgba(0, 0, 0, .5)); filter: drop-shadow(0 0 .5rem rgba(0, 0, 0, .5)); transform: scale(var(--swiffy-slider-nav-zoom)) } .slider-nav::before { position: absolute; content: ""; padding: .5rem; width: 3rem; height: 3rem } .slider-nav::after { content: ""; -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>"); mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>"); -webkit-mask-size: cover; mask-size: cover; background-color: var(--swiffy-slider-nav-light); background-origin: content-box; width: 3rem; height: 3rem } .slider-nav-arrow .slider-nav::after { -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z'></path></svg>"); mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z'></path></svg>") } .slider-nav-chevron .slider-nav::after { -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M9.224 1.553a.5.5 0 0 1 .223.67L6.56 8l2.888 5.776a.5.5 0 1 1-.894.448l-3-6a.5.5 0 0 1 0-.448l3-6a.5.5 0 0 1 .67-.223z'></path></svg>"); mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M9.224 1.553a.5.5 0 0 1 .223.67L6.56 8l2.888 5.776a.5.5 0 1 1-.894.448l-3-6a.5.5 0 0 1 0-.448l3-6a.5.5 0 0 1 .67-.223z'></path></svg>") } .slider-nav-caret .slider-nav::after { -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='M10 12.796V3.204L4.519 8 10 12.796zm-.659.753-5.48-4.796a1 1 0 0 1 0-1.506l5.48-4.796A1 1 0 0 1 11 3.204v9.592a1 1 0 0 1-1.659.753z'></path></svg>"); mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='M10 12.796V3.204L4.519 8 10 12.796zm-.659.753-5.48-4.796a1 1 0 0 1 0-1.506l5.48-4.796A1 1 0 0 1 11 3.204v9.592a1 1 0 0 1-1.659.753z'></path></svg>") } .slider-nav-caretfill .slider-nav::after { -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z'></path></svg>"); mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z'></path></svg>") } .swiffy-slider:hover .slider-nav { visibility: visible } .swiffy-slider.slider-nav-autohide.slider-item-first-visible .slider-nav:not(.slider-nav-next) { visibility: hidden } .swiffy-slider.slider-nav-autohide.slider-item-last-visible .slider-nav.slider-nav-next { visibility: hidden } .slider-nav-outside .slider-container { margin: 0 var(--swiffy-slider-nav-outside-size) } .slider-nav-outside .slider-nav { padding: 0 } .swiffy-slider .slider-nav:hover { opacity: 1 } .slider-nav-square .slider-nav { padding: 0 } .slider-nav-round .slider-nav::before, .slider-nav-square .slider-nav::before { background-color: #ffffff; } .slider-nav-round .slider-nav::after, .slider-nav-square .slider-nav::after { background-color: var(--swiffy-slider-nav-dark); width: 2rem; height: 2rem; margin: .5rem } .slider-nav-round .slider-nav::before { border-radius: 50%; opacity: 0.6; } .slider-nav-round .slider-nav::after { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'%3E%3C/path%3E%3C/svg%3E"); mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'%3E%3C/path%3E%3C/svg%3E") } .slider-nav-dark .slider-nav::after { background-color: var(--swiffy-slider-nav-dark) } .slider-nav-dark.slider-nav-round .slider-nav::before, .slider-nav-dark.slider-nav-square .slider-nav::before { background-color: var(--swiffy-slider-nav-dark) } .slider-nav-dark.slider-nav-round .slider-nav::after, .slider-nav-dark.slider-nav-square .slider-nav::after { background-color: var(--swiffy-slider-nav-light) } .slider-nav-sm { --swiffy-slider-nav-zoom: .75; --swiffy-slider-nav-outside-size: 2.5rem } .slider-nav.slider-nav-next::after { transform: rotate(180deg) } .slider-nav.slider-nav-next { right: 0; left: unset } .slider-nav-visible .slider-nav { visibility: visible } .slider-nav-dark .slider-nav { opacity: .6 } .slider-indicators-dark .slider-indicators>*, .slider-indicators-dark.slider-indicators>* { -webkit-filter: invert(1); filter: invert(1) } .slider-item-snapstart { --swiffy-slider-snap-align: start } .slider-item-nogap { --swiffy-slider-item-gap: 0rem } .slider-item-reveal { --swiffy-slider-item-reveal: 8rem } .slider-item-snapstart.slider-item-reveal { --swiffy-slider-item-reveal: 4rem } .slider-item-show2 { --swiffy-slider-item-count: 2 } .slider-item-show3 { --swiffy-slider-item-count: 3 } .slider-item-show4 { --swiffy-slider-item-count: 4 } .slider-item-show5 { --swiffy-slider-item-count: 5 } .slider-item-show6 { --swiffy-slider-item-count: 6 } @media (min-width:1280px) { .slider-nav-outside-expand .slider-nav { margin-left: -4rem } .slider-nav-outside-expand .slider-nav.slider-nav-next { margin-right: -4rem } .slider-nav-sm.slider-nav-outside-expand .slider-nav { margin-left: -3.5rem } .slider-nav-sm.slider-nav-outside-expand .slider-nav.slider-nav-next { margin-right: -3.5rem } } @media (min-width:1024px) { .slider-item-show2:not(.slider-item-snapstart) .slider-container>*, .slider-item-show4:not(.slider-item-snapstart) .slider-container>*, .slider-item-show6:not(.slider-item-snapstart) .slider-container>* { scroll-snap-align: unset } .slider-item-show2:not(.slider-item-snapstart) .slider-container>::before, .slider-item-show4:not(.slider-item-snapstart) .slider-container>::before, .slider-item-show6:not(.slider-item-snapstart) .slider-container>::before { content: " "; display: block; position: absolute; left: calc((var(--swiffy-slider-item-gap)/2)*-1); top: 0; width: 1px; height: 1px; scroll-snap-align: var(--swiffy-slider-snap-align) } .slider-indicators-sm.slider-indicators { display: none } } @media (max-width:1023px) { .swiffy-slider { --swiffy-slider-track-height: 0rem; --swiffy-slider-item-reveal: 0rem; --swiffy-slider-item-count: 1; --swiffy-slider-nav-zoom: .875 } .swiffy-slider .slider-item-show2-sm { --swiffy-slider-item-count: 2 } .slider-item-reveal { --swiffy-slider-item-reveal: 4rem } .slider-item-snapstart.slider-item-reveal { --swiffy-slider-item-reveal: 2rem } .slider-item-show6 .slider-container { grid-auto-columns: calc(25% - (var(--swiffy-slider-item-gap)/ 4*3)) } .slider-item-show6.slider-item-reveal .slider-container { grid-auto-columns: calc(25% - (var(--swiffy-slider-item-gap)/ 4*3) - .5rem) } .slider-item-show6.slider-item-reveal .slider-container>* { scroll-snap-align: unset } .slider-item-show6.slider-item-reveal .slider-container>::before { content: " "; display: block; position: absolute; left: calc((var(--swiffy-slider-item-gap)/2)*-1); top: 0; width: 1px; height: 1px; scroll-snap-align: center } .slider-nav::after, .slider-nav::before { width: 2rem; height: 2rem; padding: .3rem } .slider-nav-round .slider-nav::after, .slider-nav-square .slider-nav::after { width: 1.75rem; height: 1.75rem; margin: .125rem } .slider-nav-outside .slider-container, .slider-nav-outside-expand .slider-container { margin: 0 2rem } .slider-nav-outside-expand .slider-container { margin: 0 var(--swiffy-slider-nav-outside-size) } .slider-nav-outside-expand .slider-nav { padding: 0 } .slider-indicators-round .slider-indicators>*, .slider-indicators-round.slider-indicators>*, .slider-indicators-square .slider-indicators>*, .slider-indicators-square.slider-indicators>* { width: .3rem; height: .3rem } .slider-indicators { margin-bottom: .5rem; display: none } .slider-nav-scrollbar .slider-indicators { margin-bottom: 0 } .slider-indicators>* { width: 1rem; height: .125rem; border-width: .25rem } .slider-indicators-sm .slider-indicators, .slider-indicators-sm.slider-indicators { display: flex } } @media (max-width:48rem) { .slider-item-show6 .slider-container { grid-auto-columns: calc(50% - (var(--swiffy-slider-item-gap)/ 2)) } .slider-item-show6.slider-item-reveal .slider-container { grid-auto-columns: calc(50% - (var(--swiffy-slider-item-gap)/ 2) - 1.5rem) } } @media (hover:none) { .swiffy-slider.slider-nav-touch .slider-nav { visibility: visible } .swiffy-slider:not(.slider-nav-touch).slider-nav-outside .slider-container, .swiffy-slider:not(.slider-nav-touch).slider-nav-outside-expand .slider-container { margin: 0 0 } .slider-item-nosnap-touch { --swiffy-slider-snap-align: unset } } .ic{ --icon-size: 30px; display:inline-block; width:var(--icon-size); height:var(--icon-size); vertical-align:middle; background-repeat:no-repeat; background-position:center; background-size:contain; } .btn .ic, .contact-tel .ic { --icon-size: 20px; } .icon--facebook{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20xml:space=%22preserve%22%20viewBox=%220%200%2040%2040%22%3E%3ClinearGradient%20id=%22a%22%20x1=%22-277.375%22%20x2=%22-277.375%22%20y1=%22406.6018%22%20y2=%22407.5726%22%20gradientTransform=%22matrix(40%200%200%20-39.7778%2011115.001%2016212.334)%22%20gradientUnits=%22userSpaceOnUse%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%230062e0%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%2319afff%22/%3E%3C/linearGradient%3E%3Cpath%20fill=%22url(%23a)%22%20d=%22M16.7%2039.8C7.2%2038.1%200%2029.9%200%2020%200%209%209%200%2020%200s20%209%2020%2020c0%209.9-7.2%2018.1-16.7%2019.8l-1.1-.9h-4.4l-1.1.9z%22/%3E%3Cpath%20fill=%22%23fff%22%20d=%22m27.8%2025.6.9-5.6h-5.3v-3.9c0-1.6.6-2.8%203-2.8H29V8.2c-1.4-.2-3-.4-4.4-.4-4.6%200-7.8%202.8-7.8%207.8V20h-5v5.6h5v14.1c1.1.2%202.2.3%203.3.3%201.1%200%202.2-.1%203.3-.3V25.6h4.4z%22/%3E%3C/svg%3E"); } .icon--googlemaps{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2092.3%20132.3%22%3E%3Cpath%20fill=%22%231a73e8%22%20d=%22M60.2%202.2C55.8.8%2051%200%2046.1%200%2032%200%2019.3%206.4%2010.8%2016.5l21.8%2018.3L60.2%202.2z%22/%3E%3Cpath%20fill=%22%23ea4335%22%20d=%22M10.8%2016.5C4.1%2024.5%200%2034.9%200%2046.1c0%208.7%201.7%2015.7%204.6%2022l28-33.3-21.8-18.3z%22/%3E%3Cpath%20fill=%22%234285f4%22%20d=%22M46.2%2028.5c9.8%200%2017.7%207.9%2017.7%2017.7%200%204.3-1.6%208.3-4.2%2011.4%200%200%2013.9-16.6%2027.5-32.7-5.6-10.8-15.3-19-27-22.7L32.6%2034.8c3.3-3.8%208.1-6.3%2013.6-6.3%22/%3E%3Cpath%20fill=%22%23fbbc04%22%20d=%22M46.2%2063.8c-9.8%200-17.7-7.9-17.7-17.7%200-4.3%201.5-8.3%204.1-11.3l-28%2033.3c4.8%2010.6%2012.8%2019.2%2021%2029.9l34.1-40.5c-3.3%203.9-8.1%206.3-13.5%206.3%22/%3E%3Cpath%20fill=%22%2334a853%22%20d=%22M59.1%20109.2c15.4-24.1%2033.3-35%2033.3-63%200-7.7-1.9-14.9-5.2-21.3L25.6%2098c2.6%203.4%205.3%207.3%207.9%2011.3%209.4%2014.5%206.8%2023.1%2012.8%2023.1s3.4-8.7%2012.8-23.2%22/%3E%3C/svg%3E"); } .icon--instagram{ background-image:url("data:image/svg+xml,%3Csvg%20id=%22Layer_1%22%20style=%22enable-background:new%200%200%201000%201000;%22%20version=%221.1%22%20viewBox=%220%200%201000%201000%22%20xml:space=%22preserve%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Cstyle%20type=%22text/css%22%3E.st0%7Bfill:url(%23SVGID_1_);%7D%20.st1%7Bfill:%23FFFFFF;%7D%3C/style%3E%3ClinearGradient%20gradientUnits=%22userSpaceOnUse%22%20id=%22SVGID_1_%22%20x1=%22146.4465%22%20x2=%22853.5535%22%20y1=%22853.5535%22%20y2=%22146.4465%22%3E%3Cstop%20offset=%220%22%20style=%22stop-color:%23FFD521%22%3E%3C/stop%3E%3Cstop%20offset=%225.510481e-02%22%20style=%22stop-color:%23FFD020%22%3E%3C/stop%3E%3Cstop%20offset=%220.1241%22%20style=%22stop-color:%23FEC01E%22%3E%3C/stop%3E%3Cstop%20offset=%220.2004%22%20style=%22stop-color:%23FCA71B%22%3E%3C/stop%3E%3Cstop%20offset=%220.2821%22%20style=%22stop-color:%23FA8316%22%3E%3C/stop%3E%3Cstop%20offset=%220.3681%22%20style=%22stop-color:%23F85510%22%3E%3C/stop%3E%3Cstop%20offset=%220.4563%22%20style=%22stop-color:%23F51E09%22%3E%3C/stop%3E%3Cstop%20offset=%220.5%22%20style=%22stop-color:%23F30005%22%3E%3C/stop%3E%3Cstop%20offset=%220.5035%22%20style=%22stop-color:%23F20007%22%3E%3C/stop%3E%3Cstop%20offset=%220.5966%22%20style=%22stop-color:%23E1003B%22%3E%3C/stop%3E%3Cstop%20offset=%220.6879%22%20style=%22stop-color:%23D30067%22%3E%3C/stop%3E%3Cstop%20offset=%220.7757%22%20style=%22stop-color:%23C70088%22%3E%3C/stop%3E%3Cstop%20offset=%220.8589%22%20style=%22stop-color:%23BF00A0%22%3E%3C/stop%3E%3Cstop%20offset=%220.9357%22%20style=%22stop-color:%23BB00AF%22%3E%3C/stop%3E%3Cstop%20offset=%221%22%20style=%22stop-color:%23B900B4%22%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath%20class=%22st0%22%20d=%22M500,1000L500,1000C223.9,1000,0,776.1,0,500v0C0,223.9,223.9,0,500,0h0c276.1,0,500,223.9,500,500v0%20%20C1000,776.1,776.1,1000,500,1000z%22%3E%3C/path%3E%3Cg%3E%3Cpath%20class=%22st1%22%20d=%22M500,220.2c91.1,0,101.9,0.3,137.9,2c33.3,1.5,51.4,7.1,63.4,11.8c15.9,6.2,27.3,13.6,39.2,25.5%20%20%20c11.9,11.9,19.3,23.3,25.5,39.2c4.7,12,10.2,30.1,11.8,63.4c1.6,36,2,46.8,2,137.9s-0.3,101.9-2,137.9%20%20%20c-1.5,33.3-7.1,51.4-11.8,63.4c-6.2,15.9-13.6,27.3-25.5,39.2c-11.9,11.9-23.3,19.3-39.2,25.5c-12,4.7-30.1,10.2-63.4,11.8%20%20%20c-36,1.6-46.8,2-137.9,2s-101.9-0.3-137.9-2c-33.3-1.5-51.4-7.1-63.4-11.8c-15.9-6.2-27.3-13.6-39.2-25.5%20%20%20c-11.9-11.9-19.3-23.3-25.5-39.2c-4.7-12-10.2-30.1-11.8-63.4c-1.6-36-2-46.8-2-137.9s0.3-101.9,2-137.9%20%20%20c1.5-33.3,7.1-51.4,11.8-63.4c6.2-15.9,13.6-27.3,25.5-39.2c11.9-11.9,23.3-19.3,39.2-25.5c12-4.7,30.1-10.2,63.4-11.8%20%20%20C398.1,220.5,408.9,220.2,500,220.2%20M500,158.7c-92.7,0-104.3,0.4-140.7,2.1c-36.3,1.7-61.1,7.4-82.9,15.9%20%20%20C254,185.3,234.9,197,216,216c-19,19-30.6,38-39.4,60.5c-8.4,21.7-14.2,46.5-15.9,82.9c-1.7,36.4-2.1,48-2.1,140.7%20%20%20c0,92.7,0.4,104.3,2.1,140.7c1.7,36.3,7.4,61.1,15.9,82.9C185.3,746,197,765.1,216,784c19,19,38,30.6,60.5,39.4%20%20%20c21.7,8.4,46.5,14.2,82.9,15.9c36.4,1.7,48,2.1,140.7,2.1s104.3-0.4,140.7-2.1c36.3-1.7,61.1-7.4,82.9-15.9%20%20%20C746,814.7,765.1,803,784,784c19-19,30.6-38,39.4-60.5c8.4-21.7,14.2-46.5,15.9-82.9c1.7-36.4,2.1-48,2.1-140.7%20%20%20s-0.4-104.3-2.1-140.7c-1.7-36.3-7.4-61.1-15.9-82.9C814.7,254,803,234.9,784,216c-19-19-38-30.6-60.5-39.4%20%20%20c-21.7-8.4-46.5-14.2-82.9-15.9C604.3,159.1,592.7,158.7,500,158.7L500,158.7z%22%3E%3C/path%3E%3Cpath%20class=%22st1%22%20d=%22M500,324.7c-96.8,0-175.3,78.5-175.3,175.3S403.2,675.3,500,675.3S675.3,596.8,675.3,500%20%20%20S596.8,324.7,500,324.7z%20M500,613.8c-62.8,0-113.8-50.9-113.8-113.8S437.2,386.2,500,386.2c62.8,0,113.8,50.9,113.8,113.8%20%20%20S562.8,613.8,500,613.8z%22%3E%3C/path%3E%3Ccircle%20class=%22st1%22%20cx=%22682.2%22%20cy=%22317.8%22%20r=%2241%22%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); } .icon--tel{ background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEyODAuMDAwMDAwcHQiIGhlaWdodD0iMTI4MC4wMDAwMDBwdCIgdmlld0JveD0iMCAwIDEyODAuMDAwMDAwIDEyODAuMDAwMDAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4KCjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDEyODAuMDAwMDAwKSBzY2FsZSgwLjEwMDAwMCwtMC4xMDAwMDApIgpmaWxsPSIjZmZmZmZmIiBzdHJva2U9Im5vbmUiPgo8cGF0aCBkPSJNNjEwMCAxMjc5NCBjLTI1IC0yIC0xMTIgLTggLTE5NSAtMTQgLTEyODYgLTk0IC0yNTQzIC01OTkgLTM1NTUKLTE0MjkgLTE3NjEgLTE0NDUgLTI2MTkgLTM2ODMgLTIyNzQgLTU5MzEgMjcwIC0xNzU1IDEyNzUgLTMzMzIgMjc2MCAtNDMzMgoxMDUxIC03MDggMjI5NyAtMTA4OCAzNTY0IC0xMDg4IDEyNjcgMCAyNTEzIDM4MCAzNTY0IDEwODggMTQ2MCA5ODIgMjQ1NgoyNTIyIDI3NDYgNDI0NSA0MjAgMjQ5MSAtNjU3IDQ5ODAgLTI3NjUgNjM5MiAtODkwIDU5NiAtMTg5MSA5NDggLTI5ODUgMTA1MQotMTUzIDE0IC03NTMgMjcgLTg2MCAxOHogbTgyNiAtNTM5IGM3MzUgLTY4IDE0MDggLTI1NyAyMDUyIC01NzUgMjU3IC0xMjcKNDMxIC0yMjYgNjQyIC0zNjQgMTEyNSAtNzQxIDE5NjYgLTE4NDQgMjM3NyAtMzExNiAzMzkgLTEwNTAgMzcyIC0yMjA2IDkzCi0zMjc1IC0yMjIgLTg1MSAtNjE1IC0xNjExIC0xMTk2IC0yMzEwIC0xNDQgLTE3NCAtNTQ0IC01NzIgLTcyNCAtNzIyIC05NDMKLTc4MiAtMjAyNyAtMTIzMSAtMzI1NSAtMTM0OSAtMjQ5IC0yNCAtNzgxIC0yNCAtMTAzMCAwIC0xMjI5IDExOCAtMjMxMiA1NjcKLTMyNTUgMTM0OSAtMTg3IDE1NSAtNTgyIDU1MSAtNzM2IDczNyAtMzc3IDQ1NCAtNjY4IDkyNiAtODk3IDE0NTcgLTQ4OSAxMTI5Ci02MDUgMjQxOCAtMzI1IDM2MzMgMzEwIDEzNDkgMTA5NyAyNTUzIDIyMTIgMzM4OCA4MDUgNjAzIDE3NjAgOTkyIDI3NTEgMTEyMQoxMzIgMTcgMzI2IDM0IDUxMCA0NSAxMjggOCA2MjggLTQgNzgxIC0xOXoiLz4KPHBhdGggZD0iTTY2NjAgOTY4OCBsMCAtMjUzIDIxMyAtMSBjMTYzIC0xIDI0MyAtNiAzNDUgLTIzIDU4NCAtOTMgMTA4NCAtMzUyCjE0ODQgLTc3MCAzODIgLTM5OCA2MTkgLTg5NiA2OTMgLTE0NTYgMTAgLTcwIDE3IC0yMDAgMTcgLTMxMyBsMiAtMTkyIDI1MCAyCjI1MSAzIC0xIDIwNSBjLTEgMjg5IC0yNyA0ODkgLTk5IDc2NSAtMTAyIDM5MSAtMjgyIDc1NSAtNTQ0IDExMDAgLTk2IDEyNwotMzg0IDQxOCAtNTE5IDUyNCAtNDY3IDM2OCAtMTAyNCA1OTIgLTE2MjEgNjUxIC01NyA1IC0xODYgMTAgLTI4NyAxMCBsLTE4NAowIDAgLTI1MnoiLz4KPHBhdGggZD0iTTY0MjMgOTAxNCBsLTMyIC01IC0zIC0yNDggLTMgLTI0OSAyMjAgLTUgYzE4NiAtNCAyMzkgLTkgMzQzIC0zMQo1ODYgLTEyNSAxMDcwIC00OTQgMTMzMiAtMTAxNSAxNDUgLTI4OCAyMDMgLTUzMyAyMDQgLTg1OCBsMSAtMTkzIDI1NCAwIDI1MwowIC01IDIyMyBjLTUgMjQ2IC0yMCAzNjAgLTcyIDU2MyAtODUgMzMzIC0yNTAgNjYwIC00NjggOTI5IC04NyAxMDcgLTI5MCAzMDQKLTQwNSAzOTMgLTMzNyAyNTkgLTc1MSA0MjggLTExODIgNDgyIC05NiAxMiAtMzg4IDIxIC00MzcgMTR6Ii8+CjxwYXRoIGQ9Ik0zNzYwIDg3NTQgYy0xMzEgLTE1IC0yMjcgLTU2IC0zNjUgLTE1OCAtMzMxIC0yNDUgLTU5NSAtNjkxIC03NTUKLTEyNzQgLTU3IC0yMDkgLTc0IC0zMzUgLTY3IC01MTcgMTkgLTUwOCAyNDkgLTEwOTAgNzAyIC0xNzc1IDIwMCAtMzAzIDUyNQotNzIyIDcyMSAtOTMwIDg5IC05NCAyNzUgLTI1OCA0ODkgLTQyOSA2NzQgLTU0MSAxMzU1IC05MTggMTg5NiAtMTA1MCAxODMKLTQ0IDMyNCAtNjIgNDk0IC02MiAxNjkgMCAyNTggMTMgNDU2IDY3IDY3MyAxODIgMTE3OCA1MTkgMTM3NCA5MTggNDAgODAgNDcKMTA0IDU2IDE5NiAxMCA4NyA5IDEyNCAtNCAyMTEgLTU0IDM2MiAtMjYxIDYwOSAtNjgxIDgxMyAtNDI0IDIwNyAtNzUxIDI0OQotOTkxIDEyOSAtOTcgLTQ5IC0xNTMgLTEwMCAtMjU0IC0yMzYgLTE3MCAtMjI3IC0zMDggLTM0MSAtNTAxIC00MDkgLTg4IC0zMgotMjY0IC0zNiAtMzcwIC05IC0xMDIgMjUgLTI1OSAxMDAgLTM1NSAxNjkgLTMwNCAyMTYgLTkzOSA4NTMgLTExNzkgMTE4MiAtNTgKODAgLTE0OSAyNjQgLTE3MSAzNDUgLTQyIDE2MyAtMjYgMzI2IDQ4IDQ4MCA3NSAxNTQgMTgyIDI3MSAzODQgNDE5IDUwIDM3CjExMSA4OSAxMzUgMTE1IDIzMiAyNTggMTkwIDcxNyAtMTEzIDEyNTEgLTIwMCAzNTMgLTQ3MyA1MzYgLTgyNSA1NTQgLTQ5IDIKLTEwNSAyIC0xMjQgMHoiLz4KPHBhdGggZD0iTTYwNzAgNzgwNiBsMCAtMjU1IDEyMyA2IGM1MDYgMjMgOTkwIC0yNjIgMTIwNyAtNzExIDk1IC0xOTYgMTMxCi0zNTQgMTMxIC01NzYgMCAtODIgLTIgLTE1NCAtMyAtMTYyIC0yIC0xMCA0NSAtMTQgMjQ4IC0xNiBsMjUxIC0yIDcgMzcgYzkKNTcgNyAyMjYgLTQgMzMxIC04NiA4MTYgLTcxMyAxNDY5IC0xNTIxIDE1ODcgLTYzIDkgLTE3NSAxNSAtMjczIDE1IGwtMTY2IDAKMCAtMjU0eiIvPgo8L2c+Cjwvc3ZnPgo="); } .icon--whatsapp{ background-image:url("data:image/svg+xml,%3Csvg%20id=%22Layer_1%22%20style=%22enable-background:new%200%200%201000%201000;%22%20version=%221.1%22%20viewBox=%220%200%201000%201000%22%20xml:space=%22preserve%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Cstyle%20type=%22text/css%22%3E.st0%7Bfill:%2325D366;%7D%20.st1%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7D%3C/style%3E%3Cg%3E%3Cpath%20class=%22st0%22%20d=%22M500,1000L500,1000C223.9,1000,0,776.1,0,500v0C0,223.9,223.9,0,500,0h0c276.1,0,500,223.9,500,500v0%20%20%20C1000,776.1,776.1,1000,500,1000z%22%3E%3C/path%3E%3Cg%3E%3Cg%20id=%22WA_Logo%22%3E%3Cg%3E%3Cpath%20class=%22st1%22%20d=%22M733.9,267.2c-62-62.1-144.6-96.3-232.5-96.4c-181.1,0-328.6,147.4-328.6,328.6%20%20%20%20%20%20c0,57.9,15.1,114.5,43.9,164.3L170.1,834l174.2-45.7c48,26.2,102,40,157,40h0.1c0,0,0,0,0,0c181.1,0,328.5-147.4,328.6-328.6%20%20%20%20%20%20C830.1,411.9,796,329.3,733.9,267.2z%20M501.5,772.8h-0.1c-49,0-97.1-13.2-139-38.1l-10-5.9L249,755.9l27.6-100.8l-6.5-10.3%20%20%20%20%20%20c-27.3-43.5-41.8-93.7-41.8-145.4c0.1-150.6,122.6-273.1,273.3-273.1c73,0,141.5,28.5,193.1,80.1c51.6,51.6,80,120.3,79.9,193.2%20%20%20%20%20%20C774.6,650.3,652,772.8,501.5,772.8z%20M651.3,568.2c-8.2-4.1-48.6-24-56.1-26.7c-7.5-2.7-13-4.1-18.5,4.1%20%20%20%20%20%20c-5.5,8.2-21.2,26.7-26,32.2c-4.8,5.5-9.6,6.2-17.8,2.1c-8.2-4.1-34.7-12.8-66-40.8c-24.4-21.8-40.9-48.7-45.7-56.9%20%20%20%20%20%20c-4.8-8.2-0.5-12.7,3.6-16.8c3.7-3.7,8.2-9.6,12.3-14.4c4.1-4.8,5.5-8.2,8.2-13.7c2.7-5.5,1.4-10.3-0.7-14.4%20%20%20%20%20%20c-2.1-4.1-18.5-44.5-25.3-61c-6.7-16-13.4-13.8-18.5-14.1c-4.8-0.2-10.3-0.3-15.7-0.3c-5.5,0-14.4,2.1-21.9,10.3c-7.5,8.2-28.7,28.1-28.7,68.5%20%20%20%20%20%20c0,40.4,29.4,79.5,33.5,84.9c4.1,5.5,57.9,88.4,140.3,124c19.6,8.5,34.9,13.5,46.8,17.3c19.7,6.3,37.6,5.4,51.7,3.3c15.8-2.4,48.6-19.9,55.4-39c6.8-19.2,6.8-35.6,4.8-39C665,574.4,659.5,572.4,651.3,568.2z%22%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } @font-face { font-family: 'Baloo 2'; font-style: normal; font-weight: 400; font-display: swap; src: local(''), url('baloo-2-v11-latin-regular.woff2') format('woff2'); } @font-face { font-family: 'Baloo 2'; font-style: normal; font-weight: 800; font-display: swap; src: local(''), url('baloo-2-v11-latin-800.woff2') format('woff2'); } @font-face { font-display: swap; font-family: 'Barlow Semi Condensed'; font-style: normal; font-weight: 400; src: url('barlow-semi-condensed-v16-latin_latin-ext-regular.woff2') format('woff2'); } @font-face { font-display: swap; font-family: 'Barlow Semi Condensed'; font-style: normal; font-weight: 700; src: url('barlow-semi-condensed-v16-latin_latin-ext-700.woff2') format('woff2'); } :root{ --bg:#252525; --bg0:#25252500; --border:rgba(255,255,255,.08); --text:#f5f5f5; --muted:#b6b6b6; --brand:#BD1622; --brand-rgb:189, 22, 34; --accent:rgb(var(--brand-rgb)); --accent0:rgba(var(--brand-rgb), 0); --accent-darker:#780f16; --shadow: 0 10px 30px rgba(0,0,0,.45); --card-bg: rgba(255,255,255,.03); --radius: 18px; --max: 1180px; --card-pad: 22px; --card-pad-small: 16px; --grid-gap: 14px; --section-margin: 44px; --margin: 14px; --margin2: 28px; --btn-p-bg: linear-gradient(180deg, var(--accent), var(--accent-darker)); --edgeglow: radial-gradient(circle at 30% 30%, rgba(225, 6, 0, .28), rgba(225, 6, 0, 0) 60%); --font: "Baloo 2", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; --font-display: "Barlow Semi Condensed", system-ui, -apple-system, BlinkMacSystemFont, sans-serif; --font-btn: var(--font); } @media (max-width: 767px){ :root{ --section-margin: 24px; --card-pad: 16px; --card-pad-small: 12px; } } *{box-sizing:border-box} html{scroll-behavior:smooth;background-color: #000000;scroll-padding-top: 72px;} body{ margin:0; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; background-color: #000000; color:var(--text); overflow-x:hidden; font-family:var(--font); line-height: 1.4em; } h1,h2,.h2,h3,.h3,h4{ font-family:var(--font-display); font-weight: 700; letter-spacing: 0.03em; text-wrap: balance; margin:0 0 .6rem 0; line-height:1.1; } .h2 { font-size: 1.5em; } .h3 { font-size: 1.17em; } .trust-chip,.chip { font-family:var(--font-display); } .btn { font-family:var(--font-btn); font-size: 0.9em; font-weight: 600; } main,footer { background-color: var(--bg); } a{color:inherit; text-decoration:underline;} section {position:relative;} img { vertical-align: middle; border-style: none; height:auto; display: block; } @media (max-width: 767px){ picture { width: 100%; } } address { font-style: normal; } p{margin:0 0 1rem 0; line-height:1.4; color: rgba(245,245,245,.92)} p:last-child,h3:last-child { margin-bottom: 0; } ul{margin:0; padding-left:1.1rem} li{ margin: 0 0 .5rem 0; color: rgba(245,245,245,.9); } .w100 {width: 100%;} img.wh100 { width: 100%; height: 100%; object-fit: cover; display: block; } .mb{margin-bottom:var(--margin) !important;} .mb2{margin-bottom:var(--margin2) !important} .mt-14{margin-top:var(--margin)} .center,.text-center{text-align:center} .hidden { display: none !important; } @media (max-width: 767px){ .w100-xs{width: 100%;} .visible-xs { display:block !important; } .hidden-xs { display: none !important; } .text-center-xs{text-align:center} } @media (min-width: 1025px){ .hidden-desktop { display: none !important; } } .visible-xs { display: none !important; } .jc-center { justify-content: center !important; } .jc-end { justify-content: flex-end !important; } @media (min-width: 768px){ .hidden-sm { display: none !important; } } .container{width:min(var(--max), calc(100% - 40px)); margin-inline:auto} @media (min-width: 1024px){ .container.shrink{ max-width: calc(var(--max) * .75); } } .small{font-size:.9rem; color:var(--muted)} .kicker{color:var(--muted); letter-spacing:.08em; text-transform:uppercase; font-size:.78rem} .site-header{ position:sticky; top:0; z-index:50; backdrop-filter: blur(10px); background: linear-gradient(180deg, rgba(0,0,0,1), rgba(0,0,0,0.4)); border-bottom: 1px solid var(--border); } .header-inner{ display:grid; grid-template-columns: 1fr auto 1fr; gap:16px; align-items:center; padding: 14px 0; } .brand{display:flex; align-items:center; justify-content:center} .brand img{height:44px; width:auto;filter: drop-shadow(2px 4px 6px black);} .brand-link{display:inline-flex; align-items:center; justify-content:center} .nav-left, .nav-right{display:flex; gap:18px; align-items:center} .nav-left{justify-content:flex-start} .nav-right{justify-content:flex-end} .nav a{ font-size:.95rem; color: rgba(245,245,245,.88); padding:8px 10px; border-radius:12px; } .nav a:hover{background: rgba(255,255,255,.06)} @media (min-width: 767px){ .site-header.solo{ height: 50px; } .site-header.solo .nav-left, .site-header.solo .nav-right{ display:none; } .site-header.solo .header-inner .brand { position: absolute; left: 50%; transform: translateX(-50%); top: 6px; } .site-header.solo .header-inner .brand img { height: 110px; } } .btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; padding: 6px 12px; border-radius: 14px; border: 1px solid var(--border); background: rgba(255,255,255,.04); color: var(--text); cursor:pointer; text-decoration: none; margin-top: auto; } .btn:hover{background: rgba(255,255,255,.06)} .btn-primary{ border: 1px solid rgba(225,6,0,.55); background: var(--btn-p-bg); box-shadow: 0 10px 26px rgba(225,6,0,.18); } .btn-primary:hover{ filter: brightness(1.05); } .btn-sm{padding: 10px 12px; border-radius: 12px; font-size: .92rem} .chip{ display:inline-flex; gap:8px; align-items:center;justify-content: center; padding: 8px 10px; border-radius: 999px; border:1px solid var(--border); background: rgba(255,255,255,.03); color: rgba(245,245,245,.9); font-size: .88rem; } .dot{ width:8px; height:8px; border-radius:99px; background: var(--accent); box-shadow: 0 0 0 3px rgba(225,6,0,.18) } .section{padding: var(--section-margin) 0} .section.dark{ background-color: #000000; } .section.dark .card{ background: linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.12)) } .card{ overflow: hidden; position: relative; background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); } .card:before { content: ""; position: absolute; inset: -120px -120px auto auto; width: 260px; height: 260px; background: var(--edgeglow); transform: rotate(30deg); pointer-events: none; z-index: 1; } .card-bg:after { content: ""; position: absolute; background-image: url(/_test/_assets/media/header-trans-01.webp); top: 0; left: 0; right: 0; bottom: 0; z-index: 0; } .card-fullimage { height: 100%; } .card-fullimage img { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 767px){ .remove-card-xs { padding: unset !important; background: unset; border: unset; border-radius: unset; box-shadow: unset; } .remove-card-xs:before { content: unset; background: unset; border: unset; } } .hero-grid .card:before {content:unset;} .card-pad{padding: var(--card-pad)} .card-explode, .card-breakout { margin-left: calc(var(--card-pad)*-1); margin-top: calc(var(--card-pad)*-1); margin-right: calc(var(--card-pad)*-1); border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .hero{padding: var(--section-margin) 0 var(--margin) 0;} .hero .card > *:not(.hero-cta) { text-shadow: 1px 2px 3px black; } .hero-grid{ display:grid; grid-template-columns: 1fr 1fr; gap: 26px; align-items: stretch; z-index: 1; } .hero h1{font-size: clamp(1.6rem, 3vw, 2.2rem)} .hero p{font-size:1.03rem} .hero-cta{display:flex; flex-wrap:wrap; gap:12px; margin-top: 18px; align-items: center; } .hero-cta.center{justify-content:center} .contact-tel { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; } .hero .kicker {color: #fff;} .bg-blur { backdrop-filter: blur(4px); } .trust-row{ display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; align-items:center; justify-content: center;z-index: 1;position: relative; } .trust-chip{ cursor: default; display:inline-flex; align-items:center; gap:10px; padding:10px 16px 10px 12px; border-radius:999px; border:1px solid rgba(255,255,255,.12); background: rgba(0, 0, 0, 0.5); color: rgba(245,245,245,.92); font-size:.92rem; line-height:1; white-space:nowrap; transition: transform .12s ease, background .12s ease, border-color .12s ease; } .trust-chip.is-primary{ border-color: rgba(225,6,0,.55); background: linear-gradient(180deg, rgba(225,6,0,.20), rgba(122,11,7,.18)); } .trust-chip:hover{ transform: translateY(-1px); background: rgba(255,255,255,.05); border-color: rgba(225,6,0,.35); } .trust-ico{ width:24px; height:24px; display:grid; place-items:center; font-size:20px; } .trust-row.bw .trust-chip { filter: grayscale(1); } .trust-row.bw .trust-ico { filter: brightness(1); } @media (max-width: 767px){ .trust-row{ justify-content: unset; } } @media (max-width: 1023px){ .trust-container { width: 100%; mask-image: linear-gradient( to right, transparent 0, black 40px, black calc(100% - 40px), transparent 100% ) } .trust-chip:first-child { margin-left: 20px; } .trust-row{ flex-wrap:nowrap; overflow-x:auto; padding-bottom:6px; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; } .trust-chip{ scroll-snap-align: start; scroll-margin-left: 20px; } .trust-row::-webkit-scrollbar{ height:6px; } .trust-row::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.12); border-radius:999px; } } .hero.bg-image { background-color: var(--bg); background-repeat: no-repeat; xbackground-size: cover; background-position: top center; min-height: 500px; display: flex; flex-direction: column; justify-content: space-between; } .hero-image { display: flex; position: absolute; top: 0; overflow: hidden; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; max-height: 500px; justify-content: center; } .hero-image:hover img { } .hero-image img { width: 100%; height: 100%; object-fit: cover; object-position: 80% 100%; filter: grayscale(0); max-width: 1400px; } .hero-image::after{ content:""; position:absolute; inset:0; z-index: 1; background: radial-gradient(50% 60% at 20% 10%, rgba(225,6,0,.22), rgba(225,6,0,0) 55%), linear-gradient(0deg, var(--bg) 0%, var(--bg0) 20%), linear-gradient(180deg, var(--bg) 0%, var(--bg0) 11% ); } @media (max-width: 767px){ .hero-image{ } .hero-image img { position: relative; width: 100%; height: auto; } .hero-image::after{ background: radial-gradient(40% 40% at 10% 0%, rgba(225,6,0,.22), rgba(225,6,0,0) 55%), linear-gradient(0deg, var(--bg) 10%, var(--bg0) 40% ), linear-gradient(180deg, var(--bg) 0%, var(--bg0) 8% ); } } .hero-gradients { aspect-ratio: 1402/500; position: absolute; height: 100%; background: linear-gradient(90deg, var(--bg) 4%, var(--bg0) 40%), linear-gradient(90deg, var(--bg0) 90%, var(--bg) 97%), radial-gradient(70% 80% at 60% 50%, var(--bg0) 50%, var(--bg) 100%); z-index: 1; } .section-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:16px; flex-wrap:wrap; margin-bottom:var(--margin); } .section-head.center{ display: block; margin-bottom:var(--margin); max-width: 75%; margin-left: auto; margin-right: auto; } @media (max-width: 767px){ .section-head.center{ max-width: unset; } } .grid-2{display:grid; grid-template-columns: repeat(2,1fr); gap: var(--grid-gap)} .grid-3{display:grid; grid-template-columns: repeat(3,1fr); gap: var(--grid-gap)} .grid-4{display:grid; grid-template-columns: repeat(4,1fr); gap: var(--grid-gap)} .grid-6{display:grid; grid-template-columns: repeat(3,1fr); gap: var(--grid-gap)} .grid-2-1{display:grid; grid-template-columns: 2fr 1fr; gap: var(--grid-gap)} .grid-1-2{display:grid; grid-template-columns: 1fr 2fr; gap: var(--grid-gap)} @media (max-width: 1023px){ .hero-grid{grid-template-columns: 2fr 1fr;} } @media (max-width: 767px){ .colorder-1-xs { order: 1; } .colorder-2-xs { order: 2; } .grid-2{grid-template-columns: 1fr} .grid-3{grid-template-columns: 1fr} .grid-4{grid-template-columns: 1fr} .grid-6{grid-template-columns: 1fr} .grid-2-1,.grid-1-2{grid-template-columns: 1fr} .brand img { height: 64px; } .header-inner{grid-template-columns: auto 1fr auto;height: 40px;} .header-inner .brand { position: absolute; left: 50%; transform: translateX(-50%); top: 6px; } .nav-left,.nav-right{display:none} .hero-grid{grid-template-columns: 1fr;} .hero-gradients { width: 100%; } .hero .card { } .hero.bg-image .hero-grid{ margin-top: 170px; } } @media (max-width: 767px){ .nav-right{gap:10px} .grid-6{grid-template-columns: 1fr} .grid-3{grid-template-columns: 1fr} } .icon{ margin: 0 auto; width:38px; height:38px; border-radius: 12px; display:grid; place-items:center; background: rgba(225,6,0,.12); border: 1px solid rgba(225,6,0,.22); } .icon svg{width:20px; height:20px; fill: var(--accent)} .hcard{ position: relative; overflow: hidden; text-align: center; padding: var(--card-pad-small); border-radius: var(--radius); border:1px solid var(--border); background: var(--card-bg); transition: all 0.3s; } .hcard h3{font-size:1.05rem} .hcard p{ margin: .5rem 0 0 0; color: rgba(245,245,245,.86); text-wrap-style: balance; } .hcard .emoji { margin: 0 auto var(--margin) auto; aspect-ratio: 1 / 1; height: 1.7em; border-radius: 50px; display: grid; place-items: center; background: rgba(225, 6, 0, .12); border: 1px solid rgba(225, 6, 0, .22); font-size: 2em; filter: grayscale(1); transition: all 0.3s; } .hcard:hover .emoji { filter: grayscale(0); } .colored-card { background-image: var(--bg-colored-card); background-repeat: no-repeat; background-size: 100%; background-position: center; } .service-card{ padding: var(--card-pad); border-radius: var(--radius); border:1px solid var(--border); background: var(--card-bg); display:flex; flex-direction:column; gap:10px; overflow: hidden; } .service-card .top{display:flex; gap:12px; align-items:flex-start} .service-card h3{font-size:1.05rem} .service-card h4{margin-bottom: 0;} .service-card p{margin:0; color: rgba(245,245,245,.84)} .service-card .link { margin-top: auto; display: inline-flex; align-items: center; gap: 8px; font-weight: 800; } .service-card ul { list-style: none; margin-left: 0; padding: 0; } .service-card li { padding-left: 1.5rem; position: relative; } .service-card li:before { content: "✓"; position: absolute; left: 0; color: var(--accent); font-weight: bold; } .service-header { } .divider{height:1px; background: linear-gradient(90deg, var(--accent-darker), var(--accent), var(--accent-darker)); margin: 20px 0;} .image-card-header { text-align: center; position: relative; border: unset; } .image-card-header h3 { font-size: 1.3em; } .image-card-header .image-overlay { position: absolute; background-image: linear-gradient(180deg, transparent 0%, var(--bg) 100%); padding: 12px; width: 100%; bottom: 0px; } .quote{ position: relative; padding: var(--margin); border-radius: var(--radius); border:1px solid var(--border); background: var(--card-bg); margin-bottom: var(--margin); } .quote .stars{color: var(--accent); letter-spacing: 2px; font-weight:900;font-size: 1.5em;line-height: 1;} .quote p{ margin: 5px 0 0 0; font-size: 0.9em; } .quote .who{ margin-top:10px; color: rgba(245,245,245,.72); font-size:.9rem; line-height: 1; display: grid; grid-auto-flow: column; gap: 6px; justify-content: end; align-items: center; } .quote .ic { --icon-size: 50px; position: absolute; aspect-ratio: 1; top: -10px; right: 0px; filter: brightness(0.5); } .quote .avatar-icon { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background-color: var(--loc-color,var(--accent)); color: white; font-family: sans-serif; font-size: 18px; font-weight: 500; text-transform: uppercase; user-select: none; } .quote .avatar-icon::before { content: attr(data-letter); } @media (max-width: 767px){ .quote p{ font-size: 1em; } } .cta-more-center { display: flex; justify-content: center; } .steps{display:grid; gap:12px} .step{ display:grid; grid-template-columns: 34px 1fr; gap:12px; align-items:flex-start; padding: 14px 16px; border-radius: 16px; border:1px solid var(--border); background: rgba(255,255,255,.03); } .step .n{ width:34px; height:34px; border-radius: 12px; display:grid; place-items:center; background: rgba(225,6,0,.12); border: 1px solid rgba(225,6,0,.22); color: var(--text); font-weight: 850; } .step p{margin:0; color: rgba(245,245,245,.86)} .location{ display:grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: stretch; } .location .map{overflow:hidden;} .location img{width:100%; height:100%; object-fit:cover; display:block} @media (max-width: 1024px){ .location img{object-fit:contain} } .ar2-1{aspect-ratio: 2 / 1;object-fit: cover;} .ar3-1{aspect-ratio: 3 / 1;object-fit: cover;} @media (max-width: 767px){ .location{grid-template-columns: 1fr} .ar2-1-xs{aspect-ratio: 2 / 1;} .ar3-1-xs{aspect-ratio: 3 / 1;} .ar3-2-xs{aspect-ratio: 3 / 2;} .ar4-3-xs{aspect-ratio: 4 / 3;} } .o-p-bottom { object-position: bottom; } .o-p-top { object-position: top; } .footer{padding: 50px 0; border-top: 1px solid var(--border); color: rgba(245,245,245,.78);} .footer-grid{display:grid; grid-template-columns: 1.2fr .8fr; gap: 18px;} .footer-links { list-style: none; margin-left: 0; padding: 0; } .footer-links a { text-decoration: none; font-weight: bold; } footer .vcard { display: block; } @media (min-width: 768px){ footer .vcard img { width: 50%; margin: 0 auto; } footer .allin-vcard { text-align: center; } } @media (max-width: 767px){ .footer-grid{grid-template-columns: 1fr} footer .vcard { width: 30%; float: right; margin-top: -20%; } } .badge-row{display:flex; flex-wrap:wrap; gap:10px; margin-top: 12px} @media (max-width: 767px){ .footer-actions{display:grid; gap:10px} } .brand-disclaimer { font-size: 0.8rem; opacity: 0.6; } .bottom-bar { width: 100%; padding: 5px; position: fixed; bottom: 0; z-index: 10; background-color: var(--accent); text-align: center; display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; } .bottom-bar a { padding: 5px; text-decoration: none; } .icon-row { display: flex; justify-content: flex-start; gap: 20px; margin-top: 10px; } .faq-item { background: white; margin-bottom: 10px; overflow: hidden; border-radius: var(--radius); border: 1px solid var(--border); background: rgba(255, 255, 255, .03); } .faq-header { display: flex; justify-content: space-between; align-items: center; padding: 20px; cursor: pointer; transition: background 0.2s; margin-bottom: 0; } .faq-header:after { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 30px; font-weight: 400; transition: transform 0.3s ease; flex-shrink: 0; content: "+"; } .faq-item.active .faq-header:after { transform: rotate(45deg); } .xfaq-header:hover, .faq-item:hover, .faq-item.active { background: rgba(255,255,255,.1); } .faq-item.active .faq-icon { transform: rotate(45deg); } .faq-content { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.3s ease, padding 0.3s ease; overflow: hidden; } .faq-content-inner { min-height: 0; padding: 0 20px; color: var(--muted); } .faq-item.active .faq-content { grid-template-rows: 1fr; padding-top: 0px; padding-bottom: 20px; } .back-to-top { position: fixed; bottom: 30px; right: -70px; width: 40px; height: 40px; background: #000; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); z-index: 1000; box-shadow: 0 4px 15px rgba(0,0,0,0.3); opacity: 0; visibility: hidden; } .back-to-top.visible { right: 30px; opacity: 1; visibility: visible; } .back-to-top::before { content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid #fff; } .back-to-top:hover { transform: scale(1.1); background: #333; box-shadow: 0 6px 20px rgba(0,0,0,0.4); } .back-to-top:active { transform: scale(0.95); } @media (max-width: 767px) { .back-to-top { width: 30px; height: 30px; bottom: 10px; } .back-to-top::before { content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #fff; } .back-to-top.visible { right: 10px; opacity: 0.5; } } @media (max-width: 1023px){ .overflow-xs { --mp-swiffy-height: 8; } .overflow-xs .quote { display: flex; flex-direction: column; } .overflow-xs .quote .content { position: relative; } .overflow-xs .quote .content p { height: calc(var(--mp-swiffy-height) * 1.4em); overflow-y: auto; padding-bottom: 2em; hyphens: auto; } .overflow-xs .quote .content::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2em; background: linear-gradient(transparent, rgb(44 44 44)); } .overflow-xs.has-clamp p { display: block; } } .swiffy-slider .quote { margin-top: var(--margin); } .mp-swiffy .slider-container { padding: 14px 0 0 0; } .mp-swiffy.swiffy-slider { --swiffy-slider-nav-light: var(--accent); } @media (max-width: 767px) { .mp-swiffy.swiffy-slider { --swiffy-slider-nav-outside-size: 0; } .mp-swiffy.swiffy-slider .slider-container { overflow-y: hidden; overscroll-behavior-y: contain; margin: 0; } .swiffy-slider.slider-nav-visible .slider-nav { visibility: hidden; } .swiffy-slider.mp-slider-item-reveal-xs { --swiffy-slider-item-reveal: 12%; } } .clamp,.has-clamp p { --lines: 8; position: relative; } @supports (-webkit-line-clamp: 1) { .clamp,.has-clamp p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--lines); overflow: hidden; hyphens: auto; } .clamp.is-expanded,.has-clamp p.is-expanded { display: block; -webkit-line-clamp: unset; overflow: visible; } } @supports not (-webkit-line-clamp: 1) { .clamp,.has-clamp p { max-height: calc(var(--lines) * 1.4); overflow: hidden; } .clamp.is-expanded,.has-clamp p.is-expanded { max-height: none; overflow: visible; } }