@font-face {
    font-family: 'Colby';
    src: local('Colby Black'), local('Colby-Black'),
        url('https://www.corriere.it/native-adv/longform/f01/gorgonzola_01/fonts/Colby-StBlk.woff2') format('woff2'),
        url('https://www.corriere.it/native-adv/longform/f01/gorgonzola_01/fonts/Colby-StBlk.woff') format('woff'),
        url('https://www.corriere.it/native-adv/longform/f01/gorgonzola_01/fonts/Colby-StBlk.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
  }
 @charset "UTF-8";
/* CSS Document */

*
{
box-sizing:border-box;
margin:0;
padding:0;
line-height:1.8;
}

br
{
line-height:0;
}
body.no_overflow
{
overflow:hidden;
}
#leftsocial
{
height:auto;
}
#shadow-host-companion
{
padding:0 !important;
}

html
{
font-size:16px;
}

body
{
font-family: 'Manrope', arial;
color:#eee9d9;
font-weight:400;
background-color:#0a5278;
overflow:auto !important;
}

b
{
font-weight:700;
}
.focus
{
max-width:1070px;
}
.relativo
{
position:relative;
z-index:1;
}

h1,h2
{
font-family: 'Caveat', arial;
font-size:6.4375rem;
line-height:1;
letter-spacing:-0.5px;
}


#page p, #page li {
    font-size: 1.25rem;
letter-spacing:2px;
}

.transition,#quiz .slide.domanda .risposta p span::after
{
 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);
}

.transition2
{
 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;
}

.entrata_sx.off
{
transform:translateX(-100%);
}
.entrata_dx.off
{
transform:translateX(100%);
}

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

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

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

.comparsa
{
position:relative;
top:0;
}

.comparsa.off
{
top:50px;
}

b
{
font-weight:700;
line-height: inherit;
}

#page
{
overflow: hidden;
margin-top:94px;
}


.button,a.button
{
text-align:center;
min-width:160px;
max-width:100%;
position: relative;
z-index:1;
height:60px;
font-size:18px;
line-height:60px;
cursor:pointer;
display:inline-block;
color:#fff;
text-transform:uppercase;
text-align:center;
background-color:#666;
border:0;
padding-left:30px;
padding-right:30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.button:hover,a.button:hover
{
  background-color:#000;
  color:#fff;
}

section
{
  position:relative;
  z-index:1;
padding-top:70px;
padding-bottom:70px;
}

/* custom code */

.blocco_img, .blocco_img img {
  position: relative;
  z-index: 1;
}
.blocco_img .parall {
  position: absolute;
  z-index: 2;
}

#illu1
{
top:50px;
left:-50px;
}
h1
{
padding-right:45px;
}
#first .blocco_img
{
transform:translateX(50px);
}
#two p
{
font-size:1.875rem;
margin-top:40px;
}
#three .focus
{
max-width:850px;
}
#four .blocco_img,#nine .blocco_img
{
display:inline-block;
margin-left:0;
margin-right:auto;
}
#four .blocco_img
{
transform:translateX(-20%);
}
#nine .blocco_img
{
transform:translateX(-6%);
}
#four .blocco_img img
{
margin-left:0;
}
#illu2,#illu5
{
top:40px;
left:-30px;
max-width:110%;
}

.tabella.riga
{
width:calc(100% + 30px);
table-layout:fixed;
}
#four p,#six p,#nine p,#twelve p,#fifteen p
{
margin-left:auto;
margin-right:12%;
}
#four p
{
max-width:650px;
}
#six p,#twelve p,#fifteen p
{
max-width:555px;
}
#nine p
{
max-width:552px;
}
b.plus
{
font-weight:800;
line-height: inherit;
}
.tabella.inverse
{
direction:rtl;
}
.tabella.inverse .cella
{
direction:ltr;
}
#five .wrap_svg
{
width:125%;
}

#five .illu_svg,#eight .illu_svg
{
transform:translateX(15%);
}
#eleven .illu_svg
{
transform:translateX(11%);
}
#eight .wrap_svg
{
width:107%;
}
#eleven .wrap_svg
{
width:160%;
}
#five h2,#eight h2,#eleven h2,#fourteen h2
{
margin-left:6%;
margin-bottom:60px;
}
#five p,#eight p,#eleven p,#fourteen p
{
margin-left:12%;
}
#five p
{
max-width:560px;
}
#eight p,#fourteen p
{
max-width:620px;
}
#eleven p
{
max-width:625px;
}
#six,#nine,#twelve,#fifteen
{
padding-bottom:120px;
}
#six .entrata_sx,#twelve .entrata_sx,#fifteen .entrata_sx
{
text-align:center;
}

#illu3,#illu7,#illu9
{
top:40px;
left:40px;
}
#seven,#ten,#thirteen,#sixteen
{
background-color:#eee9d9;
color:#0a5278;
}
#seven .blocco_img,#ten .blocco_img,#thirteen .blocco_img,#six .blocco_img,#twelve .blocco_img,#fifteen .blocco_img,#sixteen .blocco_img,.ricetta .blocco_img
{
display:inline-block;
}
#illu4,#illu6,#illu8,#illu10,.ricetta .blocco_img .parall
{
top:20px;
left:20px;
}
a.guarda_ricetta
{
cursor:pointer;
font-size:1.8125rem;
letter-spacing: 2px;
display:inline-block;
}
a.guarda_ricetta::after
{
content:"";
display:block;
margin-right:0;
margin-left:auto;
width:161px;
height:63px;
background-size:100% auto;
background-repeat:no-repeat;
background-position:center center;
background-image:url("../img/freccia_dx.svg");
margin-top:20px;
}

section.bannerEnd
{
padding-top:25px;
padding-bottom:0;
}
.bannerEnd a
{
display:block;
}
.bannerEnd img
{
width:100%;
}
#fourteen .illu_svg
{
margin-left:15%;
transform:translateX(2.6%);
}

#quiz
{
background-size:cover;
backgroun-position:center center;
background-image:url("../img/bg_quiz.jpg");
color:#ed1a3b;
min-height:760px;
max-height:760px;
padding-top: 50px;
padding-bottom: 50px;
margin-top: 25px;
}
#quiz::before
{
content:"";
position:absolute;
z-index:1;
top:20px;
left:auto;
right:20px;
width:109px;
height:55px;
background-size:100% auto;
background-repeat:no-repeat;
background-position:top right;
background-image:url("../img/logo_quiz.png");
}
#slideshow
{
z-index:3;
}
#slideshow, #slideshow .slick-list,#slideshow .slick-track,#slideshow .slide
{
height:100%;
}
#quiz .slide.intro,#quiz .slide.risultato
{
display:flex;
align-items:center;
justify-content:center;
}
#quiz .slide.intro p
{
font-size:1.5rem;
line-height:1.2;
letter-spacing:0.2px;
}


#quiz .slide.intro p.intro,#quiz .slide.risultato .risultato p
{
margin-left:auto;
margin-right:auto;
}
#quiz .slide.intro p.intro
{
max-width:715px;
}
#quiz .slide.risultato .risultato.ok p
{
max-width: 650px;
}
#quiz .slide.risultato .risultato.ko p
{
max-width: 700px;
}
#quiz .slide.intro p.intro
{
position:relative;
z-index:1;
margin-bottom:120px;
margin-top:110px;
}
#quiz .slide.intro p.intro::before,#quiz .slide.intro p.intro::after
{
content:"";
position:absolute;
z-index:2;
width:343px;
height:141px;
background-size:100% auto;
background-repeat:no-repeat;
background-position:center center;
}
#quiz .slide.intro p.intro::before
{
background-image:url("../img/open_virgolette.png");
top:0;
left:0;
transform:translate(-12%,-75%);
}
#quiz .slide.intro p.intro::after
{
background-image:url("../img/close_virgolette.png");
top:auto;
left:auto;
right:0;
bottom:0;
transform:translate(12%,75%);
}
#quiz .next
{
display:inline-block;
cursor:pointer;
}
#quiz .next.off
{
cursor:default;
}
#quiz .slide.intro .next
{
margin-top:30px;
}
#quiz .slide.domanda p
{
font-size:1.6875rem;
letter-spacing:0.2px;
}
#quiz .slide.domanda .response p,#quiz .slide.risultato .risultato p
{
color:#4d4c4c;
line-height:1.4;
font-size:1.5625rem;
margin-bottom:30px;
}
#quiz .slide.risultato .risultato p
{
letter-spacing:0.2px;
}
#quiz .slide.intro p.intro,#quiz .slide.domanda .domanda,#quiz .slide.risultato .risultato p.intro
{
font-family:'Colby',arial;
font-size:3.25rem;
letter-spacing:0;
line-height:1.2;
color:inherit;
}
#quiz .slide.risultato .risultato a.reset_test,#quiz .slide.risultato .risultato p a
{
display: inline-block;
  font-size: inherit;
line-height: 1;
  cursor: pointer;
  text-decoration: underline;
  font-weight: 700;
color:#ed1a3b;
letter-spacing:0.2px;
}

#quiz .slide.risultato .risultato a.reset_test
{
margin-top: 30px;
font-size: 1.5625rem;
}
#quiz .slide.domanda .response p
{
max-width: 435px;
margin-left:auto;
margin-right:auto;
min-height:390px;
}
#quiz .slide.domanda .domanda
{
margin-top:5px;
max-width: 515px;
margin-left:0;
margin-right:auto;
}
#quiz #barra
{
	position:absolute;
	width:100%;
	left:0;
	top:auto;
	opacity:0;
	z-index:10;
	bottom:20px;
visibility:hidden;
}

#quiz #barra .focus
{
display:flex;
align-items:center;
}
#quiz #barra .focus::before,#quiz #barra .focus::after
{
content:"";
width:100px;
min-width:100px;
height:60px;
background-repeat:no-repeat;
}
#quiz #barra .focus::before
{
background-image:url("../img/barra1.png");
background-position:center left;
}
#quiz #barra .focus::after
{
background-image:url("../img/barra2.png");
background-position:60% 50%;
}
#quiz #barra.on
{
opacity:1;
visibility:visible;
}
#quiz #barra .wrapper
{
border:3px solid #ed1a3b;
height:13px;
width: 100%;
position:relative;
z-index:1;
}
#quiz #barra .avanzamento
{
width:0;
height:100%;
position:absolute;
left:0;
top:0;
z-index:2;
background-color:#ed1a3b;
}
#quiz .slide.domanda .col2
{
position:relative;
z-index:1;
}
#quiz .slide.domanda .response
{
opacity:0;
visibility: hidden;
position:relative;
z-index:5;
text-align:center;
margin-top: 70px;
}
#quiz .slide.domanda .response.on
{
opacity:1;
visibility: visible;
}
#quiz .slide.domanda .blocco_img.off
{
opacity:0;
visibility: hidden;
}
#quiz .slide.domanda .blocco_img
{
position:absolute;
top:32px;
left:auto;
right:0;
z-index:2;
}
#quiz .slide.domanda .parall
{
top:5px;
left:20px;
}
#quiz .slide.domanda .risposte
{
margin-top:50px;
}
#quiz .focus
{
max-width:1100px;
}
#quiz .slide.domanda .risposta
{
margin-top:25px;
margin-bottom:25px;
padding-left:35px;
}

#quiz .slide.domanda .risposta p
{
display:block;
cursor:pointer;
position:relative;
z-index:1;
line-height:1;
}
#quiz .slide.domanda .risposta p span
{
line-height:inherit;
display:inline;
position:relative;
z-index:1;
}
#quiz .slide.domanda .risposta.off p
{
cursor:default;
}
#quiz .slide.domanda .risposta.ok p
{
color:#1a9136;
}
#quiz .slide.domanda .risposta p span:first-child::after
{
content:"";
position:absolute;
z-index:2;
top:0;
left:auto;
right:0;
width:62px;
height:69px;
background-size:100% auto;
background-position:center center;
background-repeat:no-repeat;
background-image:url("../img/ok.png");
opacity:0;
visibility:hidden;
transform:translate(105%,-45%);
}
#quiz .slide.domanda .risposta.ok p span:first-child::after
{
opacity:1;
visibility:visible;
}
#quiz .slide.domanda .risposta.ok p span span:first-child::after
{
display:none;
}
#quiz .slide.domanda .risposta p::before
{
position:absolute;
z-index:2;
left:-35px;
}
#quiz .slide.domanda .risposta1 p::before
{
content:"A) ";
}
#quiz .slide.domanda .risposta2 p::before
{
content:"B) ";
}

#quiz .slide.domanda .col2.dom
{
width:57%;
}
#quiz .slide.domanda .col2.resp
{
width:43%;
}
#quiz .slide.risultato .risultato
{
display:none;
}
#quiz .slide.risultato .risultato.on
{
display:block;
}
.ricetta
{
position:fixed;
z-index:10;
top:94px;
left:100%;
width:100%;
padding-top:50px;
}
.ricetta.on
{
position:relative;
top:0;
}
.ricetta a.back
{
display:block;
margin-left:0;
margin-right:auto;
width:140px;
cursor:pointer;
font-size:1.125rem;
}
.ricetta h2
{
margin-top:-30px;
margin-bottom:20px;
}
#page .ricetta p,#page .ricetta li
{
letter-spacing: 1.5px;
}
#page .ricetta p
{
line-height:1.7;
}
#page .ricetta li,#page .ricetta p.intro
{
line-height:1.4;
}
.ricetta .procedimento .tabella.inverse p
{
line-height:1.8;
}
#page .ricetta p.intro
{
font-size:2.5rem;
margin-left:auto;
margin-right:auto;
}
.ricetta .slide_ricetta
{
margin-top:40px;
background-repeat:no-repeat;
background-position:50% 30%;
background-size:100% auto;
background-image:url("../img/linea_slide_ricetta.png");
}
.ricetta .slide_ricetta img
{
margin-left: 17px;
  margin-right: 17px;
  max-width: calc(33vw - 42px);
}
.ricetta .descrizione
{
padding-top:40px;
}
.ricetta .col2
{
padding-top:50px;
position:relative;
z-index:1;
}
.ricetta .descrizione p.sx
{
max-width:540px;
margin-left:0;
margin-right:auto;
}
.ricetta .descrizione p.dx
{
max-width:525px;
margin-left:auto;
margin-right:0;
}
.ricetta .focus {
  max-width: 1140px;
}
.ricetta .procedimento
{
margin-top:100px;
padding-top:50px;
background-color:#eee9d9;
color:#0a5278;
padding-bottom:100px;
}
.ricetta .procedimento .tabella.inverse
{
padding-top:50px;
}
.ricetta h3
{
font-weight:700;
font-size:1.875rem;
letter-spacing:1.5px;
margin-bottom:30px;
}
.ricetta h3,.ricetta ul,.ricetta p.ingr
{
margin-left:50px;
}
.ricetta .blocco_ingr
{
margin-top:40px;
}
.ricetta ul li
{
list-style-type:disc;
padding-left: 15px;
  margin-left: 25px;
margin-top:10px;
}
.ricetta .procedimento .tabella.inverse h3,.ricetta .procedimento .tabella.inverse p
{
margin-left:auto;
margin-right: 10px;
max-width: 545px;
width:88%;
}
.ricetta .end_ricetta
{
padding-top: 40px;
padding-bottom: 40px;
}
.ricetta .end_ricetta a.back
{
display:flex;
font-size:5rem;
font-family: 'Caveat', arial;
width: auto;
justify-content: center;
}
.ricetta .end_ricetta a.back img
{
margin-left:0;
margin-right:50px;
}

#page #ricetta1 p.intro
{
max-width:830px;
}
#ricetta1 .wrap_svg
{
width: 150%;
  position: absolute;
top:50%;
transform:translateY(-50%);
z-index:2;
  left: -50%;
}
#ricetta1 .wrap_svg .illu_svg
{
transform:translateX(39.6%);
}

#ricetta2 .wrap_svg
{
width:115%;
 position: absolute;
top:50%;
transform:translateY(-50%);
z-index:2;
  left: -15%;
}
#ricetta2 .wrap_svg .illu_svg
{
transform:translateX(27%);
}

#page #ricetta3 p.intro
{
max-width:750px;
}
#ricetta3 .descrizione p.dx
{
max-width:515px;
}
#ricetta3 .procedimento .tabella.inverse p {
  margin-right: 7px;
  max-width: 548px;
}
#ricetta3 .wrap_svg
{
width:220%;
 position: absolute;
top:50%;
transform:translateY(-50%);
z-index:2;
  left: -120%;
}
#ricetta3 .wrap_svg .illu_svg
{
transform:translateX(60.5%);
}

#ricetta4 .descrizione p.dx
{
max-width:495px;
}
#ricetta4 .wrap_svg
{
width:270%;
 position: absolute;
top:50%;
transform:translateY(-50%);
z-index:2;
  left: -170%;
}
#ricetta4 .wrap_svg .illu_svg
{
transform:translateX(72.3%);
}
.slick-prev,.slick-next
{
display:none !important;
}
#footer {
  padding-top: 1px;
}
#header #top_main_area #right_top_area > a
{
width:159px;
}
#bannerGizmo > div.close
{
color:#000;
line-height: 28px;
}
#header #sponsor_area,#left_sponsor span.show-for-medium
{
text-transform:uppercase;
}
#left_sponsor span.show-for-medium
{
top: -5px;
}
#header .icon_bullhorn img
{
position: relative;
top: -3px;
}