@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}
/**
 * Swiper 11.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 28, 2024
 */
 :root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}

 :root {
     --header-lg: 6rem;    
 
     --white:#FFFFFF;
     --black:#000000;

     
     --red:#E30613;
    --light-blue:#3AABE2;

    --border-radius: 1.25rem;
 
    --made-tommy-soft: 'MadeTommySoft', 'Helvetica', 'Arial', sans-serif;

     --azzurro: rgb(0, 178, 227); /* #00b2e3 */
     --blu: rgb(0, 47, 135); /* #002f87 */
     --giallo: rgb(255, 205, 0); /* #FFCD00 */
     --rosa: rgb(255, 89, 90); /* #ff595a */
     --rosso: rgb(234, 0, 41); /* #ea002b */
     --verde: rgb(147, 213, 0); /* #00b2e3 */

     --rainbow-gradient:linear-gradient(90deg, #E41A30 0%, #E73252 10.04%, #ED6EA7 20.08%, #FD0 40.15%, #95C11F 60.23%, #1DBADF 80.3%, #2F52A0 100.38%);

 }
 
 /* - GENERIC FONT FAMILY - */
 
 html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     font-family: var(--made-tommy-soft);
 }
 
 h1, h2, h3, h4, h5, h6 {
     font-family: var(--made-tommy-soft);
     margin-bottom: 0 !important
 }
 
 html body {
     width: 100%;
     margin: 0 auto;
     color: var(--black);
     font-size: 16px;
 }

     
@media ( max-width: 400px ) {
    html {
        font-size: 14px;
    }
 }
@media ( max-width: 360px ) {
    html {
        font-size: 12px;
    }
 }
 
 /* - Colored text - */
 .white-text, .white-text * { color:var(--white) }
 .black-text, .black-text * { color:var(--black) }
 .main-text, .main-text * { color:var(--main) }
 .blue-text, .blue-text * { color:var(--blue) }
 .red-text, .red-text * { color:var(--red) }
 
 .rosa-text, .rosa-text * { color:var(--rosa) }
 .azzurro-text, .azzurro-text * { color:var(--azzurro) }
 .giallo-text, .giallo-text * { color:var(--giallo) }
 .blu-text, .blu-text * { color:var(--blu) }
 .rosso-text, .rosso-text * { color:var(--rosso) }
 .verde-text, .verde-text * { color:var(--verde) }
 
 /* - Colored backgrounds - */
 .black-bcg { background-color: var(--black) }
 .white-bcg { background-color: var(--white) }
 .main-bcg { background-color: var(--main) }
 .secondary-bcg { background-color: var(--secondary) }

 .blu-bcg { background-color: var(--blu); }
 .giallo-bcg { background-color: var(--giallo); }
 .rosa-bcg { background-color: var(--rosa); }
 .azzurro-bcg { background-color: var(--azzurro); }
 .verde-bcg { background-color: var(--verde); }
 .rosso-bcg { background-color: var(--rosso); }
 
 /* - Uppercase, lowercase, centered text, right text, font weights- */
 
 .no-uppercase, .no-uppercase * { text-transform: none !important }
 .all-uppercase, .all-uppercase * { text-transform: uppercase !important }
 .all-lowercase, .all-lowercase * { text-transform: lowercase !important }
 .centered-text, .centered-text * { text-align: center !important }
 .right-text, .right-text * { text-align: right !important; float: right !important }
 
 .font-4,
 .font-4 > * { font-weight: 400 }
 .font-5,
 .font-5 > * { font-weight: 500 }
 .font-6,
 .font-6 > * { font-weight: 600 }
 .font-7,
 .font-7 > * { font-weight: 700 }
 .font-9,
 .font-9 > * { font-weight: 900 }
 .font-u,
 .font-u > * { text-decoration: underline }
 .font-i,
 .font-i > * { font-style: italic; }
 .cap-text,
 .cap-text > * { text-transform: capitalize }
 
 .poppins, .poppins * { font-family: var(--made-tommy-soft) }
 .noto, .noto * { font-family: var(--made-tommy-soft) }
 .yanone, .yanone * { font-family: var(--made-tommy-soft) }
 .made-tommy-soft, .made-tommy-soft * { font-family: var(--made-tommy-soft) }
 
 
 .text-075, .text-075 * {
     font-size: .75rem;
     line-height: 1em;
 }
 
 .page-title {
     text-transform: uppercase;
     font-size: 3rem;
 }
 .title-p, .title-p * {
     font-size: 1rem;
     line-height: 1em;
 }
 .title-11, .title-11 * {
     font-size: 1.1rem;
     line-height: 1em;
 }
 .title-125, .title-125 * {
     font-size: 1.25rem;
     line-height: 1em;
 }
 .title-15, .title-15 * {
     font-size: 1.5rem;
     line-height: 1em;
 }
 .title-2, .title-2 * {
     font-size: 2rem;
     line-height: 1em;
 }
 .title-25, .title-25 * {
     font-size: 2.5rem;
     line-height: 1em;
 }
 .title-3, .title-3 * {
     font-size: 3rem;
     line-height: 1em;
 }
 .title-35, .title-35 * {
     font-size: 3.5rem;
     line-height: 1em;
 }
 .title-4, .title-4 * {
     font-size: 4rem;
     line-height: 1em;
 }
 .title-5, .title-5 * {
     font-size: 5rem;
     line-height: 1em;
 }
 .title-6, .title-6 * {
     font-size: 6rem;
     line-height: 1em;
 }
 
 button, input:not([type="submit"], [type="file"]), optgroup, select, textarea {
     width: 100%;
     padding: 1.5rem 1rem .5rem;
     /* border: none; */
     border: 1px solid var(--black);
 }
 input[type="submit"][disabled],
 input.disabled {
    opacity: 0.5;
    pointer-events: none;
 }
 body.body-scontrino select {
    padding: 0.5rem 1rem;
 }
 input[type="checkbox"],
 input[type="radio"] {
     display: none;
 }
 input[type="checkbox"] ~ label,
 input[type="radio"] ~ label {
     display: flex;
     align-items: flex-start;
 }
 input[type="checkbox"] ~ label::before,
 input[type="radio"] ~ label::before {
     content: ' ';
     width: 1rem;
     flex: 0 0 1rem;
     height: 1rem;
     border: 1px var(--azzurro) solid;
     margin-right: .5rem;
 }
 input[type="checkbox"]:focus ~ label::before,
 input[type="radio"]:focus ~ label::before,
 input[type="checkbox"]:focus-visible ~ label::before,
 input[type="radio"]:focus-visible ~ label::before {
    border-width: 2px;
 }
 input[type="checkbox"]:checked ~ label::before {
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6L5.4 11L12 1' stroke='%233AABE2' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
 }
 input[type="radio"]:checked ~ label::before {
     background-color: var(--azzurro);
     padding: 2px;
     background-clip: content-box;
 }
 input[type="radio"] ~ label::before {
     border-radius: 50%;
 }
 .consents input[type="checkbox"] {
    display: block;
    width: auto;
    opacity: 0;
    position: absolute;
    top: 0;
 }
 select {
    padding-left: 0.7rem;
    padding-right: 0.7rem;
    -webkit-appearance: none;
}
input[type="date"] {
     -webkit-appearance: none;
 }
 select[name="private-area"] {
    padding-top: 0.5rem;
 }
 .input--placeholder {
     position: relative;
 }
 .input--placeholder p {
     position: absolute;
     left: 1rem;
     top: 50%;
     transform: translate(0, -50%);
     opacity: .5;
     pointer-events: none;
     transition: all 250ms ease;
 }
 .input--placeholder.focused p,
 .input--placeholder.focused--always p {
     font-size: .7rem;
     top: 33%;
 }
 .input--placeholder.textarea p {
     transform: translate(0, -1rem);
 }
 
 
 .lh-125, .lh-125 * { line-height: 1.25em; }
 .lh-15, .lh-15 * { line-height: 1.5em; }
 .ls-2 { letter-spacing: 2px; }
 
 /* - Titles, text, inline elements - */
 h1, h2, h3, h4, h5, h6 { margin-bottom: 0; }
 
 a,
 a:hover { color: var(--black); }
 
 .main-text a,
 .main-text a:hover { color: var(--main) }

 .border-radius { border-radius: var(--border-radius); }
 
 strong,
 strong a,
 b,
 b a {
     font-size: inherit;
     font-weight: 700 !important;
 }
 .white-text strong,
 .white-text strong a,
 .white-text b,
 .white-text b a {
     color: var(--white) !important;
 }
 
 /* --- GENERIC --- */
 
 /* - Images - */
 
 img, a img {
     display: block;
     -webkit-user-select: none;
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;
     width: 100%;
     height: auto;
 }
 
 /* - Hidden elements - */
 .hidden-element { display: none !important }
 .hidden-title {
     display: none;
     position: fixed;
     top: -300px;
     left: -300px;
 }
 
 /* - Selection - */
 ::-moz-selection {
     background-color:var(--black);
     color:var(--white);
 }
 
 ::selection {
     background-color:var(--black);
     color:var(--white);
 }
 
 /* - Buttons - 
 TODO RIPULIRE
 */
 
 
 button.submit,
 input[type="submit"],
 body div .btn {
     /* min-width: 200px; */
     position: relative;
     font-size: inherit;
     line-height: inherit;
     text-align: center;
     /* 
     Choose:
     width: auto;
     padding: 0; */
     display: inline-flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     -webkit-user-select: none;
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;
     text-decoration: none;
     background-image: var(--rainbow-gradient);
     border-radius: 6rem;
     width: auto;
     padding: 1rem 3rem 0.95rem;
     /* padding: 0.75rem 3rem 0.65rem; */
     /* padding: 1.25rem 3rem 0.75rem; */
     transition: all 250ms ease;
     text-transform: uppercase;
     font-weight: 700;
     border: none;
     line-height: 2;
     min-width: 24rem;
     font-size: 1.5rem;
 }
 button.submit,
 input[type="submit"] {
    color: var(--black);
 }

 @media (max-width: 1279px) {
    button.submit,
    input[type="submit"],
    body div .btn { 
        min-width: auto;
    }
 }
@media ( max-width: 992px ) {
    button.submit,
    input[type="submit"],
    body div .btn { 

        font-size: 1.5rem;
        white-space: normal;
        line-height: 1.3;
    }
}

 body div .btn.rainbow-border-btn,
 body div .btn.red-border-btn,
 body div .btn.red-border-btn {
     position: relative;
    }
body div .btn.red-border-btn {
    background-color: var(--rosso) !important;
    background-image: none;
}
body div .btn.black-border-btn {
    background-color: var(--black) !important;
    background-image: none;
}
body div .btn.rainbow-border-btn::after,
body div .btn.black-border-btn::after,
body div .btn.red-border-btn::after {
    content: ' ';
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border-radius: 5rem;
    z-index: 2;
    background-color: var(--white);
}
body div .btn.rainbow-border-btn span,
body div .btn.black-border-btn span,
body div .btn.red-border-btn span {
    position: relative;
    z-index: 5;
}

 body div .btn span {
     font-family: var(--made-tommy-soft);
     color: var(--black);
     text-transform: uppercase;
     font-weight: 700;
     font-size: 1.5rem;
     transition: all 250ms ease
 }
 body div .btn[disabled] {
    opacity: 0.5;
    pointer-events: none;
 }
 body div .btn.yellow-btn {
    background-image: none;
    background-color: var(--giallo);
 }

 body div .btn.red-text span {
     color: var(--red);
 }
 /* body div .btn:hover {
     background-color: var(--blue);
     color: var(--white);
 } */
 /* body div .btn:hover span {
     color: var(--white);
 } */
 body div .btn.btn-auto {
     width: auto;
 }
 body div .btn.main-btn {
     background-color: var(--main);
 }
 body div .btn.main-btn span {
     color: var(--white);
     padding: 0 2rem;
 }
 body div .btn.blue-btn {
     background-color: var(--blue);
 }
 body div .btn.blue-btn span {
     color: var(--white);
     padding: 0 2rem;
 }
 body div .btn.white-btn {
     background-color: var(--white);
     border: 1px var(--blue) solid
 }
 body div .btn.white-btn span {
     color: var(--blue);
     padding: 0 2rem;
 }
 
 
 body div .btn.wc-backward {
     padding-left: 3rem;
     padding-right: 3rem;
 }
 body div .btn.main-btn:hover {
     background-color: transparent;
 }
 body div .btn.main-btn span:hover {
     color: var(--main);
 }
 body div .btn.disabled-btn {
     pointer-events: none;    
}   
 body.address div .btn:not(.disabled-btn) {
     opacity: 0.5;
 }
 body.address div .thank-you .btn:not(.disabled-btn) {
     opacity: 1;
 }
 body.address div .btn:not(.disabled-btn) span {
    font-weight: 400;
 }
 body div .btn.more {
     position: relative;
 }
 body div .btn.more span.loader {
     position: absolute;
     display: none;
     width: 100%;
     height: 100%;
     align-items: center;
     justify-content: center;
     background: var(--main);
     top: 0;
     left: 0;
     border-radius: 3rem;
 }
 body div .btn.more span.loader::after {
     content: ' ';
     width: 2rem;
     height: 2rem;
     border-radius: 50%;
     background-color: var(--white);
     animation: pulse 1s infinite
 }
 
 @keyframes pulse {
     0%, 100% {
         opacity: 0;
     }
     50% {
         opacity: 1;
     }
 }
 
 .cmb-1 { margin-bottom: 1rem !important }
 .cmb-2 { margin-bottom: 2rem !important }
 .cmb-3 { margin-bottom: 3rem !important }
 .cmb-4 { margin-bottom: 4rem !important }
 .cmb-5 { margin-bottom: 5rem !important }
 .cmb-6 { margin-bottom: 6rem !important }
 
 .cmt-1 { margin-top: 1rem !important }
 .cmt-2 { margin-top: 2rem !important }
 .cmt-3 { margin-top: 3rem !important }
 .cmt-4 { margin-top: 4rem !important }
 .cmt-5 { margin-top: 5rem !important }
 .cmt-6 { margin-top: 6rem !important }
 
 .cpb-1 { padding-bottom: 1rem !important }
 .cpb-2 { padding-bottom: 2rem !important }
 .cpb-3 { padding-bottom: 3rem !important }
 .cpb-4 { padding-bottom: 4rem !important }
 .cpb-5 { padding-bottom: 5rem !important }
 .cpb-6 { padding-bottom: 6rem !important }
 
 .cpt-1 { padding-top: 1rem !important }
 .cpt-2 { padding-top: 2rem !important }
 .cpt-3 { padding-top: 3rem !important }
 .cpt-4 { padding-top: 4rem !important }
 .cpt-5 { padding-top: 5rem !important }
 .cpt-6 { padding-top: 6rem !important }
 
 section {
     overflow: hidden;
     position: relative;
     margin-bottom: 4rem;
 }
 section.no-margin {
     margin-bottom: 0;
 }
 
 .gen--title {
    font-family: var(--made-tommy-soft);
    margin-bottom: 0;
    font-size: 4rem;
    line-height: 1.2;
    font-weight: 700;
    padding: 1rem;
    border-radius: var(--border-radius);
    width: auto;
    background-color: var(--red);
    color: var(--white);
    text-transform: uppercase;
    display: inline-block;
 }

 .gen--title.white-bcg {background-color: var(--white);}
 .gen--title-azzurro { color: var(--azzurro);}
 .gen--title-rosa { color: var(--rosa);}
 .gen--title-giallo { color: var(--giallo);}
 .gen--title-verde { color: var(--verde);}
 .gen--title-blu { color: var(--blu);}
 .gen--title-rosso { color: var(--rosso);}

 .week-color-section .gen--title.white-bcg {color: var(--white);}
 .week-color-section .gen--title-azzurro { background-color: var(--azzurro);}
 .week-color-section .gen--title-rosa { background-color: var(--rosa);}
 .week-color-section .gen--title-giallo { background-color: var(--giallo);}
 .week-color-section .gen--title-verde { background-color: var(--verde);}
 .week-color-section .gen--title-blu { background-color: var(--blu);}
 .week-color-section .gen--title-rosso { background-color: var(--rosso);}

 .gen--title.blu-bcg { background-color: var(--blu); }
 .gen--title.giallo-bcg { background-color: var(--giallo); }
 .gen--title.rosa-bcg { background-color: var(--rosa); }
 .gen--title.azzurro-bcg { background-color: var(--azzurro); }
 .gen--title.verde-bcg { background-color: var(--verde); }
 .gen--title.rosso-bcg { background-color: var(--rosso); }
 .gen--p p {
     margin-bottom: 1em;
 }
 .gen--p p:last-child {
     margin-bottom: 0px;
 }
 .gen--bcg {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
 }
 .gen--bcg-contain {
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
 }
 .gen--body-bcg {
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat repeat;
 }
 .gen--bcg.gen--bcg-overlay {
     z-index: 1;
     position: relative;
 }
 .gen--bcg.gen--bcg-overlay::after {
     content: ' ';
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 2;
     opacity: 0.75;
     background-color:var(--black)
 }
 .gen--bcg.gen--bcg-overlay > * {
     position: relative;
     z-index: 5;
 }
 .gen--bef_aft-contain::before,
 .gen--bef_aft-contain::after {
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
 }
 .gen--img-cover {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 .gen--img-contain {
     width: 100%;
     height: 100%;
     object-fit: contain;
 }
 .gen--hero-video {
     width: 100%;
     height: 100vh;
     position: relative;
 }
 .gen--hero-video iframe {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }
 .gen--box {
     padding: 4px;
     border-radius: var(--border-radius);
     text-align: center;
     background-image: var(--rainbow-gradient);
 }
 .gen--box-inner {
    border-radius: var(--border-radius);
    background-color: var(--white);
 }

 /* .no-preference .gen--box { background-image: none; } */
 .no-preference.verde .gen--box { background-color: var(--verde); background-image: none; }
 .no-preference.azzurro .gen--box { background-color: var(--azzurro); background-image: none;}
 .no-preference.rosso .gen--box { background-color: var(--rosso); background-image: none;}
 .no-preference.giallo .gen--box { background-color: var(--giallo); background-image: none;}
 .no-preference.rosa .gen--box { background-color: var(--rosa); background-image: none;}
 .no-preference.blu .gen--box { background-color: var(--blu); background-image: none;}
 
 .gen--box.rainbow-box {
    background-image: var(--rainbow-gradient) !important;
 }

 .gen--box-white {
    background-color: var(--white);
    padding: 1rem;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius);
 }
 
 .gen--swiper-section {
     position: relative;
 }
 .gen--swiper-section .swiper-button-next::after,
 .gen--swiper-section .swiper-button-prev::after {
     font-size: 1.25rem;
 }
 .gen--popup-gallery-wrapper .swiper-button-next::after,
 .gen--popup-gallery-wrapper .swiper-button-prev::after {
     color:var(--white)
 }
 .gen--swiper-section .swiper-button-next, .gen--swiper-section .swiper-container-rtl .swiper-button-prev { right: -40px; }
 .gen--swiper-section .swiper-button-prev, .gen--swiper-section .swiper-container-rtl .swiper-button-next { left: -40px; }
 
.rainbow-hr {
    height: 4px;
    background-image: var(--rainbow-gradient);
    border-top: none;
    opacity: 1;
    margin-bottom: 0;
}

 .swiper-navigation > div {
     position: absolute;
     top: 50%;
     z-index: 10;
     width: 4rem;
     height: 4.25rem;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
     background-image: url("data:image/svg+xml,%3Csvg width='103' height='107' viewBox='0 0 103 107' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-1.12e-05 55.5728C-1.28332e-05 74.2544 14.866 91.1314 70.6134 100.154C83.3557 102.216 86.435 103.869 92.3814 97.5002C99.8144 89.5392 103 64.5951 103 51.3269C103 38.0587 98.2217 15.2374 92.3815 6.74579C87.7093 -0.0475248 86.4557 -1.49416 70.6134 1.43851C13.2732 12.0531 -9.36629e-06 34.5976 -1.02478e-05 44.6814L-1.12e-05 55.5728Z' fill='%23E20613'/%3E%3Cpath d='M38.448 47.072C42.288 43.04 50.448 32.672 52.944 28.256C56.976 31.232 59.76 32.48 63.888 34.4C60.624 38.336 54.672 46.496 52.08 50.432C55.152 54.176 62.64 62.912 66.096 66.272C61.68 68.288 59.376 69.824 55.632 72.704C51.792 67.808 41.136 56.096 38.448 53.792L38.448 47.072Z' fill='white'/%3E%3C/svg%3E%0A");
 }
 .swiper-navigation > .prev {
     left: 0;
     transform: translate(0, -50%);
 }
 .swiper-navigation > .next {
     right: 0;
     transform: translate(0, -50%) rotate(180deg);
 }
 
 .swiper-navigation .swiper-button-disabled {
     opacity: 0.5;
     pointer-events: none;
 }
 
 .gen--ice {
     padding-bottom: 6rem;
 }
 .gen--ice-1 {
     background-color: var(--main);
     clip-path: polygon(30% 100%, 85% 75%, 100% 0, 0 0);
 }
 .gen--ice-2 {
     background-color: var(--secondary);
     clip-path: polygon(0 100%, 100% 100%, 80% 20%, 15% 0);
 }
 .gen--ice-3 {
     background-color: var(--secondary);
     clip-path: polygon(0 0, 100% 0, 85% 100%, 20% 80%);
 }
 .gen--ice-4 {
     background-color: var(--main);
     clip-path: polygon(0 100%, 100% 100%, 80% 20%, 15% 0);
 }
 
 .gen--overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1001;
     background-color: #00000055;
     display: none;
 }
 .gen--overlay > .container {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 100%;
 }
 .gen--overlay > .container .row {
     width: 100%;
 }

body.overlay-body {
    overflow: hidden;
}
@media ( orientation: portrait ), ( max-height: 700px ) {
    .gen--overlay > .container .row {
        width: auto;
    }
    body.overlay-body .gen--overlay {
        padding-top: 2rem;
        padding-bottom: 2rem;
        overflow: scroll;
    }
    body.overlay-body .gen--overlay > .container {
        height: auto;
    }
    .gen--overlay .popup .close-overlay {
        right: 1rem;
        top: 1rem;
        width: 1rem;
        height: 1rem;
    }
}

 .gen--overlay .popup {
     border-radius: var(--border-radius);
     position: relative;
    padding: 2rem;
 }
 .gen--overlay .popup ul {
    list-style: none;
 }
 .gen--overlay .popup img {
    width: 95%;
    margin: 2rem auto;
 }
 .gen--overlay .popup .close-overlay {
     position: absolute;
     right: 2rem;
     top: 2rem;
     width: 2rem;
     height: 2rem;
     cursor: pointer;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
     background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22' cy='22' r='22' fill='%23E30613'/%3E%3Cpath d='M29.3168 27.7742C29.6457 28.3124 29.257 29 28.6292 29H25.4002C24.9219 29 24.4734 28.7309 24.2342 28.3124L21.9919 24.3061L19.7197 28.3124C19.5105 28.7309 19.062 29 18.5836 29H15.3248C14.697 29 14.3382 28.3124 14.6671 27.7742L18.7032 21.4061L14.8763 15.0678C14.5475 14.5296 14.9361 13.842 15.564 13.842H18.7929C19.3012 13.842 19.7496 14.141 19.9589 14.5894L21.9919 18.5658L23.9951 14.5894C24.2342 14.141 24.6827 13.842 25.191 13.842H28.4199C29.0477 13.842 29.4065 14.5296 29.1075 15.0678L25.2807 21.4061L29.3168 27.7742Z' fill='white'/%3E%3C/svg%3E%0A");
     /* background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.75 11.25L11.25 18.75M11.25 11.25L18.75 18.75M27.5 15C27.5 21.9036 21.9036 27.5 15 27.5C8.09644 27.5 2.5 21.9036 2.5 15C2.5 8.09644 8.09644 2.5 15 2.5C21.9036 2.5 27.5 8.09644 27.5 15Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); */
 }
 .gen--overlay .popup-title,
 .gen--overlay .popup-content {
     text-align: center;
     padding: 2rem;
 }
 
 .custom-loader {
     width: 3rem;
     height: 3rem;
     border-radius: 50%;
     -webkit-animation: rotate 1s linear infinite;
             animation: rotate 1s linear infinite;
     display: block;
     top: 50%;
     left: 50%;
 }
 .custom-loader {
     width: 6rem;
     height: 6rem;
 }
 .custom-loader::before {
     border-color: var(--black);
 }
 .custom-loader::before ,
 .custom-loader::after {
     content: ' ';
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
     position: absolute;
     inset: 0px;
     border-radius: 50%;
     border: 5px solid var(--white);
     -webkit-animation: prixClipFix 2s linear infinite;
             animation: prixClipFix 2s linear infinite;
 }
 .custom-loader-wrapper .custom-loader::before {
     border-color: var(--white);
 }


 .custom-loader::after{
     border-color: var(--white);
     animation: prixClipFix 2s linear infinite, rotate 0.5s linear infinite reverse;
     inset: 6px;
 }

 body .custom-loader-wrapper .custom-loader::before { border-color: var(--blu); }
 body .custom-loader-wrapper .custom-loader::after { border-color: var(--azzurro); }
 
 @-webkit-keyframes rotate {
     0%   {-webkit-transform: rotate(0deg);transform: rotate(0deg) }
     100%   {-webkit-transform: rotate(360deg);transform: rotate(360deg) }
 }
 
 @keyframes rotate {
     0%   {-webkit-transform: rotate(0deg);transform: rotate(0deg) }
     100%   {-webkit-transform: rotate(360deg);transform: rotate(360deg) }
 }
 @-webkit-keyframes prixClipFix {
     0%   {-webkit-clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0);clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
     25%  {-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0);clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
     50%  {-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
     75%  {-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
     100% {-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
 }
 
 @keyframes prixClipFix {
     0%   {-webkit-clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0);clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
     25%  {-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0);clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
     50%  {-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
     75%  {-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
     100% {-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
 }
 @keyframes fiocco-loader {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(.75);
    }
}

.code--loader .custom-loader-wrapper {
    width: 15rem;
    height: 15rem;
    margin: 0 auto;
}
.code--loader .custom-loader-wrapper img {
    object-fit: cover;
    width: 75%;
    animation: fiocco-loader 2s ease infinite
}
.code--loader .gen--title {
    text-transform: none;
    color: var(--main);
}
 
 .giocate-loader .custom-loader {
    margin: 0 auto;
 }
 .giocate-loader .custom-loader::before,
 .giocate-loader .custom-loader::after {
    border-color: var(--blue);
 }
 @media ( max-width: 992px ) {
    .gen--title {
        font-size: 3.5rem;
    }
    .swiper-navigation {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 2rem;
    }
    .swiper-navigation > div {
        position: relative;
        margin: 0 1rem;
        top: 0;
    }
    .swiper-navigation > .prev { transform: none; }
    .swiper-navigation > .next { transform: rotate(180deg); }
    .code--loader .custom-loader-wrapper {
        width: 10rem;
        height: 10rem;
    }
 }
 
 /* --- HEADER --- */
 
 header {
     position: sticky;
     top: 0;
     width: 100%;
     height: var(--header-lg);
     display: flex;
     align-items: center;
     z-index: 1000;
     background-color: var(--white);
 }
 header::after {
    content: ' ';
    position: absolute;
    height: 4px;
    bottom: 0;
    width: 100%;
    background-image: linear-gradient(to right, var(--red) 0%, var(--red) 50%, var(--light-blue) 50%,var(--light-blue) 100%);
 }
 .navbar-brand {
    width: 13rem;
 }
 .navbar-mobile {
     position: fixed;
     height: calc(100% - var(--header-lg));
     width: 18rem;
     background-color: var(--white);
     top: var(--header-lg);
     right: 0;
     padding: 2rem 3rem;
     transform: translateX(100%);
     transition: transform 250ms ease;
     pointer-events: none;
 }
 .navbar-mobile.active {
     transform: translateX(0%);
     pointer-events: all;
 }
 .hamburger {
     width: 3rem;
     height: 3rem;
     border: none;
     background-color: transparent;
     background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg transform='matrix(1,0,0,1,-1024,-192)'%3E%3Crect id='Icons' x='0' y='0' width='1280' height='800' style='fill:none;'%3E%3C/rect%3E%3Cg id='Icons1' serif:id='Icons'%3E%3Cg id='Strike'%3E%3C/g%3E%3Cg id='H1'%3E%3C/g%3E%3Cg id='H2'%3E%3C/g%3E%3Cg id='H3'%3E%3C/g%3E%3Cg id='list-ul'%3E%3C/g%3E%3Cg id='hamburger-1' transform='matrix(1.50868,0,0,1.01217,6.67804,191.698)'%3E%3Cg transform='matrix(0.149202,0,0,0.173437,664.206,42.142)'%3E%3Crect x='103.288' y='8.535' width='212.447' height='34.133' style='fill-rule:nonzero;'%3E%3C/rect%3E%3C/g%3E%3Cg transform='matrix(0.149202,0,0,0.173437,664.345,27.4)'%3E%3Crect x='103.288' y='8.535' width='212.447' height='34.133' style='fill-rule:nonzero;'%3E%3C/rect%3E%3C/g%3E%3Cg transform='matrix(0.149202,0,0,0.173437,664.345,12.658)'%3E%3Crect x='103.288' y='8.535' width='212.447' height='34.133' style='fill-rule:nonzero;'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger-2'%3E%3C/g%3E%3Cg id='list-ol'%3E%3C/g%3E%3Cg id='list-task'%3E%3C/g%3E%3Cg id='trash'%3E%3C/g%3E%3Cg id='vertical-menu'%3E%3C/g%3E%3Cg id='horizontal-menu'%3E%3C/g%3E%3Cg id='sidebar-2'%3E%3C/g%3E%3Cg id='Pen'%3E%3C/g%3E%3Cg id='Pen1' serif:id='Pen'%3E%3C/g%3E%3Cg id='clock'%3E%3C/g%3E%3Cg id='external-link'%3E%3C/g%3E%3Cg id='hr'%3E%3C/g%3E%3Cg id='info'%3E%3C/g%3E%3Cg id='warning'%3E%3C/g%3E%3Cg id='plus-circle'%3E%3C/g%3E%3Cg id='minus-circle'%3E%3C/g%3E%3Cg id='vue'%3E%3C/g%3E%3Cg id='cog'%3E%3C/g%3E%3Cg id='logo'%3E%3C/g%3E%3Cg id='radio-check'%3E%3C/g%3E%3Cg id='eye-slash'%3E%3C/g%3E%3Cg id='eye'%3E%3C/g%3E%3Cg id='toggle-off'%3E%3C/g%3E%3Cg id='shredder'%3E%3C/g%3E%3Cg id='spinner--loading--dots-' serif:id='spinner %5Bloading, dots%5D'%3E%3C/g%3E%3Cg id='react'%3E%3C/g%3E%3Cg id='check-selected'%3E%3C/g%3E%3Cg id='turn-off'%3E%3C/g%3E%3Cg id='code-block'%3E%3C/g%3E%3Cg id='user'%3E%3C/g%3E%3Cg id='coffee-bean'%3E%3C/g%3E%3Cg transform='matrix(0.638317,0.368532,-0.368532,0.638317,785.021,-208.975)'%3E%3Cg id='coffee-beans'%3E%3Cg id='coffee-bean1' serif:id='coffee-bean'%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='coffee-bean-filled'%3E%3C/g%3E%3Cg transform='matrix(0.638317,0.368532,-0.368532,0.638317,913.062,-208.975)'%3E%3Cg id='coffee-beans-filled'%3E%3Cg id='coffee-bean2' serif:id='coffee-bean'%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='clipboard'%3E%3C/g%3E%3Cg transform='matrix(1,0,0,1,128.011,1.35415)'%3E%3Cg id='clipboard-paste'%3E%3C/g%3E%3C/g%3E%3Cg id='clipboard-copy'%3E%3C/g%3E%3Cg id='Layer1'%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
 }
 .hamburger.active {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns='http://www.w3.org/2000/svg' version='1.1' id='svg8' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cmetadata id='metadata5'%3E%3Crdf:rdf%3E%3Ccc:work%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'%3E%3C/dc:type%3E%3Cdc:title%3E%3C/dc:title%3E%3Cdc:date%3E2021%3C/dc:date%3E%3Cdc:creator%3E%3Ccc:agent%3E%3Cdc:title%3ETimothée Giet%3C/dc:title%3E%3C/cc:agent%3E%3C/dc:creator%3E%3Ccc:license rdf:resource='http://creativecommons.org/licenses/by-sa/4.0/'%3E%3C/cc:license%3E%3C/cc:work%3E%3Ccc:license rdf:about='http://creativecommons.org/licenses/by-sa/4.0/'%3E%3Ccc:permits rdf:resource='http://creativecommons.org/ns%23Reproduction'%3E%3C/cc:permits%3E%3Ccc:permits rdf:resource='http://creativecommons.org/ns%23Distribution'%3E%3C/cc:permits%3E%3Ccc:requires rdf:resource='http://creativecommons.org/ns%23Notice'%3E%3C/cc:requires%3E%3Ccc:requires rdf:resource='http://creativecommons.org/ns%23Attribution'%3E%3C/cc:requires%3E%3Ccc:permits rdf:resource='http://creativecommons.org/ns%23DerivativeWorks'%3E%3C/cc:permits%3E%3Ccc:requires rdf:resource='http://creativecommons.org/ns%23ShareAlike'%3E%3C/cc:requires%3E%3C/cc:license%3E%3C/rdf:rdf%3E%3C/metadata%3E%3Crect transform='rotate(45)' ry='0' y='-1' x='4.3137083' height='2' width='14' id='rect1006' style='opacity:1;vector-effect:none;fill:%23000000;fill-opacity:1;stroke:none;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:3.20000005;stroke-opacity:1'%3E%3C/rect%3E%3Crect transform='rotate(-45)' ry='0' y='10.313708' x='-7' height='2' width='14' id='rect1006-5' style='opacity:1;vector-effect:none;fill:%23000000;fill-opacity:1;stroke:none;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:3.20000005;stroke-opacity:1'%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
 }
 /* main#content {
     padding-top: var(--header-lg);
 } */

 header .btn span {
    font-size: 1.5rem;
    font-family: var(--made-tommy-soft) !important;
 }

 header .login,
 header .logout {
    display: none;
 }
 
 @media ( max-width: 1200px ) {
    header > .container {
        width: 100%;
        max-width: 100%;
    }
 }

/* --- HOMEPAGE --- */
 
@keyframes home-hero {
    0%, 100% {
        background-color: var(--azzurro);
    }
    16.7% {
        background-color: var(--blu);
    }
    33% {
        background-color: var(--giallo);
    }
    50% {
        background-color: var(--rosa);
    }
    66.7% {
        background-color: var(--rosso);
    }
    83.3% {
        background-color: var(--verde);
    }
}

.home--hero {
    animation: home-hero 12s ease infinite;
    position: relative;
}
.home--hero > img {
    /*position: absolute;
    width: 50%;
    top: 7.5%;
     top: 50%;
    transform: translate(0, -50%); */
    position: absolute;
    width: 50%;
    height: 95%;
    top: 2.5%;
    object-fit: contain;
    object-position: left center;
}

.home--hero .row:nth-child(2) {
    height: 16rem;
}
.home--prize-title {
    position: relative;
}
.home--prize-title .container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 50%;
    max-width: 100%;
    transform: translate(0, -50%);
}
.home--prize {
    overflow: visible;
    padding-top: 3rem;
    background-color: #00C0E5;
}
.home--prize .container {
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translate(-50%, 0);
}
.home--prize .container img {
    margin-top: -10%;
}

.wave {
    height: 20rem;
    display: flex;
    align-items: center;
    position: relative;
    animation: home-hero 12s ease infinite;
    clip-path: path('M1920 0.5H0V105.833C261.333 2.54236 607.333 -52.1019 960 123.826C1345.04 315.903 1830.67 160.478 1920 81.9906V0.5Z');
    z-index: 5;
    top: -1px;
}
.wave-content {
    position: relative;
    height: 20rem;
    margin-top: -20rem;
    display: flex;
    align-items: center;
    z-index: 10;
}
.home--how-to {
    position: relative;
    z-index: 1;
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.number {
    height: 7rem;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}
.number-mobile {
    height: 7rem;
    width: auto;
    margin: 0 auto 3rem;
}
.home--data {
    background-size: 101% auto;
    
}
.home--data > div {
    position: relative;
    z-index: 5;
}
.home--data::before {
    content: ' ';
    height: 33.33%;
    width: 100%;
    background-color:#0088AB;
    position: absolute;
    z-index: 1;
}
@media ( min-width: 1921px ) {
    .wave {
        transform: scaleX(2);
    }
}
@media ( min-width: 2561px ) {
    .wave {
        transform: scaleX(3);
    }
}
@media ( max-width: 992px ) {
    .home--data::before {
        height: 46%;
    }
    .home--hero > img {
        position: relative;
        width: 100%;
        margin-top: 1rem;
    }
    .home--how-to {
        padding-top: 6rem;
        margin-top: -21rem;
        z-index: 10;
    }
    .home--hero > .container .cpt-5 {
        padding-top: 2rem !important;
    }
    /* .wave {
        clip-path: ;
    } */
    
    .gen--title {
        font-size: 3rem;
    }
    .home--how-to .gen--p p {
        line-height: 1.5rem;
    }
    .home--how-to .gen--p p.title-25 {
        line-height: 2.5rem;
    }
    .home--how-to .number.cmt-2 {
        height: auto;
        width: 90%;
        max-width: 20rem;
    }
    .number-mobile {
        height: 9rem;
    }
    .home--color .gen--title ~ p.title-2,
    .home--color .col-12.text-center.cmt-2 > p.title-2 {
        font-size: 1.5rem !important;
    }
    .home--color .gen--title ~ p.title-2 {
        margin-top: 2rem !important;
        margin-bottom: -2rem;
    }
    .home-color p {
        line-height: 1.25em !important;
    }
    .home--prize {
        background-color:#00C0E5;
    }
    .home--prize-title {
        min-height: 6rem;
    }
    .home--prize-title > img {
        min-height: 6rem;
        object-fit: contain;
        object-position: center;
        transform: scaleX(1.2) translateY(30%);
    }
    .home--prize .container {
        position: relative;
        left: 0;
        transform: none;
    }
    .home--data .title-2,
    .home--data .title-25 {
        font-size: 1.5rem;
    }

    .home--color-risveglio .title-25 {
        font-size: 2rem !important;
    }
    #premio {
        margin-top: -12rem;
    }

    .home--color .col-12.col-lg-6.mt-5.mt-lg-0 .home-color-color { margin-bottom: .5rem !important; }
    .home--color .col-12.col-lg-6.mt-5.mt-lg-0 .home-color-title { margin-bottom: 1.5rem !important; }
    .home--color .col-12.col-lg-6.mt-5.mt-lg-0 .title-2.font-7.cmt-2 { margin-bottom: 1.5rem !important; }
    .home--color .col-12.col-lg-6.mt-5.mt-lg-0 .home-color-text { margin-bottom: 3rem !important; }
    .home--color .col-12.col-lg-6.mt-5.mt-lg-0 .home-color-breakfast { margin-bottom: 3rem !important; }
    .home--color .row.cmt-3.align-items-center .col-12.text-center.cmt-2,
    .home--color .row.cmt-3.align-items-center .col-12.text-center.cmt-2 .btn { margin-top: 3rem !important; }


    .home--prize .row > .col-12.cmt-3 { margin-top: 5rem !important; }
}
@media ( max-width: 425px ) {
    .number-mobile {
        height: 8rem;
    }
}
@media ( min-width: 1600.1px ) {
    .home--data::before {
        height: 10%;
        aspect-ratio: 7;
    }
}
@media ( orientation: portrait ) and ( min-width: 769px ) {
    .home--how-to {
        margin-top: -6rem;
    }
}
/* --- QUIZ --- */
.quiz--hero {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 3rem;
}
.quiz--hero > div > img {
    position: absolute;
    left: 0;
    width: calc(50% - 3rem);
    top: 0;
    height: 100%;
    object-fit: contain;
    object-position: left;
}

.q--1,
.q--7 {
    background-image: url('../img/tazzine_bg_verde.png');
    background-color: var(--verde);
}

.q--2 {
    background-image: url('../img/tazzine_bg_giallo.png');
    background-color: var(--giallo);
}
.q--3 {
    background-image: url('../img/tazzine_bg_azzurro.png');
    background-color: var(--azzurro);
}
.q--4 {
    background-image: url('../img/tazzine_bg_blu.png');
    background-color: var(--blu);
}
.q--5 {
    background-image: url('../img/tazzine_bg_rosa.png');
    background-color: var(--rosa);
}
.q--6 {
    background-image: url('../img/tazzine_bg_rosso.png');
    background-color: var(--rosso);
}

.question {
    padding-bottom: 4rem;
    min-height: 100vh;
    margin-bottom: 0;
    background-position: top center;
    background-repeat: repeat-y;
    background-size: cover;
}
.question-number {
    margin-top: 2rem;
    font-size: 2.5rem;
}
.question-text {
    margin-top: 1.5rem;
    font-size: 2.5rem;
    font-weight: 700;
}
.question-img {
    margin-top: 4rem;
}
.answer {
    cursor: pointer;
    width: 30%;
    margin-top: 3rem;
    padding: 4px;
    border-radius: var(--border-radius);
    background: var(--white);
    transition: all 250ms ease;
}
.answer:hover {
    background: var(--rainbow-gradient)
}
.answer-inner {
    border-radius: var(--border-radius);
    padding: 2rem;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.answer-inner.ai-img {
    padding: 0;
}
.answer-inner.ai-img img {
    border-radius: 1rem;
}
.answer span {
    font-size: 1.25rem;
}

.answer-slider {
    width: 100%;
    position: relative;
    height: 1px;
    background-color: var(--black);
}
.answer-slider-point {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: var(--black);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    cursor: grabbing;
}

.result .white-bcg {
    border-radius: var(--border-radius);
}

@media ( max-width: 992px ) {
    .quiz--hero > .d-flex {
        flex-wrap: wrap;
    }
    .quiz--hero > div > img {
        position: relative;
        width: 95%;
        /* margin-top: -1rem; */
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    
    .answer {
        width: 100%;
        margin-top: 2rem;
    }
    .q--2 .answer {
        width: 49%;
    }
    .question-text {
        line-height: 1;
    }
}
/* --- CONSENSI --- */
/* .consents--section,
.consents--response {
    background-color: var(--blu);
}
.consents--section .container,
.consents--response .container {
    background-color: var(--white);
} */
.consents--section .consents .row {
    justify-content: center;
}
.consents--section .btn {
    display: none !important;
}
 /* --- FAQ | ACCORDION --- */
 .faq .gen--title {
    color: var(--white);
 }
 .faq .col-12.cmt-2 > p {
    font-weight: 600;
    font-size: 1.75rem;
 }
 body .accordion-button,
 body .accordion-body {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
 }
 body .accordion-item,
 body .accordion-button {
    border: none;
    background-color: transparent !important;
 }
 body .accordion-button:not(.collapsed) {
    box-shadow: none;
    background-color: transparent;
 }
 
 /* --- GAME --- */
 /* .code--loader, */
 .gen--loader,
 .code--form,
 .code--played,
 .code--win,
 .code--lose,
 .code--fail,
 .code--retry {
     display: none;
 }
 .code--form,
 .code--win,
 .code--lose {
    margin-bottom: 0;
 }
 
 .gen--loader,
 .code--loader,
 .code--retry,
 .code--fail,
 .file-too-big {
     position: fixed;
     z-index: 1000;
     width: 100%;
     background-color: rgba(0, 0, 0, .8);
     height: 100%;
     top: 0;
     left: 0;
 }
 .gen--loader.full-loader,
 .file-too-big {
    /* background-color: var(--black); */
    background-color: var(--giallo);
 }

 .gen--loader > div,
 .code--loader > div,
 .code--fail > div,
 .code--retry > div,
 .file-too-big > div {
     height: 100%;
 }
 .file-too-big .gen--box { padding: 0; }
 .code--retry .white-bcg,
 .code--fail .white-bcg {
    border-radius: var(--border-radius);
 }

/* --- PROFILO | AREA PERSONALE --- */
body.profile.profile-generic-bcg {
    background-image: url('../img/tazzine_bg_generic.png');
}
body.profile.profile-giallo {
    background-image: url('../img/tazzine_bg_giallo.png');
    background-color: var(--giallo);
}
body.profile.profile-azzurro {
    background-image: url('../img/tazzine_bg_azzurro.png');
    background-color: var(--azzurro);
}
body.profile.profile-rosa {
    background-image: url('../img/tazzine_bg_rosa.png');
    background-color: var(--rosa);
}
body.profile.profile-blu {
    background-image: url('../img/tazzine_bg_blu.png');
    background-color: var(--blu);
}
body.profile.profile-rosso {
    background-image: url('../img/tazzine_bg_rosso.png');
    background-color: var(--rosso);
}
body.profile.profile-verde {
    background-image: url('../img/tazzine_bg_verde.png');
    background-color: var(--verde);
}
 
body.profile main > .container {
    /* background-color: var(--white); */
    background-clip: content-box;
}
body.profile main > .container > .row {
    padding: 4rem 0;
}
body.profile h1 {
    font-size: 2.5rem;
    text-align: center;
    color: var(--black);
    font-weight: 700;
    text-transform: uppercase;
}
.area-menu {
    display: flex;
    align-items: stretch;
    border: .25rem var(--black) solid;
    border-radius: 6rem;
    background-color: var(--white);
}

.area-menu > div {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    border-radius: 10rem;
    flex: 1 0 0;
    text-align: center;
    line-height: 1.2;
    padding: 2rem .5rem;
    cursor: pointer
}
.area-menu > div.active {
    font-weight: 700;
}

@media ( max-width: 1300px ) {
    .area-menu > div {
        font-size: 1.25rem;
    }
}

/* .area-menu span:not(:last-child) {
    border-right: .25rem var(--black) solid
} */

.area-menu > div {
    position: relative;
    z-index: 1;
}

.area-menu > div.active::before,
.area-menu > div.active::after {
    content: ' ';
    position: absolute;
    border-radius: 10rem;
    z-index: 1;
}
.area-menu > div.active::before {
    background-image: var(--rainbow-gradient);
    top: -4px;
    left: -4px;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    
}
.area-menu > div.active::after {
    background-color: var(--white);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.area-menu span {
    position: relative;
    z-index: 10;
}
.area-container>div {
    display: none;
}

.area-container>.active {
    display: block;
}


.area-container div[data-section="0"] .barattolo {
    position: relative;
}

.area-container div[data-section="0"] .barattolo img {
    position: relative;
    z-index: 5;
}

.area-container div[data-section="0"] .barattolo>#percentage-container {
    position: absolute;
    bottom: 8%;
    width: 100%;
    height: 85%;
}

.area-container div[data-section="0"] .barattolo>#percentage-container>div {
    background-color: var(--red);
    transition: height 500ms ease;
    position: absolute;
    width: 100%;
    height: 0;
    max-height: 100%;
    /* height: 100% !important; */
    bottom: 0;
}

.area-table>div>div { flex: 2 0 0; }

.area-table>div>.euro {flex: 1 0 0 }

.area-table .table-entry {
    border-top: 1px var(--black) solid;
    padding-top: 1rem;
    margin-top: 1rem;
}

.area-table .table-heading+.table-entry {
    border-top-width: .25rem;
}

.change-color {
    cursor: pointer;
}
.change-color-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: var(--white);
    display: none;
}
.change-color-overlay input[type="radio"] {
    display: none;
}
/* .change-color-overlay input[type="radio"] ~ label::before {
    content: none
} */
.change-color-overlay input[type="radio"] ~ label {
    flex-direction: column;
    align-items: center;
}
.change-color-overlay input[type="radio"] ~ label::before {
    content: ' ';
    display: block;
    border-radius: .5rem;
    width: 3rem;
    height: 3rem;
    flex: auto;
    border: none;
    margin: 0 3rem 1rem;
}
.change-color-overlay input[type="radio"] ~ label[for="green"]::before { background-color: var(--verde); }
.change-color-overlay input[type="radio"] ~ label[for="yellow"]::before { background-color: var(--giallo); }
.change-color-overlay input[type="radio"] ~ label[for="sky_blue"]::before { background-color: var(--light-blue); }
.change-color-overlay input[type="radio"] ~ label[for="blue"]::before { background-color: var(--blu); }
.change-color-overlay input[type="radio"] ~ label[for="red"]::before { background-color: var(--rosso); }
.change-color-overlay input[type="radio"] ~ label[for="pink"]::before { background-color: var(--rosa); }

.change-color-overlay input[type="radio"] ~ label::after {
    content: ' ';
    width: 1rem;
    height: 1rem;
    margin-top: .5rem;
    display: block;
    border-radius: 50%;
    border: 1px var(--azzurro) solid;
}
.change-color-overlay input[type="radio"]:checked ~ label::after {
    padding: 2px;
    background-color: var(--azzurro);
    background-clip: content-box;
}

.gen--textbox {
    filter: drop-shadow(0px 0px 35px rgba(0, 0, 0, 0.20));
    border-radius: var(--border-radius);
    padding: 2rem 2rem 2rem 3rem;
}
.gen--textbox.rosso { background-color: var(--rosso) }
.gen--textbox.azzurro { background-color: var(--azzurro) }
.gen--textbox.rosa { background-color: var(--rosa) }
.gen--textbox.blu { background-color: var(--blu) }
.gen--textbox.giallo { background-color: var(--giallo) }
.gen--textbox.verde { background-color: var(--verde) }
.gen--textbox .sun {
    height: 5rem;
    width: auto;
    margin: 0 auto 2rem
}
.gen--textbox.tb-cup {
    padding-bottom: 5rem;
}
.gen--textbox.tb-cup .gen--textbox-inner{
    padding-bottom: 0;
}
.gen--textbox .cup {
    height: 5rem;
    width: auto;
    margin: 0 auto;
    transform: translate(0, 50%);
}
.gen--textbox-inner {
    position: relative;
}
.gen--textbox-inner .white-bcg {
    border-radius: var(--border-radius);
    padding: 1.25rem;
    position: relative;
    z-index: 5;
}
.gen--textbox-inner::before {
    content: ' ';
    position: absolute;
    width: 50%;
    height: 85%;
    left: 0;
    bottom: 0;
    transform: rotate(-10deg);
    border-radius: var(--border-radius);
    opacity: 0.1;
    transform-origin: bottom left;
    background-color: var(--black);
    z-index: -1;
}

.play-profile .btn {
    min-width: auto;
}

.coin {
    opacity: 0.5;
}

.playlist--inner {
    position: relative;
    padding-bottom:125%;
}
.playlist--inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.breakfast img {
    aspect-ratio: 372 / 528;
    object-fit: cover;
}
.horoscope,
.breakfast img,
.frase {
    border-radius: var(--border-radius);
}
.frase {
    border-style: solid;
    border-width: 4px;
}

.horoscope-box,
.frase-box {
    position: relative;
}
.horoscope-hover,
.frase-hover {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.horoscope-hover .btn,
.frase-hover .btn {
    position: relative;
    z-index: 5;
}
.horoscope-hover-bcg,
.frase-hover-bcg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: var(--giallo);
    opacity: 0.5;
    border-radius: var(--border-radius);
}

.mostra-scontrino {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.mostra-scontrino::after {
    content: ' ';
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin-left: 0.25rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2.75353L6.5 7L11 2.75353L10.2015 2L6.50393 5.48924L2.80638 2L2 2.75353Z' fill='black' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
}
.mostra-scontrino.active::after {
    transform: rotate(180deg);
}

@media ( max-width: 992px) {
    .area-menu > div {
        border-radius: 0;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .area-menu > div.active::before,
    .area-menu > div.active::after {
        border-radius: 2rem;
    }
    .area-money .title-4,
    .area-money .title-4 span {
        font-size: 3rem !important;
    }

    .change-color-overlay {
        overflow: scroll;
        padding-bottom: 6rem;
    }
    .horoscope-row {
        margin-top: 0 !important;
    }
    .coin {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* - PRATICHE - */
#pratica,
#richiesta-ordine {
    max-width: 30rem;
    text-align: center;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    padding-top: 0.5rem;
}
.gen--pratica,
.gen--ordine {
    display: none;
    background-color: #eee;
    padding: 3rem 1.5rem;
    text-align: center;
}

.gen--pratica ul {
    list-style-type: none;
    padding-left: 0;
}
.gen--pratica li {
    margin-top: 1rem;
}
.gen--pratica span {
    font-size: .75rem;
    display: block;
}

@media (max-width: 768px) {
    .area-menu {
        flex-direction: column;
        border-radius: 2rem;
    }

    .area-menu span {
        font-size: 1.5rem;
        padding: 1rem;
    }

    .area-menu span:not(:last-child) {
        border-right: none;
    }

    .area-table .table-heading+.table-entry {
        border-top-width: 0;

    }
}
 
 /* --- ADDRESSES --- */

 body.internal-page.address {
    background-color: var(--azzurro);
 }
 
body.address main > .container {
    background-color: var(--white);
}
body.address main > .container .btn {
    min-width: 16rem;
}

body.address .custom-loader::before { border-color: var(--blu); }
body.address .custom-loader::after { border-color: var(--azzurro); }

@media ( max-width: 992px ) {
    body.address main > .container .row {
        overflow: scroll;
    }
    body.address main > .container .btn {
        min-width: auto;
        padding-right: 2rem;
        padding-left: 2rem;
    }
}

 /* - CONFIRM ADDRESS - */
 .addresses-confirm input[disabled],
 .addresses-confirm textarea[disabled],
 .addresses-confirm select[disabled] {
     background-color: var(--disabled);
     border-color: var(--disabled);
 }
 .addresses-confirm select[disabled] {
     color: var(--black);
 }

 #newsstand::placeholder {
    opacity: 0;
 }

 .get--shops input[type="submit"] {
    min-width: auto;
 }

 @media ( max-width: 992px ) {
    .get--shops input[type="submit"] {
        width: 100%;
    }
    .addresses.shops .input--placeholder.focused p {
        line-height: 0.8;
    }
    .confirm-newsstand {
        width: 100% !important;
    }
    .shop-hours .d-flex > * {
        flex: 1 0 0 !important
    }
 }
 /* --- DATI PERSONALI --- */
 body.personal-data main > .container {
    background-color: var(--white);
}
body.personal-data .col-lg-6 {
    width: 100%;
    text-align: left !important;
}
body.personal-data form .col-lg-6 .btn {
    display: none;
}
body.personal-data .gen--loader .col-lg-6 {
    width: 50%;
}
 
body.personal-data .btn,
body.personal-data input[type="submit"] {
    width: 50%;
    /* width: 100%; */
}

@media ( max-width:992px ) {
    body.personal-data .gen--loader .col-lg-6 {
        width: 100%;
    }
}
@media ( max-width:768px ) {
    body.personal-data .btn,
    body.personal-data input[type="submit"] {
        width: 100%;
    }
}

 /* - SHOP - */
 .shops fieldset > div,
 .shop-hours {
     margin-top: 2rem;
 }
 
 .shop-hours {
     padding-left: 1.5rem;
 }
 .shop-hours .d-flex > *:nth-child(1) { flex: 2 0 0 }
 .shop-hours .d-flex > *:nth-child(2),
 .shop-hours .d-flex > *:nth-child(3) {
    flex: 1 0 0;
    display: flex;
    justify-content: center;
}
 
 /* --- FOOTER --- */
 /* footer {
     padding: 4rem 0;
     background-color: var(--footer);
 }*/
 .prefooter::before {
    content: ' ';
    width: 100%;
    height: 0.25rem;
    display: block;
    background-image: var(--rainbow-gradient);
 }
 .footer-wave {
    position: relative;
    bottom: -1px;
    padding-top: 2px;
    overflow: hidden;
    background-color: var(--white);
}

.footer-wave svg {
    display: block;
    height: 18.48739vw;
}
.prefooter {
    margin-bottom: 0;
    text-align: center;
}
.prefooter p {
    font-size: 1.25rem;
    line-height: 1.5;
}
@media (min-width: 900px) {
    .footer-wave svg {
        height:8.61111vw;
    }
}

.region-footer {
    padding: 10vw 8vmin 5vmin;
    background-color: #f3410e;
    font-size: 1.1rem;
    color: #fff;
}
.region-footer .content {
    font-size: .75rem;
}
@media (max-width: 899px) {
    .region-footer .region-footer-content {
        padding-right:8rem;
        white-space: normal;
    }
}

@media (min-width: 900px) {
    .region-footer {
        padding:1em 2vmin 1.5em;
    }
}

.region-footer a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
}

.region-footer a:hover {
    text-decoration: underline;
}

.region-footer-content {
    position: relative;
}

@media (min-width: 900px) {
    .region-footer-content {
        display:flex;
        margin: 0 auto;
        max-width: 1056px;
    }
}

@media (max-width: 899px) {
    .region-footer-content {
        min-height:6rem;
    }
}

@media (max-width: 479px) {
    .region-footer-content {
        min-height:10rem;
    }
}

@media (min-width: 900px) {
    .menu--footer,.block-language {
        margin-top:0.7rem;
        font-size: 0;
    }
}

.menu--footer li,.block-language li {
    line-height: 1.15;
}

@media (min-width: 900px) {
    .menu--footer li,.block-language li {
        display:inline-block;
    }
}

.menu--footer li a,.block-language li a {
    display: inline-block;
    font-size: 1.1rem;
    line-height: 1;
}

.block-international-globe {
    position: static;
}

.globe {
    border-radius: 50%;
    min-width: 52px;
    width: 52px;
    height: 52px;
    box-shadow: 2px 4px 0 0 rgba(0,0,0,0.1);
    text-indent: 52px;
    background: no-repeat url(https://www.kinder.com/it/it/brands/kinder/themes/custom/kinder_theme/assets/images/png/1cd9945ef6ef94d7ea9db97a39c528ca.png?t=1715178086);
    background-size: 100%;
    color: transparent;
}

@media (min-width: 900px) {
    .globe {
        position:relative;
        top: -1.25em;
    }
}

@media (max-width: 1399px) {
    .globe {
        margin-left:2em;
    }
}

@media (min-width: 900px) {
    .menu--footer + .block-international-globe .globe {
        margin-left:2em;
    }
}

@media (max-width: 899px) {
    .globe {
        position:absolute;
        bottom: 5.5rem;
        right: 0;
    }
}

.block--copywrite {
    margin-right: auto;
    font-size: 1.2rem;
}

.block--copywrite .footer-logo {
    margin-bottom: 1rem;
    width: 144px;
    height: 19px;
    background: url(https://www.kinder.com/it/it/brands/kinder/themes/custom/kinder_theme/assets/images/png/7608c14e2d3a3149a83b82a88bd96939.png?t=1715178086);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.block--copywrite .field--name-kinder-footer-copyright-text-two img {
    margin-top: 0.5rem;
    max-width: 200px;
}

@media (max-width: 899px) {
    .menu--footer {
        margin-top:1rem;
    }
}

.menu--footer ul {
    max-width: 44vw;
}

@media (min-width: 1592px) {
    .menu--footer ul {
        max-width:34vw;
    }
}

.menu--footer li {
    margin-top: 1.5em;
    margin-bottom: .5em;
    font-size: 1.2rem;
}

@media (min-width: 900px) {
    .menu--footer li {
        margin:0 1.04167vw 1vw;
    }
}

.menu--footer a {
    font-weight: 700;
}

.menu--main-wrapper .nav-panel-content .menu--footer .visually-hidden {
    display: none;
}

.menu--main-wrapper .nav-panel-content .menu--footer ul.menu {
    padding-bottom: 0;
}

.menu--main-wrapper .nav-panel-content .menu--footer ul.menu li.menu-item {
    width: auto;
    margin: 1.5em 0 .5em;
    font-size: 1.2rem;
    text-align: left;
}

@media (min-width: 900px) {
    .menu--main-wrapper .nav-panel-content .menu--footer ul.menu li.menu-item {
        margin:0 1.04167vw 1vw;
    }
}

.menu--main-wrapper .nav-panel-content .menu--footer ul.menu li.menu-item a {
    display: inline-block;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1;
    color: #fff;
    text-decoration: none;
}

.menu--main-wrapper .nav-panel-content .menu--footer ul.menu li.menu-item a:hover {
    text-decoration: underline;
}

.menu--main-wrapper .nav-panel-content .region-footer-content a {
    position: static;
}

.menu--main-wrapper .nav-panel-content .block-language li a {
    font-weight: 400;
    color: #fff;
}

@media (min-width: 900px) {
    .menu--main-wrapper .nav-panel-content .block-language li a {
        padding:0 1.31944vw;
    }
}

@media (max-width: 899px) {
    .menu--main-wrapper .nav-panel-content .block-language {
        position:absolute;
        width: auto;
    }

    .menu--main-wrapper .nav-panel-content .block-language li a {
        font-weight: 700;
    }

    .menu--main-wrapper .nav-panel-content .block-language ul.is-opened {
        padding-bottom: 0;
    }

    .menu--main-wrapper .nav-panel-content .block-language ul.is-opened li a {
        color: #424242;
        text-transform: none;
    }
}

.menu--main-wrapper .nav-panel-content .block-international-globe a {
    display: inline;
    padding: 0;
}

.block-language {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

@media (min-width: 900px) {
    .block-language {
        position:static;
        min-width: 7vw;
    }
}

@media (min-width: 900px) {
    .block-language li {
        border-right:1px solid #fff;
    }

    .block-language li:last-child {
        border-right: 0;
    }
}

@media (min-width: 900px) {
    .block-language a {
        padding:0 1.31944vw;
    }
}

@media (max-width: 899px) {
    .block-language .open-language {
        position:absolute;
        right: 0;
        bottom: 0;
        border-radius: 0 15px 15px 0;
        width: 45px;
        background: transparent;
        height: 45px;
        z-index: 1;
    }

    .block-language ul {
        position: relative;
        border: 2px solid #fff;
        border-radius: 15px;
        width: 90px;
        height: 45px;
        overflow: hidden;
    }

    .block-language ul:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -0.4rem;
        width: 12px;
        height: 11px;
        background: no-repeat url(https://www.kinder.com/it/it/brands/kinder/themes/custom/kinder_theme/assets/images/png/b47a47768f98d2edecd2462b8fa3da01.png?t=1715178086);
    }

    .block-language ul.is-opened {
        height: auto;
        background-color: #fff;
    }

    .block-language ul.is-opened li {
        display: block;
    }

    .block-language ul.is-opened li a {
        color: #424242;
        text-transform: none;
    }

    .block-language li {
        display: none;
        width: 50px;
    }

    .block-language li a {
        display: block;
        font-weight: 700;
        font-size: 16px;
        line-height: 2.5625;
        text-transform: lowercase;
        text-align: center;
    }

    .block-language li.is-active {
        display: block;
    }
}

@media (max-width: 899px) {
    [dir='rtl'] .block-language,[dir='rtl'] .globe {
        left:0;
        right: inherit;
    }
}

[dir='rtl'] .block-language ul:after {
    right: inherit;
    left: 15px;
}

@media (min-width: 900px) {
    [dir='rtl'] .block-language li {
        border-right:0;
        border-left: 1px solid #fff;
    }

    [dir='rtl'] .block-language li:last-child {
        border-left: 0;
    }
}

@media (max-width: 899px) {
    [dir='rtl'] .block-language .open-language {
        right:auto;
        left: 0;
        border-radius: 15px 0 0 15px;
    }
}

[dir='rtl'] .main-header .menu--main-wrapper .menu--footer .menu {
    margin-right: 0;
    margin-left: auto;
}

[dir='rtl'] .menu--main-wrapper .nav-panel-content .menu--footer ul.menu li.menu-item {
    text-align: right;
}

[dir='rtl'] .region-footer-content {
    padding-right: 0;
    padding-left: 8rem;
    text-align: right;
}

@media (min-width: 900px) {
    [dir='rtl'] .region-footer-content {
        display:flex;
        margin: 0 auto;
        padding-left: 0;
        max-width: 1056px;
    }
}

[dir='rtl'] .region-footer-content .block--copywrite {
    margin-right: 0;
    margin-left: auto;
}

@keyframes buttonCtaBounce {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scaleX(1.2) scaleY(0.8);
    }

    50% {
        transform: scaleX(0.8) scaleY(1.2);
    }

    75% {
        transform: scaleX(1.1) scaleY(1.1);
    }
}

div#sliding-popup,div#sliding-popup .eu-cookie-withdraw-banner,.eu-cookie-withdraw-tab {
    background: transparent;
}

.sliding-popup-bottom {
    position: fixed;
    right: -2vw;
    bottom: 3vw !important;
    width: auto !important;
    z-index: 999;
}

@media (min-width: 600px) {
    .sliding-popup-bottom {
        right:3vw;
    }
}

.eu-cookie-compliance-buttons {
    text-align: right;
}

.eu-cookie-compliance-buttons .agree-button {
    position: relative;
    left: -35px;
    font-family: "Chronic",sans-serif;
    color: #fff;
}

.eu-cookie-compliance-buttons .agree-button:hover {
    animation: buttonCtaBounce 0.5s;
}

.eu-cookie-compliance-buttons .agree-button svg {
    display: block;
    width: 60px;
    height: 53px;
}

@media (min-width: 600px) {
    .eu-cookie-compliance-buttons .agree-button svg {
        width:95px;
        height: 80px;
    }
}

.eu-cookie-compliance-buttons .agree-button svg .carousel-button-body {
    fill: #009fe5;
}

.eu-cookie-compliance-buttons .agree-button svg .carousel-button-shadow {
    fill: rgba(0,0,0,0.1);
}

.eu-cookie-compliance-buttons .agree-button svg .carousel-button-text {
    font-size: 2.777rem;
    line-height: 32px;
}

.eu-cookie-compliance-message {
    position: absolute;
    right: 74%;
    bottom: 62%;
    border-radius: 25px 0;
    padding: 2vw;
    width: 69vw;
    background-color: #fff;
}

@media (min-width: 900px) {
    .eu-cookie-compliance-message {
        width:30vw;
    }
}

.eu-cookie-compliance-message h2 {
    position: relative;
    top: -7.5px;
    margin: 1rem 0;
    font-size: 2.75rem;
}

.eu-cookie-compliance-message p {
    margin: 0;
    line-height: 1.15;
}

@media (min-width: 600px) {
    .eu-cookie-compliance-message p {
        font-size:1.6rem;
    }
}

.eu-cookie-compliance-message p a {
    color: #009fe5;
}

.eu-cookie-compliance-message p a:hover {
    color: #f3410e;
}

[dir='rtl'] .sliding-popup-bottom {
    right: inherit;
    left: -2vw;
}

@media (min-width: 600px) {
    [dir='rtl'] .sliding-popup-bottom {
        right:inherit;
        left: 3vw;
    }
}

[dir='rtl'] .eu-cookie-compliance-buttons {
    text-align: left;
}

[dir='rtl'] .eu-cookie-compliance-buttons .agree-button {
    left: inherit;
    right: -35px;
}

[dir='rtl'] .eu-cookie-compliance-buttons svg {
    direction: ltr;
}

[dir='rtl'] .eu-cookie-compliance-message {
    right: inherit;
    left: 74%;
    border-radius: 0 25px;
}

@media (max-width: 479px) {
    .eu-cookie-compliance-message p {
        font-size:1.6286rem;
    }
}

@media (max-width: 599px) {
    .eu-cookie-compliance-message p {
        font-size:2.0366rem;
    }
}

.menu--footer li a, .block-language li a {
    display: inline-block;
    font-size: .7rem;
    line-height: 1;
    font-weight: 400;
}


/* --- FRAGMENTS --- */
/* --- INTERNAL PAGES - LOGIN --- */

.login--hero {
    padding: 6rem 0;
    background-color: var(--blu);
}
.login--hero .col-12 {
    width: 75% !important;
    margin: 0 auto;
}

body.internal-page {
    background-color: var(--giallo);
}
.idp_form_error {
    text-align: center;
    padding: 1rem;
    color: var(--red);
    font-size: 1.5rem;
}
#login {
    width: 50%;
    margin: 0 auto;
}

#idp_account_access {
    flex-direction: column;
}
section.internal-page .container {
    padding-top: 2rem;
    padding-bottom: 6rem;
    margin-bottom: 0;
}
#idp_account_access .lost {
    text-align: right;
}
/* #idp_account_access .lost > .btn {
    background-color: transparent;
    text-decoration: underline;
    display: inline-block;
    text-transform: none;
    text-align: right;
    padding: 0;
    margin-bottom: 1rem;
    font-weight: 400;
    font-size: 1.5rem;
}
#idp_account_access .lost > .btn:hover {
    color: #ffc107 !important;
} */
#idp_account_access .lost > .btn {
    background: none;
    display: inline-block;
    margin: 0 0 1rem 0;
    padding: 0;
 }
.idp_main h3 {
    /* color: var(--blue); */
    font-size: 3rem;
    font-weight: 800;
    padding: 2rem 0;
    text-transform: uppercase;
    text-align: center;
    font-family: var(--made-tommy-soft);
}

.idp_main input,
.idp_main select {
    border: none;
    border-bottom: 1px var(--black) solid;
    margin-bottom: 2rem;
    padding-top: 0.75rem;
}

.gigya-login-provider-row button {
    background: none;
    border: none
}

.idp_field_container {
    text-transform: uppercase;
}

.idp_registration_link {
    display: flex;
    justify-content: center;
    /* margin-bottom: 12rem; */
}
/* 
input[type="submit"],
.idp_registration_link a,
a.btn-link,
a.btn-link:hover {
    display: inline-block;
    padding: 3rem 12rem;
    background: var(--red);
    color: var(--white) !important;
    font-size: 3rem !important;
    font-weight: 800;
    border-radius: 9rem;
    border: none;
    width: fit-content;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    max-width: 100%;
}

/* input[type="submit"] {
    white-space: normal;
} */

.idp_registration_link a:hover {
    text-decoration: none;
}

.idp_form_submit_button.btn {
    /* font-size: 1rem; */
    margin-top: 1rem;
    display: inline-block;
    position: relative;
}

.tooltiptext-login ~ .idp_form_submit_button.btn {
    font-size: 1.5rem;
}

.tooltip-login {
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;
}
.tooltip-login.submit {
    display: flex !important;
}
#socialLogin {
    margin: 0 auto;
}

.gigya-login-provider-row {
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
}
.idp_registration_link.cta_default.redbg a {
     /* min-width: 200px; */
     position: relative;
     font-size: inherit;
     line-height: inherit;
     text-align: center;
     /* 
     Choose:
     width: auto;
     padding: 0; */
     display: inline-flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     -webkit-user-select: none;
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;
     text-decoration: none;
     background-image: var(--rainbow-gradient);
     border-radius: 6rem;
     width: 100%;
     padding: 1rem 3rem 0.95rem;
     /* padding: 0.75rem 3rem 0.65rem; */
     /* padding: 1.25rem 3rem 0.75rem; */
     transition: all 250ms ease;
     text-transform: uppercase;
     font-weight: 700;
     border: none;
     line-height: 2;
     min-width: 24rem;
     font-size: 1.5rem;
}
/* .idp_registration_link.cta_default.redbg a:hover {
    background-color: var(--blue);
    color: var(--white);
} */

#registration .row.idp_form_submit_container input[type="submit"] {
    margin-left: 1rem;
    margin-top: 3rem;
}

@media ( max-width: 992px ) {
    #login {
        width: 100%;
        margin: 0 auto;
    }
    
}

/* @media (max-width: 767.9px) {
    .idp_main#login {
        padding-top: 120px;
    }
} */

@media ( max-width: 992px ) {
    .login--hero .col-12 {
        width: 100% !important;
    }
}

/* --- INTERNAL PAGES - REGISTRATION --- */
/* #registration .row {
     margin-left: 0;
     margin-right: 0;
} */

.idp_field_errorMessage {
    color: var(--red);
}

#registration .idp_instructions {
    color: var(--blue);
    font-family: var(--made-tommy-soft);
    font-size: 3rem;
    font-weight: 800;
    padding: 2rem 0;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.1em;
}

/* #registration form label {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 2.5rem;
} */

/* #registration form .idp_field_container input,
#registration form .idp_field_container select {
    font-size: 3rem;
} */

#registration form a {
    color: var(-blue) !important;
}

#registration form .row .field {
    width: calc(33.3333% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 3rem;
}

#registration form .row .field.idp_field_basicprof_birthday {
    width: calc(66.6666% - 30px);
}
#registration form .row .field.idp_field_basicprof_birthday .clearfix {
    display: flex;
}
#registration form .row .field.idp_field_basicprof_birthday .clearfix >span{
    /* width: calc(33.3333% - 5px); */
    width: auto;
    margin-right: 1rem;
}
#registration form .row .field.full {
    width: 100%;
}
.idp_field_container.field.idp_field_extprof.idp_field_extprof_region {
    max-width: 100% !important;
    margin-top: 3rem !important;
}
.idp_field_container.field.idp_field_extprof.idp_field_extprof_region select {
    margin-bottom: 0;
}
/* #registration form .row-wrapper-1 .idp_field_basicprof_birthday .clearfix {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#registration form .row-wrapper-1 .idp_field_basicprof_birthday .clearfix span {
    display: block;
    flex: 0 0 calc(33.3333% - 5px);
    width: calc(33.3333% - 5px);
} */

#registration form .row-wrapper-2 .row .field,
#registration form .row-wrapper-3 .row .field {
    width: calc(33.3333% - 30px);
    /* width: calc(50% - 30px); */
}

#registration form .row-wrapper-4 .row {
    flex-wrap: wrap;
}

#registration form .row-wrapper-4 .row .field,
#registration form .row-wrapper-5 .row .field {
    width: calc(33.3333% - 30px);
    /* width: calc(50% - 30px); */
}

#registration form .row-wrapper-4 .row .field:first-child {
    width: 100%;
}

#registration form .row-wrapper-6 .row .field,
#registration form .row-wrapper-7 .row .field,
#registration form .row-wrapper-8 .row .field,
#registration form .row-wrapper-9 .row .field {
    width: 100%;
}

#registration form .row-wrapper-9 {
    margin-bottom: 3rem;
}

#registration form .row .radio {
    display: flex;
    align-items: center;
    margin-right: 9rem;
    width: auto;
}

#registration form .row .radio input {
    width: 3rem;
}

#registration form .row-wrapper-10 .row .field {
    width: 100%;
}

#registration form .row-wrapper-7 .row .field,
#registration form .row-wrapper-9 .row .field,
#registration form .row-wrapper-10 .row .field {
    display: flex;
}

#registration form .row-wrapper-11 .row {
    justify-content: center;
    margin: 6rem 0;
}

@media (max-width: 767.9px) {

    #registration form .row .field,
    #registration form .row-wrapper-2 .row .field,
    #registration form .row-wrapper-3 .row .field {
        width: 100%;
    }

    #registration form .row-wrapper-4 .row .field,
    #registration form .row-wrapper-5 .row .field {
        width: calc(50% - 30px);
    }
}

/* --- INTERNAL PAGE - THANK YOU PAGE --- */
#registration_thanks {
    padding-bottom: 4rem;
}

#registration_thanks .idp_title {
    color: var(--blue);
    font-size: 4rem;
    font-family: var(--made-tommy-soft);
    font-weight: 800;
    padding: 2rem 0;
    text-transform: uppercase;
    text-align: center;
}
#registration_thanks .idp_text {
    text-align: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
/* --- INTERNAL PAGE - RECUPERA PASSWORD --- */
#get_email{
    width: 50%;
    margin: 3rem auto;
    text-align: center;
}
#get_email h1 {
    font-family: var(--made-tommy-soft) !important;
    font-size: 3rem;
    text-transform: uppercase;
    color: var(--blue);
    font-weight: 800;
}
#get_email .idp_field_container {
    text-align: left;
    margin-top: 2rem;
}
#get_email .idp_form_submit_button {
    border-bottom: none !important;
}
@media ( max-width: 992px ) {
    #get_email {
        width: 100%;
    }
}
/* --- INTERNAL PAGE - RECUPERA PASSWORD RIUSCITO--- */
#reset_password_goal {
    padding: 3rem 0;
    text-align: center;
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
}
#reset_password_goal .idp_content .idp_title {
    font-size: 3rem;
    font-family: var(--made-tommy-soft);
    text-transform: uppercase;
    font-weight: 800;
    color: var(--blue);
}
#reset_password_goal .idp_content strong {
    font-weight: 400 !important;
    margin-top: 2rem;
    display: block;
    font-size: 1.5rem;
}
@media ( max-width: 992px ) {
    #reset_password_goal {
        max-width: 100%;
    }
}

/* --- SCONTRINO --- */
.how-to img {
    width: 50%;
    margin: .5rem auto;
    max-width: 8rem;
}
#scontrini label, 
#scontrini-conferma input:not([type="submit"]),
#scontrini-conferma label {
    text-align: left !important;
    display: block;
}
#scontrini-conferma label {
    text-transform: uppercase;
    font-weight: 700;
}
#scontrini-conferma input:not([type="submit"]) {
    border: none;
    border-bottom: 1px var(--black) solid;
    padding-left: 0;
}
body.body-scontrino .gen--overlay {
    background-color: var(--giallo);
}
.rules-popup:hover {
    color: var(--rosso);
}

.receipt-upload {
    width: 100%;
}

.product-list {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}
.product-list li {
    display: flex;
    margin-top: 1rem;
}
.product-list li:first-child .remove { display: none !important;}
body #scontrini-conferma .product-list select {
    border: none;
    border-bottom: 1px var(--black) solid;
}
body #scontrini-conferma .product-list select option {
    text-align: left !important;
}
body #scontrini-conferma .product-list input[name="quantity"] {
    padding-right: 0;
    text-align: center !important;
}
.plus-sentence span {
    font-weight: 400;
    color: white;
    width: 2rem;
    display: inline-block;
    height: 2rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: white;
    vertical-align: text-top;
}
.plus-sentence span.add-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='49' viewBox='0 0 50 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.6663 47.6417C21.5607 47.6417 18.5488 47.0338 15.7141 45.8348C12.9754 44.6765 10.5156 43.0179 8.40286 40.9052C6.29015 38.7925 4.63158 36.3326 3.47322 33.594C2.27425 30.7593 1.66632 27.7473 1.66632 24.6417C1.66632 21.5361 2.27425 18.5242 3.47322 15.6895C4.63158 12.9508 6.29015 10.491 8.40286 8.37827C10.5156 6.26555 12.9754 4.60698 15.7141 3.44862C18.5488 2.24965 21.5607 1.64172 24.6663 1.64172C27.7719 1.64172 30.7839 2.24965 33.6185 3.44862C36.3572 4.60698 38.8171 6.26555 40.9298 8.37827C43.0425 10.491 44.7011 12.9508 45.8594 15.6895C47.0584 18.5242 47.6663 21.5361 47.6663 24.6417C47.6663 27.395 47.1831 30.0859 46.23 32.6396C45.3031 35.123 43.9465 37.4414 42.1979 39.5302C40.1388 41.9911 37.4955 44.0293 34.5534 45.4247C33.0439 46.1407 31.4517 46.6922 29.8212 47.0639C28.1391 47.4473 26.4048 47.6417 24.6663 47.6417Z' fill='white'/%3E%3Cpath d='M24.6664 2.9947C21.7429 2.9947 18.9082 3.56667 16.2412 4.69472C13.6638 5.78487 11.3485 7.34608 9.35964 9.33498C7.37074 11.3239 5.80953 13.6392 4.71938 16.2166C3.59133 18.8836 3.01936 21.7182 3.01936 24.6418C3.01936 27.5653 3.59133 30.3999 4.71938 33.0669C5.80953 35.6443 7.37074 37.9597 9.35964 39.9485C11.3485 41.9375 13.6638 43.4987 16.2412 44.5888C18.9082 45.7169 21.7429 46.2888 24.6664 46.2888C27.9232 46.2888 31.0547 45.5868 33.9737 44.2023C36.7407 42.8899 39.2257 40.9742 41.1606 38.6618C44.5316 34.6348 46.3135 29.7867 46.3135 24.6418C46.3135 21.7182 45.7415 18.8836 44.6135 16.2166C43.5233 13.6392 41.9621 11.3239 39.9732 9.33498C37.9843 7.34608 35.669 5.78487 33.0916 4.69472C30.4246 3.56667 27.5899 2.9947 24.6664 2.9947ZM24.6664 0.288818C38.1162 0.288818 49.0194 11.192 49.0194 24.6418C49.0194 30.5866 46.8893 36.0338 43.2354 40.3987C38.8834 45.5998 32.1714 48.9947 24.6664 48.9947C11.2167 48.9947 0.313477 38.0915 0.313477 24.6418C0.313477 11.192 11.2167 0.288818 24.6664 0.288818Z' fill='%230DBC06'/%3E%3Cpath d='M12.4899 24.98H36.8428' stroke='%230DBC06' stroke-width='2.70588' stroke-linecap='round'/%3E%3Cpath d='M24.6663 12.8034V37.1564' stroke='%230DBC06' stroke-width='2.70588' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.plus-sentence span.remove-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='49' viewBox='0 0 50 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.6663 47.3475C21.5607 47.3475 18.5488 46.7396 15.7141 45.5406C12.9754 44.3823 10.5156 42.7237 8.40286 40.611C6.29015 38.4983 4.63158 36.0384 3.47322 33.2998C2.27425 30.4651 1.66632 27.4531 1.66632 24.3475C1.66632 21.242 2.27425 18.23 3.47322 15.3953C4.63158 12.6567 6.29015 10.1968 8.40286 8.08408C10.5156 5.97136 12.9754 4.31279 15.7141 3.15443C18.5488 1.95546 21.5607 1.34753 24.6663 1.34753C27.7719 1.34753 30.7839 1.95546 33.6185 3.15443C36.3572 4.31279 38.8171 5.97136 40.9298 8.08408C43.0425 10.1968 44.7011 12.6567 45.8594 15.3953C47.0584 18.23 47.6663 21.242 47.6663 24.3475C47.6663 27.1009 47.1831 29.7917 46.23 32.3454C45.3031 34.8288 43.9465 37.1472 42.1979 39.236C40.1388 41.6969 37.4955 43.7351 34.5534 45.1305C33.0439 45.8465 31.4517 46.398 29.8212 46.7697C28.1391 47.1531 26.4048 47.3475 24.6663 47.3475Z' fill='white'/%3E%3Cpath d='M24.6664 2.70051C21.7429 2.70051 18.9082 3.27248 16.2412 4.40053C13.6638 5.49068 11.3485 7.05189 9.35964 9.04079C7.37074 11.0297 5.80953 13.345 4.71938 15.9224C3.59133 18.5894 3.01936 21.424 3.01936 24.3476C3.01936 27.2711 3.59133 30.1057 4.71938 32.7728C5.80953 35.3502 7.37074 37.6655 9.35964 39.6544C11.3485 41.6433 13.6638 43.2045 16.2412 44.2946C18.9082 45.4227 21.7429 45.9946 24.6664 45.9946C27.9232 45.9946 31.0547 45.2926 33.9737 43.9081C36.7407 42.5958 39.2257 40.68 41.1606 38.3677C44.5316 34.3406 46.3135 29.4925 46.3135 24.3476C46.3135 21.424 45.7415 18.5894 44.6135 15.9224C43.5233 13.345 41.9621 11.0297 39.9732 9.04079C37.9843 7.05189 35.669 5.49068 33.0916 4.40053C30.4246 3.27248 27.5899 2.70051 24.6664 2.70051ZM24.6664 -0.00537109C38.1162 -0.00537109 49.0194 10.8978 49.0194 24.3476C49.0194 30.2924 46.8893 35.7397 43.2354 40.1045C38.8834 45.3057 32.1714 48.7005 24.6664 48.7005C11.2167 48.7005 0.313477 37.7973 0.313477 24.3476C0.313477 10.8978 11.2167 -0.00537109 24.6664 -0.00537109Z' fill='%23E30D13'/%3E%3Cpath d='M16.2078 33.1066L33.1331 15.5968' stroke='%23E30D13' stroke-width='2.70588' stroke-linecap='round'/%3E%3Cpath d='M15.9074 15.889L33.4172 32.8143' stroke='%23E30D13' stroke-width='2.70588' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.plus-sentence span.calendar-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='37' viewBox='0 0 30 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.11765' y='5.40335' width='27.7647' height='29.7647' stroke='black' stroke-width='2.23529'/%3E%3Crect x='1.11765' y='5.11765' width='27.7647' height='6.76471' fill='black' stroke='black' stroke-width='2.23529'/%3E%3Crect x='4.82087' y='0.535714' width='1.07143' height='7.5' fill='black' stroke='black' stroke-width='1.07143'/%3E%3Crect x='24.106' y='0.535714' width='1.07143' height='7.5' fill='black' stroke='black' stroke-width='1.07143'/%3E%3C/svg%3E%0A");
}
.product-list .add,
.new-add-row,
.product-list .remove {
    width: 3rem;
    height: 3rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.new-add-row,
.product-list .add {background-image: url("data:image/svg+xml,%3Csvg width='50' height='49' viewBox='0 0 50 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.6663 47.6417C21.5607 47.6417 18.5488 47.0338 15.7141 45.8348C12.9754 44.6765 10.5156 43.0179 8.40286 40.9052C6.29015 38.7925 4.63158 36.3326 3.47322 33.594C2.27425 30.7593 1.66632 27.7473 1.66632 24.6417C1.66632 21.5361 2.27425 18.5242 3.47322 15.6895C4.63158 12.9508 6.29015 10.491 8.40286 8.37827C10.5156 6.26555 12.9754 4.60698 15.7141 3.44862C18.5488 2.24965 21.5607 1.64172 24.6663 1.64172C27.7719 1.64172 30.7839 2.24965 33.6185 3.44862C36.3572 4.60698 38.8171 6.26555 40.9298 8.37827C43.0425 10.491 44.7011 12.9508 45.8594 15.6895C47.0584 18.5242 47.6663 21.5361 47.6663 24.6417C47.6663 27.395 47.1831 30.0859 46.23 32.6396C45.3031 35.123 43.9465 37.4414 42.1979 39.5302C40.1388 41.9911 37.4955 44.0293 34.5534 45.4247C33.0439 46.1407 31.4517 46.6922 29.8212 47.0639C28.1391 47.4473 26.4048 47.6417 24.6663 47.6417Z' fill='white'/%3E%3Cpath d='M24.6664 2.9947C21.7429 2.9947 18.9082 3.56667 16.2412 4.69472C13.6638 5.78487 11.3485 7.34608 9.35964 9.33498C7.37074 11.3239 5.80953 13.6392 4.71938 16.2166C3.59133 18.8836 3.01936 21.7182 3.01936 24.6418C3.01936 27.5653 3.59133 30.3999 4.71938 33.0669C5.80953 35.6443 7.37074 37.9597 9.35964 39.9485C11.3485 41.9375 13.6638 43.4987 16.2412 44.5888C18.9082 45.7169 21.7429 46.2888 24.6664 46.2888C27.9232 46.2888 31.0547 45.5868 33.9737 44.2023C36.7407 42.8899 39.2257 40.9742 41.1606 38.6618C44.5316 34.6348 46.3135 29.7867 46.3135 24.6418C46.3135 21.7182 45.7415 18.8836 44.6135 16.2166C43.5233 13.6392 41.9621 11.3239 39.9732 9.33498C37.9843 7.34608 35.669 5.78487 33.0916 4.69472C30.4246 3.56667 27.5899 2.9947 24.6664 2.9947ZM24.6664 0.288818C38.1162 0.288818 49.0194 11.192 49.0194 24.6418C49.0194 30.5866 46.8893 36.0338 43.2354 40.3987C38.8834 45.5998 32.1714 48.9947 24.6664 48.9947C11.2167 48.9947 0.313477 38.0915 0.313477 24.6418C0.313477 11.192 11.2167 0.288818 24.6664 0.288818Z' fill='%230DBC06'/%3E%3Cpath d='M12.4899 24.98H36.8428' stroke='%230DBC06' stroke-width='2.70588' stroke-linecap='round'/%3E%3Cpath d='M24.6663 12.8034V37.1564' stroke='%230DBC06' stroke-width='2.70588' stroke-linecap='round'/%3E%3C/svg%3E%0A");}
.product-list .remove {background-image: url("data:image/svg+xml,%3Csvg width='50' height='49' viewBox='0 0 50 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.6663 47.3475C21.5607 47.3475 18.5488 46.7396 15.7141 45.5406C12.9754 44.3823 10.5156 42.7237 8.40286 40.611C6.29015 38.4983 4.63158 36.0384 3.47322 33.2998C2.27425 30.4651 1.66632 27.4531 1.66632 24.3475C1.66632 21.242 2.27425 18.23 3.47322 15.3953C4.63158 12.6567 6.29015 10.1968 8.40286 8.08408C10.5156 5.97136 12.9754 4.31279 15.7141 3.15443C18.5488 1.95546 21.5607 1.34753 24.6663 1.34753C27.7719 1.34753 30.7839 1.95546 33.6185 3.15443C36.3572 4.31279 38.8171 5.97136 40.9298 8.08408C43.0425 10.1968 44.7011 12.6567 45.8594 15.3953C47.0584 18.23 47.6663 21.242 47.6663 24.3475C47.6663 27.1009 47.1831 29.7917 46.23 32.3454C45.3031 34.8288 43.9465 37.1472 42.1979 39.236C40.1388 41.6969 37.4955 43.7351 34.5534 45.1305C33.0439 45.8465 31.4517 46.398 29.8212 46.7697C28.1391 47.1531 26.4048 47.3475 24.6663 47.3475Z' fill='white'/%3E%3Cpath d='M24.6664 2.70051C21.7429 2.70051 18.9082 3.27248 16.2412 4.40053C13.6638 5.49068 11.3485 7.05189 9.35964 9.04079C7.37074 11.0297 5.80953 13.345 4.71938 15.9224C3.59133 18.5894 3.01936 21.424 3.01936 24.3476C3.01936 27.2711 3.59133 30.1057 4.71938 32.7728C5.80953 35.3502 7.37074 37.6655 9.35964 39.6544C11.3485 41.6433 13.6638 43.2045 16.2412 44.2946C18.9082 45.4227 21.7429 45.9946 24.6664 45.9946C27.9232 45.9946 31.0547 45.2926 33.9737 43.9081C36.7407 42.5958 39.2257 40.68 41.1606 38.3677C44.5316 34.3406 46.3135 29.4925 46.3135 24.3476C46.3135 21.424 45.7415 18.5894 44.6135 15.9224C43.5233 13.345 41.9621 11.0297 39.9732 9.04079C37.9843 7.05189 35.669 5.49068 33.0916 4.40053C30.4246 3.27248 27.5899 2.70051 24.6664 2.70051ZM24.6664 -0.00537109C38.1162 -0.00537109 49.0194 10.8978 49.0194 24.3476C49.0194 30.2924 46.8893 35.7397 43.2354 40.1045C38.8834 45.3057 32.1714 48.7005 24.6664 48.7005C11.2167 48.7005 0.313477 37.7973 0.313477 24.3476C0.313477 10.8978 11.2167 -0.00537109 24.6664 -0.00537109Z' fill='%23E30D13'/%3E%3Cpath d='M16.2078 33.1066L33.1331 15.5968' stroke='%23E30D13' stroke-width='2.70588' stroke-linecap='round'/%3E%3Cpath d='M15.9074 15.889L33.4172 32.8143' stroke='%23E30D13' stroke-width='2.70588' stroke-linecap='round'/%3E%3C/svg%3E%0A");}
body #scontrini-conferma .product-price input{
    /* border-bottom: none; */
    text-align: right !important;
    padding-bottom: 0;
    margin-right: 0.5rem;
}
.product-list .add {
    display: none;
}
@media ( max-width: 992px ) {
    .new-add-row,
    .product-list .add,
    .product-list .remove { 
        width: 2rem;
        height: 2rem;
    }
    body #scontrini-conferma .product-price input {
        padding-right: 0;
    }
}
/* --- 20220119 - TANDU' --- */
input.hidden {
    display: none !important;
}

/* --- FRESCHI KINDER 2024 --- */
header.gigya-header ~ main#content {
    /* background-image: url('https://quality.prod.kinder.com/it/it/xp/tazzinenutella2024/img/bollicine.jpg'); QA */
     background-image: url('https://kinder.com/it/it/xp/tazzinenutella2024/img/bollicine.jpg');/* PROD */
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
}
section.internal-page > .container {
    background-color: var(--white);
}
header.gigya-header ~ main#content section.prefooter > .container {
    background-color: var(--white);
    padding-top: 3rem;
    padding-bottom: 3rem;
}
section.internal-page ~ .prefooter .gen--p {
    padding-left: 3rem;
    padding-right: 3rem;
}
@media(max-width:992px){
    section.internal-page ~ .prefooter .gen--p {
        padding-left: 0rem;
        padding-right: 0rem;
    }
}