@charset "UTF-8";
/* CSS Document */


/* STANDARDS  */
.transition
{
 transition: all 1.2s cubic-bezier(0.22, 0, 0.12, 1);
-moz-transition: all 1.2s cubic-bezier(0.22, 0, 0.12, 1);
-webkit-transition: all 1.2s cubic-bezier(0.22, 0, 0.12, 1);
transform-origin:center center;
}

.transition2,#notifier::before,#box_missioni::before,#box_missioni::after,#faq .box .faq .title::after
{
 transition: all 0.5s cubic-bezier(0.22, 0, 0.12, 1);
-moz-transition: all 0.5s cubic-bezier(0.22, 0, 0.12, 1);
-webkit-transition: all 0.5s cubic-bezier(0.22, 0, 0.12, 1);
}

.opacita.off
{
opacity:0;
}


.scale.off
{
transform:scale(0);
}


.ruota.scale.off
{
transform:scale(0) rotate(-360deg);
}

.ruota.off
{
transform:rotate(-360deg);
}

.comparsa
{
position:relative;
top:0;
}
.comparsa_x
{
position:relative;
left:0px;
}
.comparsa_b
{
position:relative;
bottom:0px;
}
.comparsa.off
{
top:50px;
}
.comparsa_x.off
{
left:-50px;
}
.comparsa_b.off
{
bottom:-100px;
}

html
{
font-size:16px;
}
*
{
outline:0;
box-sizing:border-box;
line-height:1.2em;
color:inherit;
font-size:inherit;
}

.textbox:focus,.custom-select-container.focus,.custom-checkbox.focus,a:focus
{
outline:1px solid rgb(0, 55, 114);
}
footer ul a:focus
{
outline:1px solid rgb(225, 225, 225);
}
a.button:focus
{
outline:6px solid #fff;
}

body
{
font-family: "Montserrat";
font-weight:400;
background-color:#fff;
font-size:inherit;
color:#161615;
}

.focus
{
max-width:1200px;
position:relative;
z-index:2;
width:92%;
}

.button,a.button
{
text-decoration:none;
padding-left:10px;
padding-right:10px;
max-width:100%;
position: relative;
z-index:1;
height:48px;
cursor:pointer;
display:inline-flex;
justify-content:center;
align-items:center;
text-align:center;
color:#fff;
font-weight:700;
font-size:0.875rem;
width:198px;
}
.button::before,a.button::before,.button::after,a.button::after
{
content:"";
position:absolute;
border-radius:5px;
}
.button::before,a.button::before
{
z-index:2;
top:0;
left:0;
background-color:#00547C;
width:100%;
height:100%;
}
.button::after,a.button::after
{
z-index:1;
top:4px;
left:4px;
height:calc(100% - 3px);
width:calc(100% - 3px);
background-color:#B4D9DE;
border:1px solid #707070;
}
.button span,a.button span
{
position:relative;
z-index:4;
display:flex;
justify-content:center;
align-items:center;
}
.button span::after,a.button span::after
{
display:block;
width:9px;
height:15px;
background-image:url("../img/vai.svg");
content:"";
margin-left:20px;
}
.custom-checkbox,.custom-radio {
    display:block;
    height: 18px;
    width: 18px;
min-width: 18px;
border:1px solid #000;
    background-repeat:no-repeat;
background-position:center center;
position:relative;
}

.custom-checkbox::before,.custom-radio::before
{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-49%);
width:12px;
height:12px;
content:"";
}
.custom-checkbox.checked::before,.custom-radio.checked::before
{
background-color:#DF366E;
}
.textbox
{
padding-left:8px;
padding-right:8px;
font-size:0.75rem;
font-family: "Montserrat";
outline:0;
border:1px solid #000;
background-color:#fff;
height:30px;
text-align:left;
font-weight:700;
display: block;
border-radius:15px;
width:100%;
}

textarea.textbox
{
resize:none;
height:200px;
padding-top:20px;
padding-bottom:20px;
}

label.label_check
{
margin-left:10px;
margin-right:40px;
font-size:1.3125rem;
color:#707070;
display:block;
}

label.label_check a
{
color:#4174D8;
}
label.label_check a:hover
{
color:#000;
}

label.label_check.last
{
margin-right:0;
}

.errore,.errore.uploadFoto .box_foto
{
background-color:#e1242b !important;
color:#fff !important;
}


input[placeholder],
    [placeholder],
    *[placeholder] {
      opacity:  1;
	color:#000000;
      
    }

::-webkit-input-placeholder { 
    opacity:  1;
	color:#000000;
    
}
:-moz-placeholder { 
   opacity:  1;
   color:#000000;
}
::-moz-placeholder { 
  opacity:  1;
  color:#000000;

}
:-ms-input-placeholder { 
   opacity:  1;
   color:#000000;

}

input.errore[placeholder],
    .errore[placeholder],
    *.errore[placeholder] {
      color:#fff !important;
opacity:1 !important;
      
    }

.errore::-webkit-input-placeholder { 
   color:#fff !important;
opacity:1 !important;
    
}
.errore:-moz-placeholder { 
   color:#fff !important;
opacity:1 !important;
}
.errore::-moz-placeholder { 
   color:#fff !important;
opacity:1 !important;
}
.errore:-ms-input-placeholder { 
   color:#fff !important;
opacity:1 !important;
}

#overlay,#overlay3
{
position:absolute;
z-index:30;
top:0px;
left:0px;
width:100%;
height:100%;
background-color: #000;
opacity:0.8;
}


#overlay,#popup
{
position:fixed;
}
#overlay,#popup
{
display:none;
}

/*#popup3
{
position:absolute;
margin-top:-200px;
}*/

#popup
{
text-align: center;
z-index:31;
top:50%;
left:50%;
width:330px;
padding:20px;
max-width:88%;
transform:translate(-50%,-50%);
}
#popup::before,#popup::after,#thankyou .box::before,#thankyou .box::after
{
content:"";
position:absolute;
width:100%;
height:100%;
border:1px solid #707070;
}
#popup::before,#thankyou .box::before
{
z-index:2;
top:0;
left:0;
background-color:#E8F2F7;
}
#popup::after,#thankyou .box::after
{
z-index:1;
top:8px;
left:8px;
background-color:#005380;
}
#popup .cont
{
overflow: auto;
max-height: 90vh;
position: relative;
  z-index: 4;
}

#close_popup
{
cursor: pointer;
text-align: center;
overflow:hidden;
border-radius:50%;
display:block;
background-color:#fff;
position: absolute;
z-index:2;
left:auto;
right: 20px;
top: 20px;
width: 69px;
height: 69px;
border:2px solid #4174d8;
}



#close_popup svg
{
position:absolute;
z-index:2;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#close_popup svg path
{
transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}
#close_popup:hover
{
background-color:#4174d8;
}
#close_popup:hover svg path
{
fill:#fff;
}
#title_popup
{
  text-align: center;
 font-weight:700;
color:#01547C;
font-size:1.3125rem;
padding-top:10px;
}
#contenuto_popup
{
font-size:1.0625rem;
color:#0E0E0E;
font-weight:500;
padding-top:15px;
text-transform:none;
padding-bottom:10px;
max-width:250px;
margin-left:auto;
margin-right:auto;
}
#contenuto_popup .note
{
margin-top:20px;
margin-bottom:20px;
color:#01547C;
font-size:0.8125rem;
max-width:175px;
margin-left:auto;
margin-right:auto;
}
#wallet .button
{
height:40px;
width:205px;
}
#wallet .button span::after
{
margin-left:10px;
}
#contenuto_popup .button,#thankyou .box a.button
{
width:166px;
height:35px;
}
#contenuto_popup .button::before,#contenuto_popup .button::after,#thankyou .box a.button::before,#thankyou .box a.button::after
{
border-radius:0;
}
#contenuto_popup .button::after,#thankyou .box a.button::after
{
background-color:#E8F2F7;
top: 5px;
left: 5px;
}
#contenuto_popup .button span,#thankyou .box a.button span
{
width: 100%;
}
#contenuto_popup .button span::after,#thankyou .box a.button span::after
{
position:absolute;
left:auto;
right:0;
margin-left:0;
top: 50%;
transform:translateY(-50%);
}
#contenuto_popup .annulla
{
cursor:pointer;
text-decoration:underline;
margin-top:30px;
color:#0E0E0E;
font-size:0.9375rem;
}
.uploadFoto
{
margin-bottom:15px;
}

.upper
{
text-transform:uppercase;
}

header
{
width:100%;
z-index:20;
position:fixed;
top:0;
left:0;
}


.submit
{
display:none;
}

#page
{
overflow:hidden;
padding-top:102px;
}


#thankyou,#missioni,#wallet
{
padding-top:70px;
padding-bottom:70px;
}

#esperienze,#highlights,#strutture,#faq,#vouchers,#missioni,#wallet
{
padding-top:50px;
}

#richiedi_premio
{
position:relative;
z-index:1;
}


#risultati_ricerca .response
{
margin-top:30px;
margin-bottom: 0;
text-align:center;
}

.form_radio
{
height:60px;
}

.form_radio.check
{
height:auto;
}

.tabella.check
{
padding-top:10px;
padding-bottom:10px;
}




/* END STANDARDS  */



/* CUSTOM  */
p
{
line-height:1.5;
}
#fasciabluheader,#fasciaazzurraheader
{
display:flex;
align-items:center;
position:relative;
}
#fasciabluheader img,#fasciaazzurraheader img
{
margin:0;
}
#fasciabluheader .focus,#fasciaazzurraheader .focus
{
display:flex;
align-items:center;
justify-content:space-between;
}
#fasciabluheader
{
height:55px;
background-color:#033853;
}
#fasciaazzurraheader
{
height:47px;
background-color:#E8F2F7;
position:relative;
}
#fasciaazzurraheader .area_user
{
height:34px;
display: flex;
align-items: center;
text-overflow:ellipsis;
max-width:calc(50% - 45px);
font-weight:700;
font-size:0.75rem;
color:#033853;
text-align:left;
overflow: hidden;
padding-left:36px;
position:relative;
}
#fasciaazzurraheader .area_user img
{
width:31px;
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
}
#fasciaazzurraheader .area_crediti
{
border-radius:50%;
width:90px;
height:90px;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
display:flex;
align-items:center;
justify-content:center;
}
#fasciaazzurraheader .area_crediti span
{
position:relative;
z-index:3;
color:#043853;
font-weight:500;
font-size:0.8125rem;
line-height:1;
}
#fasciaazzurraheader .area_crediti b
{
display:block;
font-size:3.0625rem;
font-weight:700;
line-height:0.9;
}
#fasciaazzurraheader .area_crediti::before,#fasciaazzurraheader .area_crediti::after
{
border-radius:50%;
position:absolute;
width:100%;
height:100%;
content:"";
}
#fasciaazzurraheader .area_crediti::before
{
top:0;
left:0;
z-index:2;
background-color:#F6A201;
}
#fasciaazzurraheader .area_crediti::after
{
top:1px;
left:2px;
z-index:1;
border:1px solid #707070;
}

#notifier
{
position:fixed;
left:auto;
right:0;
width:220px;
top:150px;
transform:translateX(60%);
cursor:pointer;
z-index:21;
}
#notifier.open
{
transform:none;
cursor:default;
}
#notifier.closed
{
opacity:0;
visibility:hidden;
}
#notifier .content,#notifier::before
{
border-bottom-left-radius:77px;
}
#notifier .content
{
background-color:#043753;
position:relative;
z-index:2;
height:39px;
}
#notifier.open .content,#notifier.open::before
{
border-bottom-left-radius:25px;
}
#notifier .content img
{
position:absolute;
z-index:1;
top:50%;
left:60px;
transform:translate(-50%,-50%);
}

#notifier.crediti .content img
{
left:55px;
transform:translate(-50%,-42.5%);
}
#notifier.open .content img
{
opacity:0;
visibility:hidden;
}
#notifier .content .inner
{
visibility:hidden;
opacity:0;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
color:#fff;
font-weight:500;
font-size:0.75rem;
}
#notifier .content .inner a
{
text-decoration:underline;
font-weight:700;
}
#notifier .content .inner b
{
font-weight:700;
}
#notifier.open .content .inner
{
visibility:visible;
opacity:1;
}
#notifier::before
{
position:absolute;
z-index:1;
background-color:#EA4F80;
width:100%;
height:100%;
top:3px;
left:0;
content:"";
}
#notifier.open::before
{
left:-1px;
}
#notifier span
{
font-weight:700;
font-size:0.875rem;
color:#043853;
width:30px;
height:30px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
border:1px solid #043853;
background-color:#E8F2F7;
position:absolute;
z-index:5;
top:0;
left:0;
transform:translate(6px,-50%);
background-position:center center;
background-repeat:no-repeat;
}
#notifier.open span
{
transform:translate(-50%,-50%);
text-indent:-999999px;
cursor:pointer;
background-image:url("../img/close_notifier.svg");
}

#faq,#vouchers
{
padding-bottom:70px;
}

#legal,#esperienze .card,#strutture
{
padding-bottom:120px;
}
#page.open #legal,#page.open #esperienze .card,#page.open #strutture
{
padding-bottom:230px;
}

h1,h2
{
font-weight:700;
font-size:1.75rem;
}
#highlights
{
padding-bottom:20%;
}

#highlights p
{
font-weight:500;
font-size:1rem;
line-height:1.3;
}
#highlights p b
{
font-weight:600;
display:block;
font-size:1.125rem;
line-height:inherit;
}
#highlights h1
{
color:#040506;
margin-top:20px;
margin-bottom:20px;
}
#highlights .box
{
position:relative;
border-radius:20px;
padding-bottom:20px;
width:80%;
max-width:540px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
#highlights .box::before,#highlights .box::after
{
content:"";
position:absolute;
width:calc(100% - 2px);
height:calc(100% - 2px);
border-radius:20px;
}
#highlights .box .cover
{
height:115px;
background-size:cover;
background-position:center center;
width:calc(100% - 2px);
left:1px;
border-top-left-radius:20px;
border-top-right-radius:20px;
margin-bottom:15px;
top:1px;
}
#highlights .box .cover.offerta_limitata::before,.centro .image.offerta_limitata::before
{
content:"Offerta limitata";
background-image:url("../img/flash.svg");
background-repeat:no-repeat;
padding-left:35px;
background-position:15% 50%;
font-weight:700;
font-size:0.75rem;
line-height:1;
width:67px;
text-align:left;
background-color:#fff;
border-top-left-radius:20px;
border-bottom-right-radius:10px;
border:1px solid #707070;
position:absolute;
top:-1px;
left:-1px;
height:43px;
display:flex;
align-items:center;
text-transform:uppercase;
color:#00547C;
}

#highlights #slideshow_highlights .box .cover.offerta_limitata::before,.centro .image.offerta_limitata::before
{
content:"";
width:48px;
padding-left:0;
background-position:center center;
border-top-left-radius:18px;
}
.centro .image.offerta_limitata::before
{
border-top-left-radius:0;
top:0;
left:0;
}
#highlights p
{
max-width:220px;
margin-left:auto;
margin-right:auto;
}
#highlights #slideshow_highlights .box
{
border-radius:18px;
}
#highlights #slideshow_highlights .box .cover
{
height:76px;
border-top-left-radius:18px;
border-top-right-radius:18px;
}
#highlights .box .logo
{
height:60px;
width:140px;
background-size:contain;
background-position:center center;
background-repeat:no-repeat;
margin-top:10px;
max-width:calc(100% - 40px);
margin-left:auto;
margin-right:auto;
}
#highlights #slideshow_highlights .box .logo
{
width:120px;
}
#highlights #slideshow_highlights .box .logo .link
{
position:absolute;
top:50%;
left:calc(100% - 10px);
transform:translateY(-50%);
width:44px;
height:44px;
background-position:center center;
background-image:url("../img/vai4.svg");
background-repeat:no-repeat;
text-indent: -999999px;
}
#highlights .box p
{
margin-top:5px;
font-weight:400;
font-size:0.875rem;
max-width:calc(100% - 20px);
margin-left:auto;
margin-right:auto;
}
#highlights #slideshow_highlights .box p
{
font-size:0.6875rem;
}
#highlights .box p b
{
font-weight:700;
}
#highlights .box::before
{
z-index:2;
top:0;
left:0;
background-color:#fff;
border:1px solid #000;
}
#highlights .box::after
{
z-index:1;
left:8px;
top:8px;
background-color:#B3D9DE;
border:1px solid #707070;
}
#highlights .box > *
{
position:relative;
z-index:3;

}

#highlights .box a.button
{
height:38px;
margin-top:10px;
max-width:calc(100% - 40px);
}
#highlights .box a.button span::after
{
margin-left:10px;
}
#categorie
{
background-color:#043853;
color:#fff;
z-index:3;
padding-top:20px;
}

#categorie svg
{
z-index:-1;
position:absolute;
left:0;
width:100%;
height:auto;
}
#categorie svg.sup
{
top:0;
transform:translateY(-48%);
}
#categorie svg.inf
{
top:auto;
bottom:0;
transform:translateY(98%);
}
#categorie h3
{
font-weight:700;
font-size:1.375rem;
}
#slideshow_partners
{
margin-top:20px;
}
#slideshow_categorie
{
margin-top:30px;
margin-bottom:100px;
}

#slideshow_highlights
{
margin-top:30px;
}

#slideshow_partners a
{
display:block;
margin-left:20px;
min-height:44px;
display:flex;
align-items:center;
}

section
{
position:relative;
z-index:1;
}

.slick-dots
{
bottom:-30px;
}

.slick-dots li
{
width:9px;
height:9px;
background-color:#B3D9DE;
margin:0px 2px;
border:0;
}
.slick-dots li.slick-active
{
background-color:#033853;
}
#slideshow_categorie .slick-dots li.slick-active
{
background-color:#fff;
}
#slideshow_categorie .box,#slideshow_highlights .box
{
display:block;
margin-bottom:10px;
margin-left:15px;
margin-right:5px;
text-align:center;
}
#slideshow_highlights .box
{
width:178px;
height:calc(100% - 5px);
}
#slideshow_highlights .slick-track,#strutture #centri .slick-track,.wrapper_voucher .slick-track
{
display:flex;
}
#slideshow_highlights .slick-slide,#strutture #centri .slick-slide,.wrapper_voucher .slick-slide
{
height:auto;
}
#slideshow_categorie .box
{
color:#000;
font-weight:600;
font-size:0.68rem;
position:relative;
padding:10px;
padding-bottom:30px;
max-width:195px;

}
#slideshow_categorie .box.levelup
{
color:#fff;
}
#slideshow_categorie .box span,#slideshow_categorie .box img
{
position:relative;
z-index:5;
}
#slideshow_categorie .box img
{
width:138px;
}


#slideshow_highlights .box::before,#slideshow_highlights .box::after
{
border-radius:18px;
}
#slideshow_categorie .box::before,#slideshow_categorie .box::after
{
border-radius:18px;
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#slideshow_categorie .box::before
{
border:1px solid #000;
z-index:2;
}
#slideshow_categorie .box.taste::before,#cards .card.taste,.wrapper_voucher .box.taste::before
{
background-color:#FF723B;
}
#slideshow_categorie .box.explore::before,#cards .card.explore,.wrapper_voucher .box.explore::before
{
background-color:#4FBCE5;
}
#slideshow_categorie .box.enjoy::before,#cards .card.enjoy,.wrapper_voucher .box.enjoy::before
{
background-color:#83D13F;
}
#slideshow_categorie .box.shine::before,#cards .card.shine,.wrapper_voucher .box.shine::before
{
background-color:#FE7195;
}
#slideshow_categorie .box.levelup::before,.wrapper_voucher .box.levelup::before
{
background-color:#002B42;
}
#cards .card.levelup
{
background-color:#036071;
}
#slideshow_categorie .box::after
{
background-color:#B3D9DE;
z-index:1;
left:4px;
top:4px;
}
#slideshow_highlights .box::after
{
left:4px;
top:4px;
}
#slideshow_categorie .box .title
{
display:block;
font-family: 'blatantbold';
font-size:1.75rem;
text-transform:uppercase;
}

#slideshow_categorie .box .title::after
{
position:absolute;
z-index:3;
left:calc(100% - 2px);
top:100%;
width:9px;
height:15px;
background-image:url("../img/vai2.svg");
background-repeat:no-repeat;
background-position:center center;
content:"";
}
#slideshow_categorie .box.levelup .title::after
{
background-image:url("../img/vai3.svg");
}

#come_partecipare
{
background-color:#E8F2F7;
padding-top:30%;
}
#legal
{
background-color: #fff;
padding-top: 30px;
}
#come_partecipare .focus
{
padding-bottom:20px;
}

#box_missioni
{
position:relative;
z-index: 1;

}
#box_missioni .title {
font-size:1.35rem;
  color:#0E0E0E;
font-weight:700;
margin-bottom:20px;
}
#box_missioni .content
{
font-weight:500;
font-size:0.85rem;
color:#23507C;
z-index:3;
position:absolute;
left:0;
z-index:0;
top: calc(100% - 25px);
margin-right:-5px;
height:0;
overflow:hidden;
padding:0;
}
#box_missioni .step .content .inner
{
padding:20px;
padding-top:45px;
padding-bottom:15px;
margin-right:5px;
}
#box_missioni .content .inner::before,#box_missioni .content .inner::after
{
content:"";
position:absolute;
width:100%;
height:100%;
border:1px solid #000;
border-bottom-left-radius:28px;
border-bottom-right-radius:28px;
}
#box_missioni .content .inner::before
{
top:0;
left:0;
z-index:2;
background-color:#fff;
}
#box_missioni .content .inner::after
{
top:5px;
left:4px;
z-index:1;
background-color:#043853;
}
#box_missioni .content div
{
position:relative;
z-index:3;
}
#box_missioni .completa
{
font-weight:700;
font-size:1.15rem;
color: #033853;
margin-top:40px;
}

#box_missioni .steps2
{
display:block;
align-items:center;
justify-content:space-between;
margin-top:30px;
margin-bottom:30px;
max-width: 285px;
  margin-left: auto;
  margin-right: auto;
}
#box_missioni .steps2 .step
{
text-align:center;
font-weight:600;
color:#fff;
font-size:1rem;
display:flex;
align-items:center;
margin-bottom:25px;
}
#box_missioni .steps2 .step.sfasa
{
margin-top:40px;
max-width:110px;
}
#box_missioni .steps2 .step .elenco
{
display:flex;
align-items:center;
justify-content:center;
width:94px;
min-width: 94px;
height:94px;
position:relative;
z-index:2;
}

#box_missioni .steps2 .step .label
{
min-width:200px;
background-color:#033853;
border:1px solid #707070;
border-top-right-radius:25px;
border-bottom-right-radius:25px;
line-height:50px;
colod:#fff;
position:relative;
z-index:1;
margin-left:-10px;
}

#box_missioni .steps2 .step .elenco::before,#box_missioni .steps2 .step .elenco::after
{
content:"";
position:absolute;
width:100%;
height:100%;
border-radius:50%;
border:1px solid #707070;
}
#box_missioni .steps2 .step .elenco::before
{
z-index:2;
top:0;
left:0;
background-color:#F6A201;
}
#box_missioni .steps2 .step .elenco::after
{
z-index:1;
top:3px;
left:3px;
background-color:#fff;
}

#box_missioni .steps2 .step .elenco span
{
color:#043853;
position:relative;
z-index:3;
font-size:2rem;
font-weight:700;
}
#box_missioni .inner
{
padding:50px 16px;
}
#box_missioni .inner .button
{
margin-top:15px;
}

#legal p.legal
{
font-size:0.75rem;
font-weight:300;
color:#232323;
}

#legal p.legal b,#legal p.legal a
{
font-weight:700;
}
footer
{
position:fixed;
z-index:20;
top:auto;
bottom:0;
left:0;
width:100%;
}

footer ul{
height:0;
overflow:hidden;
display:flex;
position:relative;
padding-right:3px;
justify-content:center;
max-width:350px;
margin-left:auto;
margin-right:auto;
}
footer ul::before,footer ul::after
{
content:"";
height:70px;
width:calc(100% - 5px);
position:absolute;
border-radius:40px;
border:1px solid #707070;
}
footer ul::before
{
top:0;
left:0;
background-color:#043853;
z-index:2;
}
footer ul::after
{
top:6px;
left:3px;
background-color:#B4D9DE;
z-index:1;
}
#page.open ~ footer ul
{
height:120px;
}
footer ul li
{
position:relative;
width:80px;
z-index:5;
color:#fff;
padding-top:10px;
}
footer ul li .ico
{
display:flex;
justify-content:center;
align-items:center;
height:34px;
width:60px;
margin-left:auto;
margin-right:auto;
margin-bottom:3px;
}
footer ul li::after
{
position:absolute;
z-index:6;
top:0;
left:auto;
right:0;
width:2px;
height:60px;
top:5px;
background-color:#fff;
content:"";
}
footer ul li.last::after
{
display:none;
}

footer ul li a
{
font-weight:600;
font-size:0.6875rem;
display:inline-block;
}
footer .fascia
{
background-color:#033853;
height:60px;
position:relative;
z-index:2;
}
footer .fascia span
{
position:absolute;
z-index:3;
display:block;
width:72px;
height:72px;
background-repeat:no-repeat;
background-position:50% 27%;
background-image:url("../img/plus.svg");
top:0;
left:50%;
transform:translate(-50%,-27%);
background-color:#033853;
border-radius:50%;
cursor:pointer;
}
#page.open ~ footer .fascia span
{
background-image:url("../img/minus.svg");
}

.slick-slider
{
z-index:2;
}
.forma
{
position:absolute;
z-index:0;
opacity:0;
}

.forma.on
{
opacity:1;
}


#highlights .forma1,#wallet .forma1,#esperienze .forma1,#thankyou .forma1,#faq .forma1,#strutture .forma1
{
transform: translate(-50%,0);
  left: 50%;
width:412px;
top: 40px;
}
#esperienze .forma1,#strutture .forma1
{
top:60px;
}
#highlights .forma2,#strutture .forma2,#thankyou .forma2,#wallet .forma2,#esperienze .forma2,#faq .forma2,#esperienze .forma2,#strutture .forma2
{
top:50px;
left:auto;
right:0;
transform:translateX(-30%);
}

#highlights .forma3,#esperienze .forma3,#strutture .forma3,#thankyou .forma3
{
top:8%;
left:auto;
right:0;
}
#esperienze .forma3,#strutture .forma3
{
top:150px;
}
#highlights .forma4,#esperienze .forma4,#strutture .forma4,#thankyou .forma4
{
top:30%;
left:0;
transform:translateX(-55%);
}
#esperienze .forma4
{
top:350px;
}
#esperienze .forma5,#strutture .forma5
{
top:750px;
left:auto;
right:0;
transform:translateX(50%);
}
#esperienze .forma6
{
left:0;
top:1000px;
transform:translateX(-45%);
}
#strutture .forma6
{
left:0;
top:800px;
transform:translateX(100%);
}
#highlights .forma5
{
top:35%;
left:0;
transform:translateX(30%);
}
#highlights .forma6
{
top:55%;
left:50%;
transform:translateX(100%);
}
#highlights .forma7
{
top:55%;
left:auto;
right:0;
transform:translateX(-100%);
}
#highlights .forma8
{
top:60%;
left:0;
transform:translateX(20%);
}
#highlights .forma9
{
top:60%;
left:50%;
transform:translateX(100%);
}
#highlights .forma10
{
top:80%;
left:0;
transform:translateX(100%);
}
#highlights .forma11
{
top:80%;
left:50%;
transform:translateX(5%);
}
#highlights .forma12
{
top:85%;
left:auto;
right:0;
transform:translateX(30%);
}
#categorie .forma1
{
top:-10%;
left: 50%;
  transform: translateX(-50%);
  width: 399px;
}
#categorie .forma2
{
top:-10%;
left:auto;
right:0;
transform:translateX(-100%);
}
#categorie .forma3
{
top:45%;
left:0;
transform:translateX(50%);
}
#categorie .forma4
{
top:35%;
left:0;
transform:translateX(150%);
}
#categorie .forma5
{
top:50%;
left:60%;
transform:translateX(50%);
}
#categorie .forma6
{
top:25%;
left:auto;
right:0;
transform:translateX(-100%);
}
#categorie .forma7
{
top:70%;
left:50%;
}
#come_partecipare .forma1
{
top:-530px;
left: 50%;
transform: translateX(-50%);
width:409px;
}

#esperienze p
{
font-weight:600;
font-size:1.125rem;
}
#esperienze p.no_result
{
font-size:1rem;
padding-top:40px;
}
#cards
{
position:relative;
z-index:2;
margin-top:150px;
margin-left:13px;
margin-right:13px;
}

#cards .card h2
{
font-family: 'blatantbold';
text-transform:uppercase;
line-height:48px;
font-size:2.4rem;
cursor:pointer;
}
#cards .card h3
{
margin-top:40px;
font-weight:700;
font-size:1.5rem;
max-width:260px;
margin-left:auto;
margin-right:auto;
}

#cards .card .best_choice
{
position:relative;
top:3px;
padding-top:15px;
padding-bottom:15px;
}
#cards .card .best_choice .loghi
{
display:flex;
justify-content:space-around;
align-items:center;
}

#cards .card .best_choice::before,#cards .card .best_choice::after
{
content:"";
width:100%;
height:100%;
position:absolute;
}
#cards .card .best_choice::before
{
background-color:#fff;
top:0;
left:0;
border-top:1px solid #707070;
border-bottom:1px solid #707070;
border-bottom-left-radius:30px;
border-bottom-right-radius:30px;
z-index:2;
}
#cards .card .best_choice::after
{
border-bottom:1px solid #707070;
border-bottom-left-radius:30px;
border-bottom-right-radius:30px;
background-color:#B3D9DE;
top:8px;
left:0;
z-index:1;
}
#cards .card .best_choice h3
{
margin-top:0;
font-size:1.375rem;
margin-bottom:10px;
color:#000;
}

#cards .card .best_choice h3,#cards .card .best_choice .loghi
{
position:relative;
z-index:3;
}
#cards .card .best_choice img.clickable
{
cursor:pointer;
}

#cards .arrow
{
cursor:pointer;
top:50%;
background-repeat:no-repeat;
background-position:center center;
background-size:30% auto;
position:fixed;
z-index:10;
width:21px;
height:22px;
margin-top:200px;
background-color:#B3D9DE;
border-radius:3px;
}
#esperienze.on #cards .arrow
{
margin-top:0;
}
#cards .arrow.left
{
background-image:url("../img/arrow_left.svg");
left:calc(2% + 7.5px);
transform:translate(calc(-50% - 2px),-50%);
-webkit-box-shadow: 1px 1px 0px 1px #EA4F80; 
box-shadow: 1px 1px 0px 1px #EA4F80;
}
#cards .arrow.right
{
background-image:url("../img/arrow_right.svg");
right:calc(2% + 7.5px);
transform:translate(50%,-50%);
left:auto;
-webkit-box-shadow: -1px -1px 0px 1px #EA4F80; 
box-shadow: -1px -1px 0px 1px #EA4F80;
}
#cards .card
{
width:100%;
position: absolute;
left:0;
-webkit-transform-origin:top center;
transform-origin: top center;
-webkit-transition: transform 0.4s cubic-bezier(0.28, 0.55, 0.385, 1.65), opacity 0.4s cubic-bezier(0.28, 0.55, 0.385, 1.65);
transition: transform 0.4s cubic-bezier(0.28, 0.55, 0.385, 1.65), opacity 0.4s cubic-bezier(0.28, 0.55, 0.385, 1.65);
border:1px solid #707070;
color:#000;
}
#cards .card.levelup
{
color:#fff;
}
#cards .card:nth-child(1) {
position: relative;
  z-index: 10;
  top: 0;
  transform: scale(1);
  opacity: 1;
border-radius:30px;
}
#cards .card:nth-child(1) .best_choice
{
top:0;
}
#cards .card:nth-child(1) h2
{
font-size:2.625rem;
line-height:76px;
cursor:default;
}
#cards .card:nth-child(2) {
  z-index: 9;
  top: -42px;
  transform: scale(0.85);
  border-radius:40px;
}

#cards .card:nth-child(3) {
  z-index: 8;
  top: -77px;
  transform: scale(0.7);
  border-radius:50px;
}

#cards .card:nth-child(4) {
  z-index: 7;
  top: -105px;
  transform: scale(0.55);
  border-radius:60px;
}

#cards .card:nth-child(5) {
  z-index: 6;
  top: -125px;
  transform: scale(0.4);
border-radius:70px;
}
#cards .card .filtri
{
display:flex;
flex-wrap:wrap;
align-items:start;
justify-content:space-between;
position:relative;
z-index:2;
}
#cards .card .filtri .filtro_tipo
{
flex-basis:calc(50% - 10px);
position:relative;
cursor:pointer;
margin-bottom:25px;
margin-top: 20px;
}
#cards .card .filtri .filtro_tipo.on
{
cursor:default;;
}
#cards .card .filtri .filtro_tipo::before,#cards .card .filtri .filtro_tipo::after
{
content:"";
position:absolute;
width:100%;
height:100%;
border:1px solid #707070;
}
#cards .card .filtri .filtro_tipo.fleft::before,#cards .card .filtri .filtro_tipo.fleft::after
{
border-top-left-radius:27px;
}
#cards .card .filtri .filtro_tipo.fright::before,#cards .card .filtri .filtro_tipo.fright::after
{
border-top-right-radius:27px;
}
#cards .card .filtri .filtro_tipo::before
{
background-color:#fff;
top:0;
left:0;
z-index:2;
}
#cards .card .filtri .filtro_tipo.on::before
{
background-color:#033853;
}
#cards .card .filtri .filtro_tipo::after
{
top:4px;
background-color:#B3D9DE;
z-index:1;
}
#cards .card .filtri .filtro_tipo.fleft::after
{
left:4px;
}
#cards .card .filtri .filtro_tipo.fright::after
{
left:-4px;
}
#cards .card .filtri .filtro_tipo span
{
line-height:43px;
color:#033853;
font-weight:700;
font-size:1.125rem;
position:relative;
z-index:3;
}
#cards .card .filtri .filtro_tipo.on span
{
color:#fff;
}
#cards .card .filtri .filtro_tipo.fleft span
{
padding-left:10px;
}
#cards .card .filtri .filtro_tipo.fright span
{
padding-right:10px;
}

#cards .card .campo_luogo
{
flex-basis:178px;
position:relative;
}
#cards .card.digitale .campo_luogo,#cards .card.digitale .campo_distanza,#cards .card.digitale .multifilter.premi
{
display:none;
}

{
display:none;
}
#cards .card .campo_luogo .textbox
{
position:relative;
z-index:1;
padding-right:22px;
}
#cards .card .campo_luogo img
{
position:absolute;
z-index:2;
right:8px;
left:auto;
top:50%;
transform:translateY(-50%);
cursor:pointer;
}
#cards .card .campo_distanza
{
flex-basis:calc(100% - 190px);
font-weight:500;
font-size:0.75rem;
}
#cards .card .multifilter
{
flex-basis:calc(50% - 5px);
max-width: calc(50% - 5px);
margin-top:10px;
}
.wrap_single_filter
{
position:relative;
}
#cards .card .multifilter.label
{
text-transform:uppercase;
color:#fff;
font-size:1.5rem;
min-width:0;
}
#cards .card .multifilter
{
text-align:left;
color:#000;
}
#cards .card .multifilter .value
{
border: 1px solid #000;
}
#cards .card .multifilter .multiselect
{
border: 1px solid #707070;
}
#cards .card .multifilter .value
{
display:block;
  font-size: 0.75rem;
line-height:28px;
font-weight:700;
}

#cards .card .multifilter .value,#cards .card .multifilter .multiselect > span
{
padding-left:8px;
padding-right:25px;
}
#cards .card .multifilter .value
{
padding-left:8px;
position:relative;
z-index:1;
background-color:#fff;
  white-space: nowrap;
text-overflow:ellipsis;
border-radius: 15px;
overflow: hidden;

}

/*#cards .card .multifilter.notempty .value
{
background-color:#4174D8;
color:#fff;
}
#cards .card .multifilter.notempty svg path
{
stroke:#fff;
}
#cards .card .multifilter.on.notempty svg path
{
stroke:#3197e2;
}
#cards .card .multifilter.notempty svg .tofill
{
fill:#fff;
stroke:none;
}
#cards .card .multifilter.on.notempty svg .tofill
{
fill:#3197e2;
}
*/
#cards .card .multifilter .multiselect
{
position:absolute;
z-index:0;
background-color:#fff;
top:10px;
left:0;
width:100%;
visibility:hidden;
opacity:0;
transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
overflow: hidden;
padding-top: 27px;
padding-bottom:5px;
}
#cards .card .multifilter.on .multiselect
{
visibility:visible;
opacity:1;
}
#cards .card .multifilter svg
{
position:absolute;
left:auto;
top:50%;
transform:translateY(-50%);
z-index:3;
transform-origin:center center;
transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}
#cards .card .multifilter svg
{
right:8px;
}

#cards .card .multifilter.on svg
{
transform:translateY(-50%) rotate(-90deg);
}

#cards .card .multifilter .panel_filtri .option
{
display:flex;
align-items:center;
justify-content:left;
padding-left:8px;
padding-right:8px;
margin-bottom:10px;
position:relative;
z-index:1;
}
#cards .card .multifilter .panel_filtri .option.disabled::before
{
position:absolute;
z-index:20;
background-color:rgba(255,255,255,0.5);
left:0;
top:0;
width:100%;
height:100%;
display:block;
content:"";
}
#cards .card .multifilter .panel_filtri .option span
{
position:relative;
z-index:1;
font-size: 1rem;
font-weight:700;
}
#cards .card .multifilter .panel_filtri .option.small span
{
font-size: 0.75rem;
}
#cards .card .multifilter .panel_filtri .option .custom-checkbox { margin-right: 7px;}

#cards .card .azzera_filtri
{
margin-top:15px;
font-weight:500;
margin-left:calc(100% - 80px);
text-decoration:underline;
cursor:pointer;
font-size:0.75rem;
}

#cards .card.digitale .filtri
{
align-items:center;
}
#cards .card.digitale .multifilter
{
margin-top:0;
}
#cards .card.digitale .azzera_filtri
{
margin-left:15px;
margin-right:15px;
margin-top:0;
}
#cards .card .risultati_ricerca
{
min-height:500px;
position:relative;
z-index:1;
}

.centro,#vouchers  .wrapper_voucher .box
{
position:relative;
padding:20px;
text-align:left;
word-wrap: break-word;
}
.centro
{
margin-top:50px;
max-width:266px;
color:#000;
margin-left:auto;
margin-right:auto;
}
.centro::before,.centro::after,.wrapper_voucher .box::before,.wrapper_voucher .box::after
{
content:"";
position:absolute;
width:100%;
height:100%;
border-radius:20px;
border:1px solid #707070;
}

.centro::before,.wrapper_voucher .box::before
{
z-index:2;
top:0;
left:0;
}
.centro::before
{
background-color:#fff;
}
.centro::after
{
z-index:1;
top:4px;
left:4px;
background-color:#F6A200;
}
.wrapper_voucher .box::after
{
z-index:1;
top:6px;
left:6px;
background-color:#033853;
}
.centro > *
{
position:relative;
z-index:3;
}
.centro .title,.wrapper_voucher .box .title
{
font-weight:700;
font-size:1.375rem;
}
.centro .title
{
color:#040506;
}
.centro .image,.wrapper_voucher .box .image
{
background-size:cover;
background-position:center center;
position:relative;
height:0;
padding-top:100%;
margin-top:15px;
margin-bottom:15px;
}
.centro .caption
{
font-weight:500;
font-size:0.875rem;
line-height:1.5;
}
.centro .caption span,.wrapper_voucher .box .caption span,#strutture .centro .caption span
{
display:block;
padding-left:25px;
background-position:top left;
background-repeat:no-repeat;
margin-bottom:7px;
min-height:20px;
line-height: 20px;
}

.centro .caption span.telefono,.wrapper_voucher .box .caption span.telefono,#strutture .centro .caption span.telefono
{
background-image:url("../img/ico_tel.svg");
}
.centro .caption span.sito,.wrapper_voucher .box .caption span.sito,#strutture .centro .caption span.sito
{
background-image:url("../img/ico_sito.svg");
text-decoration:underline;
}
.centro .caption span.location,.wrapper_voucher .box .caption span.location,#strutture .centro .caption span.location
{
background-image:url("../img/ico_location.svg");
}
.centro .caption b,.wrapper_voucher .box .caption b
{
display:block;
font-weight:600;
line-height:1.2;
}
.centro .caption b
{
font-size:1.125rem;
}
.wrapper_voucher .box .caption b
{
font-size:1.3125rem;
}
.centro .offerte
{
padding-top:10px;
display:flex;
align-items:center;
justify-content:center;
}
.centro .offerta
{
margin-left:5px;
margin-right:5px;
}
.centro .offerta img
{
width:75px;
min-width:75px;
}
.centro a.button::after
{
position:absolute;
top:3px;
left:3px;
z-index:1;
height:100%;
width:100%;
background-color:#F6A200;
border:1px solid #707070;
border-radius:0;
}
.centro a.button::before
{
height:100%;
width:100%;
border:1px solid #707070;
border-radius:0;
z-index:2;
}
.centro a.button
{
height: 38px;
width:168px;
display:flex;
margin-left:auto;
margin-right:auto;
margin-top:20px;

z-index:3;
}
.centro a.button span::after
{
margin-left:10px;
}

#strutture .back
{
cursor:pointer;
background-image:url("../img/back.svg");
background-position:42% 50%;
background-repeat:no-repeat;
width:34px;
height:34px;
border-radius:50%;
border:1px solid #707070;
position:absolute;
top:0;
left:0;
transform:translateY(-100%);
}
#strutture h1
{
font-size:1.5rem;
max-width:190px;
margin-left:auto;
margin-right:auto;
}
#strutture #centri
{
margin-top:40px;
}
#strutture #centri .centro,#vouchers  .wrapper_voucher .box
{

margin-top:0;
height:calc(100% - 10px);
}
#strutture #centri .centro
{
max-width: 333px;
width:calc(92vw - 50px);
text-align:center;
margin-right:12px;
margin-left:12px;
}
#vouchers  .wrapper_voucher .box
{
max-width: 266px;
margin-left:auto;
margin-right:auto;
}
#vouchers  .wrapper_voucher.slick-initialized .box
{
margin-left:25px;
margin-right:0;
width:calc(92vw - 100px);
}
#strutture .centro::after {
  top: 6px;
  left: 6px;
}
#strutture .centro .title {
  color: #033853;
  font-weight: 700;
  font-size: 1.75rem;
}
#strutture .centro .image
{
height:0;
padding-top:100%;
}
#strutture .centro .caption
{
text-align:left;
}
#strutture .centro .caption b {
  font-weight: 700;
font-size: 1.2rem;
  margin-top: 15px;
  color:#033853;	
}
#strutture .ico_offerta
{
width:85px;
margin-top:15px;
margin-left:auto;
margin-right:auto;
}
#strutture  .centro p
{
margin-top: 10px;
font-weight: 500;
font-size: 0.625rem;
text-align: left;
}
#strutture  .centro .button
{
margin-top:20px;
width: 167px;
height:39px;
margin-bottom:20px;
}
#strutture  .centro .button span::after
{
margin-left:10px;
}
#strutture  .centro .button::before,#strutture  .centro .button::after
{
border-radius:0;
}
#strutture  .centro .button::after
{
background-color:#F6A200;
top: 5px;
left: 5px;
}
#strutture  .centro .image .crediti
{
position:absolute;
top:0;
left:auto;
right:0;
transform:translate(25%,-25%);
width:50px;
height:50px;
display:flex;
align-items:center;
justify-content:center;
}
#strutture  .centro .image .crediti::before,#strutture  .centro .image .crediti::after
{
position:absolute;
width:100%;
height:100%;
content:"";
border-radius:50%;
border:1px solid #707070;
}
#strutture  .centro .image .crediti::before
{
top:0;
left:0;
background-color:#F6A201;
z-index:2;
}
#strutture  .centro .image .crediti::after
{
top:2px;
left:2px;
background-color:#fff;
z-index:1;
}
#strutture  .centro .image .crediti span
{
position:relative;
z-index:3;
font-weight:700;
color:#043853;
font-size:1.75rem;
}
#thankyou .box
{
position:relative;
padding:15px;
color:#00344A;
font-weight:400;
font-size:0.9375rem;

}
#thankyou .box a
{
text-decoration:underline;
font-weight:700;
}
#thankyou .box > *
{
position:relative;
z-index:4;
}
#thankyou .box h1
{
font-size:3.75rem;
padding-top:10px;
}
#thankyou .box div
{
max-width:280px;
margin-left:auto;
margin-right:auto;
}
#thankyou .box .note
{
font-weight:500;
font-size:0.75rem;
margin-top:10px;
max-width:260px;
margin-bottom:25px;
}
#thankyou .box .note a
{
font-weight:500;
}
#thankyou .box a.button
{
margin-top:20px;
margin-bottom:30px;
text-decoration:none;
width:180px;
}
#thankyou .box a.button span
{
padding-right:10px;
}
#thankyou .box::after
{
top:5px;
left:5px;
}
#thankyou .forma5
{
left:auto;
right:0;
top:35%;
transform:translateX(30%);
}
#thankyou .forma6
{
left:6%;
top:57%;
}
#thankyou .forma7
{
left:4%;
top:70%;
}
#thankyou .forma8
{
left:30%;
top:73%;
}
#thankyou .forma9
{
left:auto;
right:6%;
top:60%;
}
#thankyou .forma10
{
left:auto;
right:0;
top:65%;
transform:translateX(20%);
}
#thankyou .forma11
{
left:0;
top:50%;
position:absolute;
z-index:3;
}
#faq h1
{
font-size:1.5rem;
color:#0E0E0E
}
#faq .box,#thankyou .box
{
margin-left:auto;
margin-right:auto;
}
#thankyou .box
{
max-width:360px;
}
#faq .box
{
max-width:95%;
}
#faq .box
{
position:relative;
padding-bottom:30px;
padding-left:10px;
padding-right:10px;
margin-top:30px;
color:#fff;
}
#faq .box::before,#faq .box::after
{
content:"";
width:100%;
height:100%;
position:absolute;
border:1px solid #707070;
}
#faq .box::before
{
background-color:#048895;
top:0;
left:0;
z-index:2;
}
#faq .box::after
{
background-color:#033853;
top:8px;
left:8px;
z-index:1;
}
#faq .box .faq
{
position:relative;
z-index:3;
text-align:left;
padding-top:25px;
font-size:1rem:
}
#faq .box .faq .title
{
font-weight:700;
cursor:pointer;
padding-bottom:15px;
border-bottom:1px solid #fff;
padding-right:50px;
position:relative;
}
#faq .box .faq .title::after
{
position:absolute;
left:auto;
top:calc(50% - 10px);
right:0;
transform:translateY(-50%);
width:9px;
height:17px;
transform-origin:center center;
background-position:center center;
background-repeat:no-repeat;
background-image:url("../img/openfaq.svg");
content:"";
}
#faq .box .faq.open .title::after
{
transform:translateY(-50%) rotate(90deg);
}
#faq .box .faq .content
{
padding-top:15px;
padding-bottom:25px;
border-bottom:1px solid #fff;
}
#faq .box .faq .wrap_panel
{
height:0;
overflow:hidden;
}

#faq .forma3
{
left:auto;
right:0;
top:400px;
transform:translateX(-5%);
}
#faq .forma4
{
left:auto;
right:0;
top:550px;
transform:translateX(10%);
}
#faq .forma5
{
left:0;
top:750px;
transform:translateX(-10%);
}
#faq .forma6
{
left:10%;
top:1200px;
}
#faq .forma7
{
left:50%;
top:1220px;
}
#faq .forma8
{
left:auto;
right:0;
transform:translateX(10%);
top:1200px;
}
#legal.faq_legal
{
padding-top:30px;
}
#wallet
{
background-color:#E8F2F7;
}
#missioni h1
{
font-size:1.4rem;
color:#0E0E0E;
}
#wallet h3
{
margin-top:30px;
margin-bottom:15px;
font-size:1.3125rem;
color:#033853; 
font-weight:700;
max-width: 240px;
margin-left:auto;
margin-right:auto;
}
#wallet .forma1
{
left:50%;
transform:translateX(-50%);
top:0;
width:390px;
}
#come_partecipare .steps .step
{
margin-top:15px;
position:relative;
height:110px;
max-width:360px;
margin-left:auto;
margin-right:auto;
display: flex;
align-items: center;
flex-wrap:wrap;
}
#come_partecipare .steps .step::before,#come_partecipare .steps .step::after
{
content:"";
border-radius:23px;
width:100%;
height:100%;
position:absolute;
border:apx solid #707070;
}
#come_partecipare .steps .step::before
{
top:0;
left:0;
z-index:2;
background-color:#EA4F80;
background-image:url("../img/razzo.svg");
background-repeat:no-repeat;
background-position:85% 65%;
}
#come_partecipare .steps .step::after
{
top:5px;
left:5px;
z-index:1;
background-color:#033853;
}
#come_partecipare .steps .step span
{
color:#fff;
font-weight:600;
font-size:1rem;
position:relative;
padding-right: 18%;
}
#come_partecipare .steps .step span font
{
position:absolute;
z-index:2;
top:50%;
transform:translateY(-50%);
right:0;
width:20px;
height:20px;
background-repeat:no-repeat;
background-position:center center;
background-image:url("../img/plus3.svg");
left:auto;
cursor:pointer;
}
#come_partecipare .steps .step.on span font
{
background-image:url("../img/minus3.svg");
}
#come_partecipare .steps .step div.missione::before
{
min-width:55px;
width:55px;
background-repeat:no-repeat;
content:"";
background-position:center center;
height:55px;
margin-right:10px;
}
#come_partecipare .steps .step div.missione
{
display:flex;
align-items:center;
justify-content:left;
text-align:left;
position:relative;
z-index:3;
padding-top:20px;
padding-bottom:20px;
padding-left:10px;
padding-right:10px;
cursor:pointer;
}
#come_partecipare .steps .step1 div.missione::before
{
background-image:url("../img/missione1.svg");
}
#come_partecipare .steps .step2 div.missione::before
{
background-image:url("../img/missione2.svg");
}
#come_partecipare .steps .step3 div.missione::before
{
background-image:url("../img/missione3.svg");
}
#come_partecipare .steps .step span small
{
font-weight:500;
font-size:0.875rem;
}
#missioni .recap
{
padding-top:70px;
font-size:1.4rem;
font-weight:500;
color:#0E0E0E;
}
#missioni .recap .n_missioni
{
margin-top:40px;
position:relative;
display:flex;
max-width:327px;
margin-left:auto;
margin-right:auto;
justify-content:space-between;
}
#missioni .recap .n_missioni .step
{
position:relative;
display:flex;
width:80px;
height:80px;
align-items: center;
justify-content:left;
padding-left:4px;
}
#missioni .recap .step::before,#missioni .recap .step::after
{
content:"";
border-radius:50%;
width:100%;
height:100%;
position:absolute;
border:1px solid #707070;
}
#missioni .recap .step::before
{
top:0;
left:0;
z-index:2;
background-color:#EDEDED;
}
#missioni .recap .step::after
{
top:4px;
left:4px;
z-index:1;
background-color:#043853;
}
#missioni .recap .step span
{
position:relative;
z-index:3;
font-size:2rem;
color:#043853;
min-width:61px;
line-height:80px;
}
#missioni .recap .step span b
{
opacity:0.1;
}
#missioni .recap .step span::before
{
position:absolute;
top:0;
left:calc(50% + 8px);
transform:translate(-50%,-50%);
width:33px;
height:33px;
background-position:center center;
content:"";
background-repeat:no-repeat;
background-image:url("../img/lucchetto.svg");
background-color:#043853;
border:1px solid #707070;
border-radius:50%;
}
#missioni .recap .step.on span::before
{
background-image:url("../img/sbloccata.svg");
}
#missioni .recap .step.on::before
{
background-color:#F6A201;
}
#missioni .recap .step.on::after
{
background-color:#fff;
}
#missioni .recap .step.on span b
{
opacity:1;
}
#wallet .box
{
position:relative;
width:calc(100% - 10px);
margin-left:0;
margin-bottom: 10px;
}
#wallet .box::before,#wallet .box::after
{
position:absolute;
width:100%;
height:100%;
border:1px solid #707070;
content:"";
}
#wallet .box::before
{
top:0;
left:0;
background-color:#B3D9DE;
z-index:2;
}
#wallet .box::after
{
top:8px;
left:8px;
z-index:1;
background-color:#F6A200;
}
#wallet .panel
{
max-height:250px;
overflow:auto;
margin-top:25px;
max-width:680px;
margin-left:auto;
margin-right:auto;
}
#wallet .box .element
{
position:relative; 
z-index:4;
display:flex;
align-items:center;
justify-content:space-between;
padding:15px;
background-color:#fff;
margin-top:5px;
border:1px solid #707070;
}
#wallet .box .element .mese
{
min-width:80px;
width:80px;
text-align:left;
color:#033853;
font-size:0.9rem;
font-weight:600;
margin-right:10px;
}
#wallet .box .element small
{
font-size:0.6rem;
display:block;
}
#wallet .box .element .wrap_etichetta
{
min-width:calc(100% - 140px);
width:calc(100% - 140px);
padding-right:20px;
}
#wallet .box .element .etichetta
{
position:relative;
margin-left:auto;
margin-right:auto;
min-width:130px;
display:inline-block;
}
#wallet .box .element .etichetta::before,#wallet .box .element .etichetta::after
{
content:"";
position:absolute;
width:100%;
height:100%;
border-radius:11px;
}
#wallet .box .element .etichetta::before
{
z-index:2;
top:0;
left:0;
background-color:#E8F2F7;
border:1px solid #707070;
}
#wallet .box .element .etichetta::after
{
z-index:1;
top:4px;
left:4px;
background-color:#033853;
}
#wallet .box .element .etichetta span
{
position:relative;
z-index:3;
font-size:0.8125rem;
font-weight:600;
padding-top:3px;
padding-bottom:3px;
padding-left:10px;
padding-right:10px;
color:#043853;
display: block;
}
#wallet .box .element .crediti
{
width:40px;
height:40px;
min-width:40px;
position:relative;
display:flex;
align-items:center;
justify-content:center;
margin-left:10px;
}
#wallet .box .element .crediti::before,#wallet .box .element .crediti::after
{
content:"";
position:absolute;
width:100%;
height:100%;
border-radius:50%;
}
#wallet .box .element .crediti::before
{
z-index:2;
top:0;
left:0;
background-color:#63C44B;
border:1px solid #707070;
}
#wallet .box .element .crediti::after
{
z-index:1;
top:3px;
left:3px;
background-color:#033853;
}
#wallet .box .element .crediti span
{
position:relative;
z-index:3;
font-size:1rem;
font-weight:700;
color:#fff;
}
#wallet .box .element .crediti.red::before
{
z-index:2;
top:0;
left:0;
background-color:#DD3737;
}
#vouchers h2
{
color:#033853;
font-size:1.5rem;
}
#vouchers  .wrapper_voucher
{
margin-top:25px;
margin-bottom: 25px;
margin-left:auto;
margin-right:auto;
position: relative;
  z-index: 2;
}
.wrapper_voucher .box > *
{
position:relative;
z-index:4;
}
.wrapper_voucher .box
{
color:#0E0E0E;
}
.wrapper_voucher .box.levelup
{
color:#fff;
}
.wrapper_voucher .box .action
{
display:flex;
align-items:center;
justify-content:space-between;
margin-top:10px;
}
.wrapper_voucher .box .valuta span
{
display:block;
font-size:0.875rem;
}
.wrapper_voucher .box img.img_offerta
{
width:65px;
min-width:65px;
margin-right:0;
margin-left:5px;
}
.wrapper_voucher .box .valuta img
{
display:inline-block;
margin-right:5px;
margin-top:5px;
cursor:pointer;
width: 18px;
}
.wrapper_voucher .box .button
{
height:35px;
width: 166px;
margin-top:20px;
display:flex;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
}
.wrapper_voucher .box .button::before,.wrapper_voucher .box .button::after
{
border-radius:0;
}
.wrapper_voucher .box .button span::after
{
display:none;
}
.wrapper_voucher .box .button::after
{
background-color: #E8F2F7;
top:5px;
}
#missioni .forma1
{
top:0;
left:0;
transform:translate(-15%,-50%);
}
#missioni .forma2
{
top:0;
left:auto;
right:28%;
transform:translateY(60%);
}
#missioni .forma3
{
top:0;
left:auto;
right:0;
transform:translate(15%,-30%);
}
#missioni .forma4
{
top:25%;
left:0;
}
#missioni .forma5
{
top:40%;
left:auto;
right:0;
transform:translateX(10%);
}
#missioni .forma6
{
top:67%;
left:15%;
}
#missioni .forma7
{
top:65%;
left:auto;
right:0;
transform:translateX(-10%);
}
#missioni .forma8
{
top:90%;
left:auto;
right:0;
}
#missioni .forma9
{
top:97%;
left:0;
}

#vouchers .forma1
{
top:80px;
left:40%;
}
#vouchers .forma2
{
top:50px;
left:53%;
}
#vouchers .forma3
{
top:25%;
left:0;
transform:translateX(-20%);
}
#vouchers .forma4
{
top:30%;
left:auto;
right:0;
transform:translateX(15%);
}
#vouchers .forma5
{
top:45%;
left:65%;
}
#legal .loghi
{
display:none;
}
#page.opendesk .overlay_menu::after,#page .overlay_menu
{
position:absolute;
z-index:10;
top:0;
left:0;
background-color:rgba(0,0,0,0.78);
width:100%;
height:100%;
content:"";
visibility:hidden;
opacity:0;
}
body.tutorial header
{
position:absolute;
}
body.tutorial #fasciabluheader::before,body.tutorial #fasciaazzurraheader::before,body.tutorial #highlights::before,body.tutorial #categorie::before,body.tutorial #come_partecipare::before,body.tutorial #legal::before,body.tutorial footer::before
{
position:absolute;
width:100%;
height:100%;
z-index:20;
top:0;
left:0;
background-color:rgba(0,0,0,0.8);
content:"";
}
.infotutorial
{
display:none;
}
body.tutorial .infotutorial
{
display:block;
}
.infotutorial,body.tutorial #slideshow_highlights::before,body.tutorial #slideshow_categorie::before,body.tutorial footer::after
{
z-index:21;
position:absolute;
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
}
body.tutorial #slideshow_highlights::before,body.tutorial #slideshow_categorie::before
{
left:50%;
top:calc(100% + 5px);
transform:translateX(-50%);
content:"";
}
body.tutorial footer::after
{
left:50%;
transform:translateX(-65%);
top:auto;
bottom:calc(100% + 10px);
content:"";
width:246px;
height:137px;
background-image:url("../img/infotutorial5.png");
}
body.tutorial footer .close_tutorial
{
bottom:50px;
left:50%;
transform:translateX(-50%);
color:#fff;
font-weight:700;
font-size:1.125rem;
text-decoration:underline;
}
body.tutorial #slideshow_highlights::before
{
width:176px;
height:133px;
background-image:url("../img/infotutorial3.png");
}
body.tutorial #slideshow_categorie::before
{
width:162px;
height:146px;
background-image:url("../img/infotutorial4.png");
}
body.tutorial #slideshow_highlights .slick-dots,body.tutorial #slideshow_categorie .slick-dots
{
display:none !important;
}
body.tutorial footer {
  position: relative;
}
body.tutorial #categorie
{
z-index:0;
}
.infotutorial1
{
right:50%;
top:-19px;
left:auto;
transform:translateX(50px);
width:211px;
height:224px;
background-image:url("../img/infotutorial1.png");
}
.infotutorial2
{
right:4%;
top:12px;
left:auto;
width:147px;
height:215px;
background-image:url("../img/infotutorial2.png");
}
.infotutorial3
{
left:4%;
top:16px;
width:17px;
height:17px;
background-image:url("../img/close.svg");
transform:translateX(7px);
}
.infotutorial4
{
left:4%;
top:16px;
width:17px;
height:17px;
background-image:url("../img/infotutorial3.png");
transform:translateX(7px);
}
.close_tutorial
{
cursor:pointer;
}
body.tutorial #highlights .box,body.tutorial #slideshow_highlights,body.tutorial #slideshow_categorie,body.tutorial footer .focus
{
z-index:21;
}
body.tutorial footer li a,body.tutorial #slideshow_categorie .box,body.tutorial #highlights .link,body.tutorial #highlights a.button
{
cursor:default;
}
body.tutorial #highlights .forma12
{
display:none;
}
#popup.survey::before {
  background-color: #fff;
}
#popup.survey::after {
  background-color: #EA4F80;
}
.close_sondaggio
{
cursor:pointer;
}
.close_sondaggio.close
{
position:absolute;
width:13px;
height:13px;
background-size:100% auto;
background-repeat:no-repeat;
background-position:center center;
background-image:url("../img/close2.svg");
top:0;
left:auto;
right:0;
}

#popup.survey h2
{
margin-top:20px;
margin-bottom:10px;
font-size:1.4375rem;
colosr:#040506;
}
#popup.survey .step_sondaggio.init p
{
font-weight:500;
font-size:0.75rem;
max-width:275px;
margin-left:auto;
margin-right:auto;
}
#popup.survey #contenuto_popup
{
max-width:100%;
padding-bottom: 0;
}
#popup.survey .action
{
margin-top:30px;
text-align: center;
}
#popup.survey .action .close_sondaggio
{
margin-top:20px;
color:#033853;
text-decoration:underline;
font-weight:700;
font-size:0.6875rem;
display:inline-block;
}
#popup.survey #contenuto_popup .button span::after
{
display:none;
}
#popup.survey .wrapper_barra
{
margin-top:-28px;
}
#popup.survey .wrapper_barra .barra
{
border-radius:3px;
background-color:#EA4F80;
height:5px;
overflow:hidden;
margin-top:10px;
position:relative;
}
#popup.survey .wrapper_barra span
{
display:block;
color:#033853;
font-weight:700;
font-size:0.75rem:
margin-bottom:10px;
}
#popup.survey .wrapper_barra .barra span
{
position:absolute;
top:0;
left:0;
height:100%;
background-color:#033853;
}
#popup.survey .wrapper_barra span b
{
font-weight:700;
color:#EA4F80;
}
#popup.survey .back
{
cursor:pointer;
position:absolute;
width:8px;
height:14px;
background-size:100% auto;
background-repeat:no-repeat;
background-position:center center;
background-image:url("../img/back_sondaggio.svg");
top:0;
left:0;
z-index:30;
}
#popup.survey .domanda,#popup.survey .risposte
{
text-align:left;
}
#popup.survey .domanda span
{
font-size:0.6rem;
font-weight:600;
color:#040506;
display:block;
margin-top:-5px;
}
#popup.survey .domanda .image
{
background-position:center center;
background-size:cover;
height:150px;
border-radius:27px;
border:1px solid #707070;
margin-top:20px;
margin-bottom:20px;
}
#popup.survey .risposta
{
display:flex;
padding:10px;
justify-content:left;
border-radius:14px;
border:1px solid #707070;
align-items:center;
margin-top:10px;
}
#popup.survey .custom-checkbox.checked::before,#popup.survey .custom-radio.checked::before
{
border-radius:50%;
background-color:#005380;
}
#popup.survey .risposta span,#popup.survey .risposta font
{
font-weight:500;
font-size:0.7rem;
min-width:calc(100% - 25px);
}
#popup.survey
{
width:360px;
}
#popup.survey .risposta .custom-checkbox,#popup.survey .risposta .custom-radio
{
border-radius:50%;
margin-right:5px;
border: 1px solid #707070;
}
#popup.survey #contenuto_popup .button.disabled
{
cursor:default;
opacity:0.3;
}
#popup.survey .textbox
{
border:0;
border-bottom:1px solid #161615;
border-radius:0;
margin-bottom:5px;
display:inline-block;
width:190px;
height: 25px;
}
body.tutorial #notifier
{
z-index:0;
}

.button.copy.view span
{
width:100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  padding-right: 15px;
text-align: left;
}
.button.copy.view span::after
{
cotent:"";
position:absolute;
top:50%;
left:auto;
right:0;
width:13px;
height:13px;
background-position:center center;
display:block;
background-repeat:no-repeat;
background-image:url("../img/copy.svg");
transform:translateY(-50%);
}
.faq .content ul
{
margin-top:15px;
margin-bottom:25px;
}
.faq .content ul.last
{
margin-bottom:0;
}
.faq .content ul.first
{
margin-top:0;
}
.faq .content ul li
{
list-style-type:disc;
margin-left:20px;
margin-top:10px;
}
.faq .content small
{
font-size:0.8em;
margin-top:5px;
display:block;
}
.faq .content a,.faq .content .scrollto
{
text-decoration:underline;
}
.faq .content .scrollto
{
cursor:pointer;
}
#esperienze .goToTop
{
position:fixed;
left:7%;
color:#fff;
font-weight:700;
text-decoration:underline;
font-size:0.625rem;
padding:5px;
padding-top:27px;
background-repeat:no-repeat;
background-position:50% 5px;
background-image:url("../img/gototop.svg");
z-index:10;
top:auto;
bottom:70px;
background-color: rgba(0,0,0,0.3);
cursor:pointer;
opacity:0;
visibility:hidden;
}
#esperienze.on .goToTop
{
opacity:1;
visibility:visible;
}
#esperienze .centro p
{
font-weight:600;
font-size:0.9rem;
text-align:center;
margin-bottom:15px;
margin-top:15px;
}
#esperienze .centro p b
{
width:30px;
height:30px;
position:relative;
font-weight:700;
font-size:1.1rem;
color:#043853;
display:inline-flex;
align-items:center;
justify-content:center;
margin-right:5px;
}
#esperienze .centro p b::before,#esperienze .centro p b::after
{
position:absolute;
width:100%;
height:100%;
border:1px solid #707070;
border-radius:50%;
content:"";
}
#esperienze .centro p b::before
{
top:0;
left:0;
z-index:-1;
background-color:#F6A201;
}
#esperienze .centro p b::after
{
top:2px;
left:2px;
z-index:-2;
background-color:#fff;
}

header img.bps
{
width:140px;
}

#login
{
background-color:#E8F2F7;
margin-top:-47px;
padding-top:50px;
padding-bottom:20px;
color:#00537F;
}
#login h1,#login h2
{
font-size:1.3rem;
margin-bottom:15px;
}
#login p
{
font-weight:500;
font-size:1.1rem;
max-width:330px;
margin-left:auto;
margin-right:auto;
}
#login .textbox
{
margin-top:25px;
height: 57px;
border-radius:8px;
border:0;
font-weight:400;
font-size:0.875rem;
text-align:center;
max-width: 330px;
  margin-left: auto;
  margin-right: auto;
}

#login .textbox::-webkit-input-placeholder { 
    opacity:  0.8;    
}
#login .textbox:-moz-placeholder { 
   opacity:  0.8;
}
#login .textbox::-moz-placeholder { 
  opacity:  0.8;
}
#login .textbox:-ms-input-placeholder { 
   opacity:  0.8;
}

#page #legal.login
{
padding-bottom:30px;
background-color:#E8F2F7;
}
#loginform a.button,a.button.resend_code
{
margin-top:10px;
font-size: 1.125rem;
width:212px;
height:45px;
}
#loginform a.button
{
text-transform:uppercase;
}

#loginform .step,#contatti .step
{
display:none;
}
#loginform .step.on,#contatti .step.on
{
display:block;
}
#loginform .button::after, #loginform a.button::after,.button.resend_code::after,a.button.resend_code::after
{
display:none;
}

#loginform .button span::after,#loginform a.button span::after,.button.resend_code span::after,a.button.resend_code span::after
{
display:none;
}
#loginform .note
{
margin-top:10px;
font-size:0.8rem;
}
#login .insert_mail
{
display:inline-block;
color:#0970A7;
margin-top:10px;
text-decoration:underline;
font-weight:600;
}
#login .code
{
max-width:350px;
margin-left:auto;
margin-right:auto;
}
#login .code .textbox
{
display:inline-block;
width: 13.5%;
margin-left: 1.5%;
margin-right: 1.5%;
}
#contatti p
{
max-width:330px;
margin-left:auto;
margin-right:auto;
}
#contatti p b
{
display:block;
font-size:1.125rem;
line-height:1.4;
}
#contatti p a
{
text-decoration:underline;
}
footer.login
{
position:relative;
}
#contatti
{
padding-top:30px;
padding-bottom:30px;
color:#00537F;
}
.errore_testo
{
color:#C7446F;
font-size:0.8rem;
margin-top:10px;
}
a.resend_code
{
text-decoration:underline;
cursor:pointer;
}
/* END CUSTOM  */