/**
 * 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;
 
    --montserrat: 'Montserrat', '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, #00B2E3 0%, #93D500 28%,#FFCD00 75%,#E30613 100%);

 }
 
 /* - 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(--montserrat);
 }
 
 h1, h2, h3, h4, h5, h6 {
     font-family: var(--montserrat);
     margin-bottom: 0 !important
 }
 
 html body {
     width: 100%;
     margin: 0 auto;
     color: var(--black);
     font-size: 16px;
 }

 @media ( max-width: 1800.1px ) {
     html body .container {
        width: 100%;
        max-width: 100%;
        padding-left: 4rem;
        padding-right: 4rem;
     }
 }

 @media ( max-width: 992px ) {
    html body .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
 }
     
@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(--montserrat) }
 .noto, .noto * { font-family: var(--montserrat) }
 .yanone, .yanone * { font-family: var(--montserrat) }
 .made-tommy-soft, .made-tommy-soft * { font-family: var(--montserrat) }
 .montserrat, .montserrat * { font-family: var(--montserrat) }
 
 
 .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: 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;
}
body.body-scontrino select {
    -webkit-appearance: auto;
}
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: 1.5rem 3rem 1.45rem;
     /* 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: 500;
     border: none;
     line-height: 2;
     min-width: 24rem;
     font-size: 1.5rem;

 }
 button.submit,
 input[type="submit"] {
    color: var(--black);
    padding: 0.4rem 5rem 0.35rem;
 }
 input[type="submit"] {
    padding-top: 1rem;
    padding-bottom: 1rem;
 }
 @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.black-border-btn,
 body div .btn.gray-border-btn,
 body div .btn.red-border-btn {
     position: relative;
}
body div .btn.red-border-btn {
    background-color:#90040C !important;
    /* 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.gray-border-btn {
    background-color: #717171 !important;
    background-image: none;
}
body div .btn::after,
body div .btn.rainbow-border-btn::after,
body div .btn.black-border-btn::after,
body div .btn.gray-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);
    transition: opacity 250ms ease;
}
body div .btn::after { opacity: 0; }
body div .btn:hover::after { opacity: 1; }

body div .btn.rainbow-border-btn::after,
body div .btn.black-border-btn::after,
body div .btn.gray-border-btn::after,
body div .btn.red-border-btn::after { opacity: 1; }
body div .btn.black-border-btn:hover::after,
body div .btn.gray-border-btn:hover::after,
body div .btn.rainbow-border-btn:hover::after,
body div .btn.red-border-btn:hover::after { opacity: 0; }

body div .btn.gray-border-btn:hover span,
body div .btn.red-border-btn:hover span,
body div .btn.black-border-btn:hover span {
    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(--montserrat);
     color: var(--black);
     text-transform: uppercase;
     font-weight: 500;
     font-size: 1.5rem;
     line-height: 1.25;
     transition: all 250ms ease;
     position: relative;
     z-index: 10;
 }
 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 section.scontrino-kfl div .thank-you .btn:not(.disabled-btn),
 body.address section.scontrino-kfl .btn,
 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: 6rem;
 }
 section.no-margin {
     margin-bottom: 0;
 }
 
 .gen--title {
    font-family: var(--montserrat);
    margin-bottom: 0;
    font-size: 3rem;
    line-height: 1.2;
    font-weight: 700;
    padding: 1rem 2rem;
    width: auto;
    background-color: var(--white);
    color: var(--black);
    text-transform: uppercase;
    display: inline-block;
 }

 .gen--title.gen--title-rainbow-bcg { background-image: var(--rainbow-gradient);}

 .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);
     box-shadow: 0px 2rem 2rem rgba(0, 0, 0, 0.10)
 }
 .gen--box-inner {
     border-radius: var(--border-radius);
     background-color: var(--white);
    }
.gen--box-inner.no-bcg {
    background-color: transparent;
}
.white-box {
    padding: 2rem;
    background-color: var(--white);
    border-radius: var(--border-radius);
}

 /* .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;
    }
}
@media ( orientation: landscape ) and ( max-height: 900px ) {
    body.overlay-body.home .gen--overlay {
        padding-top: 2rem;
        padding-bottom: 2rem;
        overflow: scroll;
    }
    body.overlay-body.home .gen--overlay > .container {
        height: auto;
    }
    .home .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.kfl-popup-2 > .container .row {
    width: 100% !important;
}
.gen--overlay.kfl-popup-2 .popup {
    height: 90vh;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.gen--overlay.kfl-popup-2 .popup > .d-flex {
    width: 100% !important;
}
.gen--overlay.kfl-popup-2 .popup img {
    margin-top: 0;
    height: 95%;
}
@media (orientation: portrait) {
    .gen--overlay.kfl-popup-2 .popup { height: 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;
 }

 .popup-close {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M18.7474 6.87939L6.74744 18.8794M6.74744 6.87939L18.7474 18.8794' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
}
 
 .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: 2.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: .5rem;
    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(--montserrat) !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%;
    height: 95%;
    top: 2.5%;
    object-fit: contain;
    object-position: left center;
}

.home--hero .row:nth-child(2) {
    height: 16rem;
} */
/*
.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--hero {
    position: relative;
}
.home--hero > .swiper {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.home--hero > .swiper-wrapper,
.home--hero > .swiper-slide {
    width: 100%;
    height: 100%;
    transition: opacity 500ms ease;
}
#home-hero-bcg .swiper-slide { 
    transition: opacity 500ms ease;
}
.home--hero > .container {
    position: relative;
    z-index: 5;
}
.home--hero .col-12 .swiper {
    width: 50%;
    overflow: visible;
}
.home--hero a.btn {
    min-width: auto;
}

.home--swiper-box {
    pointer-events: none;
}
.home--swiper-box,
.home--white-box {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.home--white-box img {
    width: 85%;
    margin: 0 auto;
}
p.partecipanti {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    font-size: 4vw;
    width: 100%;
    padding: 0 2rem;
}


@media (min-width: 550px) { p.partecipanti { font-size: 5vw; } }
@media (min-width: 768px) { p.partecipanti { font-size: 1.3vw; bottom: .5rem;} }
@media (min-width: 1100px) { p.partecipanti { bottom: 1rem; } }
@media (min-width: 1799px) { p.partecipanti { font-size: 20px; } }

/* .home--prize {
    background-image: var(--rainbow-gradient)
} */

.home--prize-1,
.home--prize-2 {
    position: relative;
    z-index: 5;
}
.home--prize-1 {
    padding-top: 6rem;
}
.home--prize > img {
    position: relative;
    z-index: 1;
    margin-top: -9rem;
}
.home--prize-2 {
    /* margin-top: -6rem;
    transform: translate(0, -8rem); */
    position: absolute;
    z-index: 5;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
}

.home--playlist {
    margin-top: 2rem;
    /* margin-top: -1rem; */
}
.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;
    margin-top: -7vw;
}
.home--data > div {
    position: relative;
    z-index: 5;
}
.home--data .gen--box,
.home--data .gen--box-inner {
    height: 100%;
}
.home--data .gen--box-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}
/* .home--data::before {
    content: ' ';
    height: 33.33%;
    width: 100%;
    background-color:#0088AB;
    position: absolute;
    z-index: 1;
} */

/* .swiper-slide-active {
    transform: scale(1.4);
    z-index: 2
} */

/* @media ( min-width: 1921px ) {
    .wave {
        transform: scaleX(2);
    }
}
@media ( min-width: 2561px ) {
    .wave {
        transform: scaleX(3);
    }
} */
 @media ( max-width: 992px ) {
   .home--prize-1 { padding-top: 4rem; }
   .home--prize-2 { bottom: 2% }
   .home--prize > img { margin-top: -6rem; }

   .home--awakening .gen--title { font-size: 1.75rem !important }
   .home--awakening .title-2 { font-size: 1.5rem !important }
   .home--awakening .gen--box-inner {
    background-image: none !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 > .d-flex {
    height: calc(100vh - 6rem);
}
.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/tazze_bg_verde.svg');
    background-color: var(--verde);
}

.q--2 {
    background-image: url('../img/tazze_bg_giallo.svg');
    background-color: var(--giallo);
}
.q--3 {
    background-image: url('../img/tazze_bg_azzurro.svg');
    background-color: var(--azzurro);
}
.q--4 {
    background-image: url('../img/tazze_bg_blu.svg');
    background-color: var(--blu);
}
.q--5 {
    background-image: url('../img/tazze_bg_rosa.svg');
    background-color: var(--rosa);
}
.q--6 {
    background-image: url('../img/tazze_bg_rosso.svg');
    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,
 .not-enough-credit,
 .file-too-big,
 .already-won,
 .scontrino-kfl {
     position: fixed;
     z-index: 1000;
     width: 100%;
     background-color: rgba(0, 0, 0, .8);
     height: 100%;
     top: 0;
     left: 0;
 }
 .gen--loader.full-loader,
 .not-enough-credit,
 .file-too-big,
 .already-won {
    background-color: var(--verde);
 }
 .scontrino-kfl {
    background-color: transparent;
    backdrop-filter: blur(8px);
 }

 .gen--loader > div,
 .code--loader > div,
 .code--fail > div,
 .code--retry > div,
 .already-won > div,
 .not-enough-credit > div,
 .file-too-big > div,
 .scontrino-kfl > div {
     height: 100%;
 }
 .already-won .gen--box,
 .not-enough-credit .gen--box,
 .file-too-big .gen--box { padding: 0; }
 .code--retry .white-bcg,
 .code--fail .white-bcg {
    border-radius: var(--border-radius);
 }
 .scontrino-kfl .gen--box {
    padding: 4px;
 }
 .scontrino-kfl .gen--box-inner {
    position: relative;
    padding-top: 9rem !important;
}
 .scontrino-kfl img {
    position: absolute;
    width: 80%;
    height: 14rem;
    object-fit: contain;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
 }

/* --- PROFILO | AREA PERSONALE --- */

.kfl-popup-1 {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 100;
    background: #C6E3F4;
    padding: 2rem;
    border-radius: var(--border-radius);
    max-width: 20rem;
}
body .kfl-popup-1 .btn {
    min-width: auto;
}
body .kfl-popup-1 .btn span {
    font-size: 1.25rem;
}


body.profile,
.profile-generic-bcg {
    background-image: url('../img/profilo/tazze_bg_generic.svg');
}
body.profile.profile-giallo,
.profile-giallo {
    background-image: url('../img/profilo/tazze_bg_giallo.svg');
    background-color: var(--giallo);
}
body.profile.profile-azzurro,
.profile-azzurro {
    background-image: url('../img/profilo/tazze_bg_azzurro.svg');
    background-color: var(--azzurro);
}
body.profile.profile-rosa,
.profile-rosa {
    background-image: url('../img/profilo/tazze_bg_rosa.svg');
    background-color: var(--rosa);
}
body.profile.profile-blu,
.profile-blu {
    background-image: url('../img/profilo/tazze_bg_blu.svg');
    background-color: var(--blu);
}
body.profile.profile-rosso,
.profile-rosso {
    background-image: url('../img/profilo/tazze_bg_rosso.svg');
    background-color: var(--rosso);
}
body.profile.profile-verde,
.profile-verde {
    background-image: url('../img/profilo/tazze_bg_verde.svg');
    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-color: var(--black);
    /* background-image: var(--rainbow-gradient); */
    top: -4px;
    left: -4px;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    
}

.area-menu > div.active::after {

    background-blend-mode: overlay;
    background-image: url('../img/profilo/white.png');
    background-size: cover;
    opacity: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.profile .area-menu > div.active::after {
    background-color:#E7E7E7;
    background-image: none;
}
.profile-giallo .area-menu > div.active::after { background-color:#FFD872; }
.profile-blu .area-menu > div.active::after { background-color:#A1A5C0; }
.profile-azzurro .area-menu > div.active::after { background-color:#72C4E9; }
.profile-rosso .area-menu > div.active::after { background-color:#E97273; }
.profile-rosa .area-menu > div.active::after { background-color:#FF8B8C; }
.profile-verde .area-menu > div.active::after { background-color:#AEDE72; }


.area-menu span {
    position: relative;
    z-index: 10;
}
.area-container>div {
    display: none;
}

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

body.profile .wake-title {
    font-weight: 800;
    font-size: 4rem;
}


.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:hover {
    text-decoration: underline;
}
.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,
#pratica-bonus {
    padding-top: .7rem;
    text-align: center;
}
.private-area--entry {
    padding: 2rem;
    margin-top: 2rem;
    border-radius: var(--border-radius);
    background-color: var(--white);
    cursor: pointer;
    border: 2px var(--black) solid;
    display: none;
}
.private-area--entry > p {
    display: flex;
    justify-content: space-between;
}
/* .private-area--entry > p::after {
    content: ' ';
    width: .5rem;
    height: .5rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.757938 0.0559993H4.98194L10.2379 5.456L4.98194 10.832H0.757938L5.98994 5.456L0.757938 0.0559993Z' fill='%23282828'/%3E%3C/svg%3E%0A");
    transform: rotate(90deg);
}
.private-area--entry.active > p::after {
   transform: rotate(-90deg);
} */
.private-area--entry ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}
.private-area--entry ul li {
    display: flex;
    flex-direction: column;
    list-style: none;
    width: 50%;
    margin-top: 1rem;
}
.private-area--entry ul li span {
    font-weight: 700;
    margin-right: 1rem;
    text-transform: uppercase;
}
.private-area--specific-entry .p-4 {
   border-radius: var(--border-radius);
}

@media ( max-width: 992px ) {
    .private-area {
        background-image: none;
   }
   .private-area::before {
       content: none
   }
   .private-area .secondary-bcg {
       
       background-color: transparent;
   }
    body.profilo {
       background-image: none !important;
    }
}
/* 
#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);
    background-clip: content-box;
}
body.internal-page.address .area-menu > div.active::after {
    background-image: none;
    background-color: var(--azzurro);
}

.input--placeholder.search-newsstand-btn input {
    width: 100%;
}
.input--placeholder.search-newsstand-btn::before {
    content: 'Cerca';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 500;
    pointer-events: none;
}
.input--placeholder.search-newsstand-btn::after {
    content: ' ';
    background-color: var(--white);
    width: 100%;
    height: 100%;
    padding: 4px;
    background-clip: content-box;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4rem;
    pointer-events: none;
}
/* 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;
    padding-left: 0;
    padding-right: 0;
 }

 .load-more-shops {
    opacity: 1 !important
}

 @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
    }
    .load-more-shops {
        width: 100% !important;
    }
 }

 .addresses.shops fieldset > div:nth-child(n + 4) {
    display: none;
 }


 /* --- DATI PERSONALI --- */
 body.personal-data main > .container {
     background-color: var(--blu);
    }
body.personal-data main > .container > .row {
    background-color: var(--white);
    padding-bottom: 12rem;
}
body.personal-data .col-lg-6 {
    width: 100%;
    text-align: left !important;
}
body.personal-data main .consents input[type="submit"] {
    display: none;
}
/* 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 {
    background-color: var(--white);
}
.login--hero > .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* 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;
    background-clip: content-box;
}
section.internal-page .container > .row {
    padding-bottom: 5rem;
}
#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_account_access .lost > .btn::after:hover {
    opacity: 0 !important;
    background-color: transparent !important;
    border: none !important
 }
.idp_main h3 {
    /* color: var(--blue); */
    font-size: 3rem;
    font-weight: 800;
    padding: 2rem 0;
    text-transform: uppercase;
    text-align: center;
    font-family: var(--montserrat);
}

.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(--montserrat);
    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 !important;
    margin-right: 15px !important;
    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(--montserrat);
    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(--montserrat) !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(--montserrat);
    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 --- */
body.body-scontrino,
body.body-scontrino .gen--overlay {
    background-color: var(--verde);
}
.body-scontrino .internal-page .container>.row>.col-12 > * {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.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[for="front-img-name"]{
    text-align: center !important;
}
#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; */
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.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 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");
}

.new-add-row-container {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.new-add-row-container span {
    display: block;
    text-transform: uppercase;
    /* font-weight: 700; */
    font-size: 1.5rem;
    margin-right: 1rem;
}

.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; */
    /* margin-right: 0.5rem; */
    border-right: none;
    text-align: right !important;
    padding-bottom: 0;
    padding-bottom: 1rem;
}
body #scontrini-conferma .product-price span {
    padding: 1rem;
    padding-left: 0;
    border: 1px black solid;
    border-left: none;
}
.product-list .add {
    display: none;
}

.confirm-submit-btn {
    position: relative;
}
.confirm-submit-btn input {
    width: 100%;
}
.confirm-submit-btn::before {
    content: 'Conferma documento d\'acquisto';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    text-transform: uppercase;
    font-size: 1.5rem;
    white-space: nowrap;
    font-weight: 500;
    pointer-events: none;
}
.confirm-submit-btn::after {
    content: ' ';
    background-color: var(--white);
    width: 100%;
    height: 100%;
    padding: 4px;
    background-clip: content-box;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4rem;
    pointer-events: 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;
}

/* --- TAZZE KINDER 2025 --- */
header.gigya-header ~ main#content {
    /* background-image: url('https://quality.prod.kinder.com/it/it/xp/tazzenutella2024/img/bollicine.jpg'); QA */
     background-image: url('https://kinder.com/it/it/xp/tazzenutella2024/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;
    }
}

/* #idp_account_access .facebook-logo {
    height: 2rem;
} */
#idp_account_access .col.dx {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}
#idp_account_access .col.dx > div {
    width: 48%;
}
/* 
#idp_account_access .col.dx > div button {
    width: 100%;
    border-radius: 10rem;
    padding: 2rem 0;
    color: var(--black);
    font-size: 1rem;
    font-weight: 700;
} */

#idp_account_access .col.dx > div button {
    width: 100%;
    border-radius: 10rem;
    padding: 2rem 0;
    color: var(--black);
    font-size: 1rem;
    font-weight: 700;
    height: auto;
    padding: 1rem 0;
    background-image: none;
    min-width: auto;
    color: var(--white);
}

body #idp_account_access .col.dx {
    display: flex;
    flex-wrap: wrap;
    display: none !important;
}
body #facebookSocialLoginContainer {
    width: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
}
body #facebookSocialLoginButton {
    display: flex;
    justify-content: center;
    width: 80%;
    min-width: auto;
    padding: 0.5rem 0;
    height: auto;
    border-radius: 10rem;
    background-color:#3F51B5;
    background-image: none;
}
body #facebookSocialLoginButton:hover {
    background-image: none;
    background-color:#3F51B5;
}
body #facebookSocialLoginButton:hover::after {
    opacity: 0;
}
body #facebookSocialLoginButton .facebook-logo {
    height: 2rem;
}
body #googleSocialLoginContainer {
    width: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
}
body #googleSocialLoginButton {
    display: flex;
    justify-content: center;
    width: 80%;
    min-width: auto;
    padding: 0.5rem 0;
    height: auto;
    border-radius: 10rem;
    background-color: var(--white) !important;
    background-image: none;
}
body #googleSocialLoginButton:hover {
    background-color: var(--white) !important;
    background-image: none;
}
body #googleSocialLoginButton:hover::after {
    opacity: 0;
}
body #googleSocialLoginButton .google-logo {
    height: 2rem;
    width: 2rem;
}
body #googleSocialLoginButton span {
    margin-bottom: 0 !important;
    font-size: 1rem;
    color: var(--black);
    font-weight: 700;
}