.elementor-kit-6{--e-global-color-text:#FFFFFF;--e-global-color-primary:#0050FF;--e-global-color-accent:#5E9CFF;--e-global-color-secondary:#262626;--e-global-color-0dd3cd9:#000000;--e-global-color-0d1c23e:#0D0F11;--e-global-typography-primary-font-family:"Unbounded";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-family:"Unbounded";--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-font-weight:300;--e-global-typography-secondary-font-style:italic;--e-global-typography-secondary-line-height:1em;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Unbounded";--e-global-typography-accent-font-size:24px;--e-global-typography-accent-font-weight:300;--e-global-typography-accent-line-height:1em;--e-global-typography-4f3364e-font-family:"Unbounded";--e-global-typography-4f3364e-font-size:14px;--e-global-typography-4f3364e-font-weight:400;--e-global-typography-4f3364e-text-transform:uppercase;--e-global-typography-b891849-font-family:"Unbounded";--e-global-typography-b891849-font-size:80px;--e-global-typography-b891849-font-weight:700;--e-global-typography-b891849-line-height:1em;background-color:var( --e-global-color-0dd3cd9 );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-0dd3cd9 );border-radius:50px 50px 50px 50px;padding:20px 30px 20px 30px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-primary );}.elementor-kit-6 a:hover{color:var( --e-global-color-primary );}.elementor-kit-6 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );font-style:var( --e-global-typography-secondary-font-style );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-6 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-6 h5{color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-6 h6{color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-6 img{border-radius:3px 3px 3px 3px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1750px;}.e-con{--container-max-width:1750px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1500px){.elementor-kit-6{--e-global-typography-primary-font-size:40px;--e-global-typography-secondary-font-size:28px;--e-global-typography-accent-font-size:22px;--e-global-typography-b891849-font-size:64px;font-size:var( --e-global-typography-text-font-size );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h3{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-6 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-6 h5{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-6 h6{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:1024px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h3{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-6 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-6 h5{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-6 h6{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:28px;--e-global-typography-secondary-font-size:24px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:16px;--e-global-typography-4f3364e-font-size:12px;--e-global-typography-b891849-font-size:32px;font-size:var( --e-global-typography-text-font-size );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-6 h3{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-6 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-6 h5{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-6 h6{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.iw-button { white-space: nowrap !important; } /* GLOBAL SECTION PADDING */ :root { /* DESKTOP */ --section-padding-y: 100px; --section-padding-x: 50px; } /* TABLET */ @media (max-width: 1024px) { :root { --section-padding-y: 100px; --section-padding-x: 30px; } } /* MOBILE */ @media (max-width: 767px) { :root { --section-padding-y: 50px; --section-padding-x: 20px; } } /* ========================================================== INFINITY WEB - BLUE ELECTRIC ANIMATED GRADIENT Classe da usare in Elementor: iw-blue-gradient ========================================================== */ .iw-blue-gradient { position: relative; overflow: hidden; isolation: isolate; background: #010717 !important; } /* ========================================================== GRADIENT PRINCIPALE ========================================================== */ .iw-blue-gradient::before { content: ""; position: absolute; inset: -18%; z-index: 0; pointer-events: none; background: /* SCURO MORBIDO CENTRO-DESTRA */ radial-gradient( ellipse 34% 58% at 80% 48%, rgba(0, 2, 12, 0.96) 0%, rgba(0, 7, 25, 0.82) 32%, rgba(1, 20, 52, 0.52) 55%, transparent 78% ), /* AZZURRO / BLU CHIARO ALTO DESTRA */ radial-gradient( ellipse 42% 48% at 95% -5%, rgba(152, 213, 255, 0.82) 0%, rgba(73, 151, 255, 0.62) 35%, rgba(27, 74, 169, 0.34) 60%, transparent 82% ), /* BLU ELETTRICO BASSO DESTRA */ radial-gradient( ellipse 50% 40% at 72% 108%, rgba(0, 119, 255, 0.98) 0%, rgba(0, 72, 255, 0.82) 35%, rgba(0, 37, 155, 0.48) 62%, transparent 84% ), /* LUCE PRINCIPALE BASSO SINISTRA */ radial-gradient( ellipse 42% 48% at 12% 96%, rgba(235, 248, 255, 0.98) 0%, rgba(174, 222, 255, 0.86) 30%, rgba(79, 163, 255, 0.58) 55%, transparent 79% ), /* LUCE SECONDARIA */ radial-gradient( ellipse 36% 30% at 33% 102%, rgba(113, 201, 255, 0.74) 0%, rgba(20, 127, 255, 0.44) 45%, transparent 80% ), /* CIANO / BLU ELETTRICO SINISTRA */ radial-gradient( ellipse 44% 62% at 22% 44%, rgba(0, 174, 255, 0.96) 0%, rgba(0, 112, 255, 0.82) 34%, rgba(0, 49, 170, 0.48) 62%, transparent 84% ), /* BLU ELETTRICO CENTRALE */ radial-gradient( ellipse 42% 52% at 54% 65%, rgba(0, 91, 255, 0.76) 0%, rgba(0, 53, 204, 0.56) 42%, rgba(0, 25, 92, 0.24) 70%, transparent 88% ), /* BLU SCURO ALTO SINISTRA */ radial-gradient( ellipse 58% 42% at 30% -6%, rgba(0, 38, 125, 0.72) 0%, rgba(0, 15, 65, 0.54) 46%, transparent 78% ), /* BASE */ linear-gradient( 112deg, #010510 0%, #021535 38%, #03275a 62%, #010916 100% ); filter: blur(42px) saturate(1.12); transform: translate3d(-3%, -1%, 0) scale(1.12); animation: iwBlueGradientMove 11s cubic-bezier(.45, 0, .55, 1) infinite; will-change: transform; } /* ========================================================== ALONI SECONDARI ANIMATI ========================================================== */ .iw-blue-gradient::after { content: ""; position: absolute; inset: -20%; z-index: 0; pointer-events: none; background: /* CIANO ELETTRICO */ radial-gradient( ellipse 34% 46% at 28% 48%, rgba(0, 199, 255, 0.28) 0%, rgba(0, 174, 255, 0.12) 38%, transparent 72% ), /* BLU ELETTRICO */ radial-gradient( ellipse 36% 42% at 67% 78%, rgba(0, 90, 255, 0.30) 0%, rgba(0, 58, 255, 0.13) 42%, transparent 74% ), /* LUCE CHIARA */ radial-gradient( ellipse 28% 36% at 16% 90%, rgba(220, 245, 255, 0.22) 0%, rgba(125, 208, 255, 0.09) 45%, transparent 72% ); filter: blur(55px); animation: iwBlueGradientGlow 8s ease-in-out infinite; will-change: transform, opacity; } /* ========================================================== CONTENUTO SOPRA LO SFONDO ========================================================== */ .iw-blue-gradient > * { position: relative; z-index: 1; } /* ========================================================== ANIMAZIONE GRADIENT PRINCIPALE ========================================================== */ @keyframes iwBlueGradientMove { 0% { transform: translate3d(-4%, -2%, 0) scale(1.12); } 25% { transform: translate3d(2%, -4%, 0) scale(1.16); } 50% { transform: translate3d(4%, 2%, 0) scale(1.13); } 75% { transform: translate3d(-1%, 4%, 0) scale(1.17); } 100% { transform: translate3d(-4%, -2%, 0) scale(1.12); } } /* ========================================================== ANIMAZIONE ALONI ========================================================== */ @keyframes iwBlueGradientGlow { 0% { transform: translate3d(-6%, 2%, 0) scale(1); opacity: 0.65; } 33% { transform: translate3d(5%, -5%, 0) scale(1.12); opacity: 1; } 66% { transform: translate3d(4%, 5%, 0) scale(1.16); opacity: 0.82; } 100% { transform: translate3d(-6%, 2%, 0) scale(1); opacity: 0.65; } } /* ========================================================== ACCESSIBILITÀ ========================================================== */ @media (prefers-reduced-motion: reduce) { .iw-blue-gradient::before, .iw-blue-gradient::after { animation: none; } } /* Chrome / Edge / Safari */ .iw-review-text::-webkit-scrollbar { width: 4px !important; } .iw-review-text::-webkit-scrollbar-track { background: transparent !important; border-radius: 999px; } .iw-review-text::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,.45) !important; border-radius: 999px; border: none !important; } .iw-review-text::-webkit-scrollbar-thumb:hover { background-color: rgba(255,255,255,.75) !important; } .iw-review-text::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.07) !important; border-radius: 999px; } .iw-review-text::-webkit-scrollbar-thumb { background: linear-gradient( 180deg, rgba(255,255,255,.25), rgba(255,255,255,.70), rgba(255,255,255,.25) ) !important; border-radius: 999px; } .iw-review-text { max-height: 170px; overflow-y: scroll; overflow-x: hidden; padding-right: 16px; } /* ========================================================== INFINITY WEB - BLUE ELECTRIC SHAPES SOLO I 2 DIV GRADIENT Shape sinistra: iw-shape-left Shape destra: iw-shape-right ========================================================== */ /* ========================================================== BASE COMUNE ========================================================== */ .iw-shape-left, .iw-shape-right { position: absolute; display: block; width: 54%; height: 380px; pointer-events: none; z-index: 0; border-top-left-radius: 100%; border-top-right-radius: 100%; background-size: 180% 180%; filter: blur(82px) saturate(1.45) brightness(1.18); transform-origin: center center; mix-blend-mode: screen; will-change: transform, background-position, opacity; } /* ========================================================== SHAPE SINISTRA ========================================================== */ .iw-shape-left { opacity: 0.92; background-color: #001b5c; background-image: /* AZZURRO CHIARISSIMO */ radial-gradient( ellipse 34% 52% at 10% 80%, rgba(218, 245, 255, 1) 0%, rgba(137, 215, 255, 0.92) 20%, rgba(55, 165, 255, 0.65) 42%, transparent 72% ), /* CIANO ELETTRICO */ radial-gradient( ellipse 46% 62% at 30% 53%, rgba(0, 200, 255, 1) 0%, rgba(0, 157, 255, 0.95) 25%, rgba(0, 98, 255, 0.75) 48%, rgba(0, 53, 188, 0.38) 67%, transparent 84% ), /* BLU ELETTRICO */ radial-gradient( ellipse 52% 68% at 58% 58%, rgba(0, 111, 255, 1) 0%, rgba(0, 82, 255, 0.96) 28%, rgba(0, 55, 214, 0.72) 50%, rgba(0, 27, 116, 0.35) 70%, transparent 87% ), /* BLU PROFONDO */ radial-gradient( ellipse 48% 64% at 84% 48%, rgba(0, 68, 200, 0.80) 0%, rgba(0, 38, 125, 0.55) 40%, rgba(0, 16, 65, 0.25) 67%, transparent 85% ), /* BASE */ linear-gradient( 110deg, #001136 0%, #00358e 42%, #005eff 68%, #00143e 100% ); animation: iwShapeBlueLeft 10s cubic-bezier(.45, 0, .55, 1) infinite alternate; } /* ========================================================== SHAPE DESTRA ========================================================== */ .iw-shape-right { opacity: 0.88; background-color: #00164c; background-image: /* BLU ELETTRICO */ radial-gradient( ellipse 50% 64% at 25% 58%, rgba(0, 105, 255, 1) 0%, rgba(0, 76, 255, 0.92) 28%, rgba(0, 46, 180, 0.60) 53%, transparent 79% ), /* AZZURRO */ radial-gradient( ellipse 44% 56% at 52% 45%, rgba(61, 174, 255, 0.94) 0%, rgba(0, 132, 255, 0.82) 30%, rgba(0, 72, 220, 0.50) 55%, transparent 78% ), /* CIANO */ radial-gradient( ellipse 42% 58% at 76% 68%, rgba(0, 195, 255, 0.90) 0%, rgba(0, 133, 255, 0.76) 34%, rgba(0, 65, 190, 0.42) 57%, transparent 80% ), /* PUNTO CHIARO */ radial-gradient( ellipse 27% 42% at 92% 84%, rgba(186, 231, 255, 0.82) 0%, rgba(72, 174, 255, 0.50) 38%, transparent 72% ), /* BLU PROFONDO */ radial-gradient( ellipse 46% 62% at 94% 34%, rgba(0, 45, 145, 0.72) 0%, rgba(0, 22, 78, 0.46) 45%, transparent 77% ), /* BASE */ linear-gradient( 110deg, #001139 0%, #003a9b 42%, #006cff 70%, #001237 100% ); animation: iwShapeBlueRight 12s cubic-bezier(.45, 0, .55, 1) infinite alternate; } /* ========================================================== ANIMAZIONE SHAPE SINISTRA ========================================================== */ @keyframes iwShapeBlueLeft { 0% { background-position: 0% 50%; transform: translate3d(-3%, 2%, 0) scale(1); opacity: 0.82; } 25% { background-position: 28% 30%; transform: translate3d(2%, -3%, 0) scale(1.07); opacity: 0.96; } 50% { background-position: 62% 68%; transform: translate3d(6%, 1%, 0) scale(1.11); opacity: 0.90; } 75% { background-position: 88% 38%; transform: translate3d(1%, -2%, 0) scale(1.06); opacity: 1; } 100% { background-position: 100% 58%; transform: translate3d(-2%, 3%, 0) scale(1.10); opacity: 0.88; } } /* ========================================================== ANIMAZIONE SHAPE DESTRA ========================================================== */ @keyframes iwShapeBlueRight { 0% { background-position: 100% 50%; transform: translate3d(3%, 2%, 0) scale(1.02); opacity: 0.78; } 25% { background-position: 72% 28%; transform: translate3d(-2%, -3%, 0) scale(1.09); opacity: 0.92; } 50% { background-position: 42% 72%; transform: translate3d(-5%, 2%, 0) scale(1.13); opacity: 0.86; } 75% { background-position: 18% 42%; transform: translate3d(1%, -2%, 0) scale(1.08); opacity: 0.96; } 100% { background-position: 0% 57%; transform: translate3d(4%, 2%, 0) scale(1.11); opacity: 0.82; } } /* ========================================================== ACCESSIBILITÀ ========================================================== */ @media (prefers-reduced-motion: reduce) { .iw-shape-left, .iw-shape-right { animation: none; } } /* ===================================================== ICONA SFUMATA RADIALE Classe Elementor: icona-sfumata ===================================================== */ .icona-sfumata { /* ===== CONTROLLI GENERALI ===== */ /* Opacità generale dell'icona */ --icon-opacity: 0.50; /* Leggero blur per ammorbidire la griglia */ --icon-blur: 0.4px; /* ===== CONTROLLI SFUMATURA ===== */ /* Parte centrale piena */ --mask-solid: 8%; /* Inizio dissolvenza */ --mask-soft-1: 22%; /* Dissolvenza media */ --mask-soft-2: 42%; /* Fine dissolvenza */ --mask-end: 78%; } /* SVG dell'icona */ .icona-sfumata .elementor-icon svg { display: block; /* Rende l'icona bianca */ filter: brightness(0) invert(1); /* Alleggerisce tutta l'icona */ opacity: var(--icon-opacity); /* Ammorbidisce leggermente linee e griglia */ filter: brightness(0) invert(1) blur(var(--icon-blur)); /* Sfumatura radiale più evidente */ -webkit-mask-image: radial-gradient( circle at center, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) var(--mask-solid), rgba(0, 0, 0, 0.9) var(--mask-soft-1), rgba(0, 0, 0, 0.45) var(--mask-soft-2), rgba(0, 0, 0, 0.12) calc(var(--mask-end) - 8%), rgba(0, 0, 0, 0) var(--mask-end) ); mask-image: radial-gradient( circle at center, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) var(--mask-solid), rgba(0, 0, 0, 0.9) var(--mask-soft-1), rgba(0, 0, 0, 0.45) var(--mask-soft-2), rgba(0, 0, 0, 0.12) calc(var(--mask-end) - 8%), rgba(0, 0, 0, 0) var(--mask-end) ); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; }/* End custom CSS */