/*
Project:RCS Native Longform Santamaria01
Company:The6th
Developer:F. Marra
Date:31/05/2020
*/
/*fontface*/
@font-face{font-family: 'Boldoni Std';src: url('../fonts/BodoniStdBoldCondensed.eot');src: url('../fonts/BodoniStdBoldCondensed.eot?#iefix') format('embedded-opentype'),url('../fonts/BodoniStdBoldCondensed.ttf') format('truetype'),url('../fonts/BodoniStdBoldCondensed.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face{font-family: 'Boldoni Std Bold';src: url('../fonts/BodoniStdBold.eot');src: url('../fonts/BodoniStdBold.eot?#iefix') format('embedded-opentype'),url('../fonts/BodoniStdBold.ttf') format('truetype'),url('../fonts/BodoniStdBold.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face{font-family: 'Eb Garamond';src: url('../fonts/EBGaramond-Bold.eot');src: url('../fonts/EBGaramond-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/EBGaramond-Bold.ttf') format('truetype'),url('../fonts/EBGaramond-Bold.woff') format('woff');font-weight: 600;font-style: normal;}
@font-face{font-family: 'Eb Garamond Extrabold';src: url('../fonts/EBGaramond-ExtraBoldItalic.eot');src: url('../fonts/EBGaramond-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/EBGaramond-ExtraBoldItalic.ttf') format('truetype'),url('../fonts/EBGaramond-ExtraBoldItalic.woff') format('woff');font-weight: 600;font-style: normal;}
@font-face{font-family: 'Alegreya';src: url('../fonts/Alegreya-Regular.eot');src: url('../fonts/Alegreya-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Alegreya-Regular.ttf') format('truetype'),url('../fonts/Alegreya-Regular.woff') format('woff');font-style: normal;}
@font-face{font-family: 'Cubano';src: url('../fonts/Cubano.eot');src: url('../fonts/Cubano.eot?#iefix') format('embedded-opentype'),url('../fonts/Cubano.ttf') format('truetype'),url('../fonts/Cubano.woff') format('woff');font-style: normal;}
/*typo*/
#footer .disclaimer p.rightimg img { width: 90px!important;}
#bannerGizmo {z-index: 99999!important; left: 50%!important; top: 50%!important; transform: translate(-50%,-50%)!important;}
.site-main{font-family:'Eb Garamond',serif;font-weight:400;line-height: 1.3;color:#000000;}
.site-main h1,.site-main h2,.site-main h3,.site-main h4{font-family:'Boldoni Std';margin:0;margin-bottom:15px;line-height: 1;font-weight: normal;}
.site-main .ff-cubano{font-family:'Cubano';}
.site-main .ff-alegria{font-family:'Alegreya';}
.site-main .ff-ebgaramond{font-family:'Eb Garamond';}
.site-main .ff-ebextrabold{font-family:'Eb Garamond Extrabold';}
.site-main .ff-boldonibold{font-family:'Boldoni Std Bold';}
.site-main .fs-100{font-size:90px;margin-bottom: -15px;}
.site-main .fs-90{font-size:80px;line-height: 0.9;}
.site-main .fs-60{font-size:54px}
.site-main .fs-50{font-size:44px}
.site-main .fs-36{font-size:32px;line-height: 1.1;}
.site-main .fs-30{font-size:30px}
.site-main .fs-24{font-size:24px}
.site-main .fs-20,.site-main{font-size:20px}
.site-main .fs-18{font-size: 16px;}
/*colors*/
.site-main .c-white{color:#FFFFFF;}
.site-main .c-black{color:#000000;}
.site-main .bg-white{background-color:#FFFFFF;}
.site-main .bg-black{background-color:#000000;}
/*layout*/
.content-wrap{width: 90%;max-width: 90%;}
.full-height{}
/*video*/
.video-inline{position: relative;display: block;margin: 0;padding: 0;overflow: hidden;width: 100%;height: auto;}
.video-inline video{position: relative;display: block;width: 100%;background-color: #000;height: auto;}
.video-inline:not('.onair') video {object-fit: cover;}
.video-inline .video-button{display: block;width: 40px;height: 40px;border: 0;background: transparent;z-index: 100;cursor: pointer;position: absolute;border-radius: 100%;transition: all 400ms;}
.video-inline .video-button.on-play{color: #fff;right: 20px;bottom: -100px;border: 1px solid;border-radius: 0;font-size: 14px;}
.video-inline .video-button.on-play[data-command="pause"]{margin-right: 50px;}
.video-inline .video-button.on-play[data-command="fullscreen"]{}
.video-inline .video-button.on-stop{position: absolute;width: 100px;height: 100px;left: 50%;top: 50%;margin: -50px -50px;cursor: pointer;-moz-border-radius: 100%;-webkit-border-radius: 100%;background-repeat: no-repeat;text-align: center; transition: all 500ms;background: transparent;outline: 0;border: 0;z-index: 10;border-radius: 100%; background: rgba(255,255,255,0.7);}
.video-inline .video-button.on-stop:before{ content: ""; position: absolute; width: 0; height: 0; border-style: solid;  border-width: 20px 0 20px 28px; border-color: transparent transparent transparent #002a5a; top: 50%; left: 50%; margin: -20px -10px; color: #002a5a;}
.video-inline.video-fullwidth{margin: 0;}
.video-inline.onair .video-button.on-play{bottom: 20px;}
.video-inline.onair .video-button.on-stop{opacity: 0;z-index: -100;}

/*description*/
.section-description{display: flex;align-items: center;justify-content: flex-start;padding: 100px 0 80px 0;z-index: 60;background-size: 100% 100%;}
.section-description .row .col{}
.description-bg{position: absolute;display: block;width: 100%;height: 100%;background-size: 80%;background-position: center;background-repeat: no-repeat;top:0;left:0;}
.dbg-01{}
.dbg-02{}
.site-main .cap-lock{margin-top: -20px;}
.site-main .cap-lock:first-letter{font-size:200%;line-height:1;}
/*toggle*/
.section-toggle{position: relative;display: block;width: 100%;height: auto;margin: 0;padding: 0px 0 80px;}
.section-toggle .toggle-header{position: relative;display: flex;padding: 30px 0 0;align-items: center;justify-content: center;text-align: center;cursor: pointer;}
.section-toggle .toggle-header .toggle-title{position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 0 100px;line-height: 1;margin: 0;}
.section-toggle .toggle-header .toggle-title strong{}
.section-toggle .toggle-header .toggle-button{position: absolute;display: block;width: 60px;height: 60px;right: 60px;top: 30px;border: 0;background-color: transparent;background-image: url(../images/toggle-open.png);background-size: contain;background-position: center;background-repeat: no-repeat;transition: all 300ms;cursor: pointer;}
.section-toggle .toggle-content{position: relative;display: none;margin: 0;padding: 0;width: 100%;height: auto;}
.section-toggle .toggle-content .inner-wrap{}
.section-toggle.open .toggle-header .toggle-button{background-image: url(../images/toggle-close.png);}
.section-toggle:after{content: "";position: absolute;display: block;width: 100%;height: 80px;left: 0;bottom: 0;background-size: 85% 40%;background-position: center;background-repeat: no-repeat;transition: all 400ms;transition-delay: 800ms;}
.line-break{content: "";position: relative;display: block;width: 100%;height: 150px;left: 0;bottom: 0;background-size: 95%;background-position: center;background-repeat: no-repeat;background-image: url(../images/line-02.png);}
.section-toggle[data-index="1"]:after{background-image: url(../images/line-01.png);}
.section-toggle[data-index="2"]:after{background-image: url(../images/line-03.png);}
.section-toggle[data-index="3"]:after{background-image: url(../images/line-01.png);}
.section-toggle[data-index="4"]:after{background-image: url(../images/line-02.png);}
.section-toggle[data-index="5"]:after{background-image: url(../images/line-03.png);}
.section-toggle[data-index="6"]:after{background-image: url(../images/line-01.png);}
.section-toggle[data-index="7"]:after{background-image: url(../images/line-02.png);}

.section-toggle.appearance:after{
    width: 20%;
    opacity: 0;
}
.section-toggle.appearance.appeared:after{
    width: 100%;
    opacity: 1;
}

/*meal*/
.site-meal{position: relative;display: block;width: 100%;height: auto;margin: 60px 0;}
.site-meal .row.linear{}
.site-meal .row.reverse{flex-direction: row-reverse;}
.site-meal .item-title{position: absolute;display: block;top: -10%;left: 0;z-index: 30;width: auto;white-space: nowrap;}
.site-meal .row.reverse .item-title{left: auto;right: 0;text-align: right;}
.site-main .section-toggle .site-meal[data-index="1"] .item-title{left: -45%;padding-left: 50%;padding-bottom: 15%;padding-right: 7.5%;}
.site-main .section-toggle .site-meal[data-index="2"] .item-title{padding-left: 15%;padding-right: 15%;right: -12.5%;top: -5%;}
.site-main .section-toggle .site-meal[data-index="3"] .item-title{padding-bottom: 10%;padding-right: 25%;right: -30%;top: -3%;padding-top: 7.5%;}
.site-main .section-toggle .site-meal[data-index="4"] .item-title{left: -30%;padding-left: 35%;padding-top: 7.5%;padding-right: 10%;}
.site-main .section-toggle .site-meal[data-index="5"] .item-title{padding-right: 35%;right: -30%;top: 0%;padding-top: 10%;padding-left: 7.5%;}
.site-main .section-toggle .site-meal[data-index="6"] .item-title{bottom: auto;left: -50%;padding-left: 55%;padding-top: 3%;padding-right: 10%;padding-bottom: 10%;top: -15%;transform: rotate(5deg);}
.site-main .section-toggle .site-meal[data-index="7"] .item-title{padding-left: 10%;padding-right: 10%;top: -5%;right: -15%;}
.site-main .section-toggle .site-meal[data-index="8"] .item-title{padding-left: 70%;padding-top: 15%;left: -65%;padding-right: 7.5%;top: -10%;}
.site-main .section-toggle .site-meal .item-image{position: absolute;display: block;width: 100%;height: 100%;left: 0;top: 0;}
.site-meal .item-image img{position: relative;display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.site-meal .item-intgredients{position: relative;display: block;width: 100%;height: auto;margin: 0 0 40px;padding: 0 0 10px;border-bottom: 4px solid #000;}
.site-meal .item-intgredients:after{content:"";position: absolute;display: block;width: 21px;height: 14px;top: 100%;left: 12.5%;background-image: url(../images/angle.png?v=2);background-size: initial;background-repeat: no-repeat;background-color: #fff;}
.site-meal .item-intgredients .row{}
.site-meal .item-intgredients .row .col{display: flex;flex-direction: column;align-items: center;}
.site-meal .item-intgredients img{margin-bottom: 10px;max-width: 130px;}
.site-meal .item-intgredients span{font-weight: normal;text-align: center;padding: 0 5px;}
.site-meal .item-intgredients span:first-letter{text-transform:uppercase}
.site-meal .item-details{position: relative;display: block;width: 100%;height: auto;}
.site-meal .item-details:not(:last-child){margin-bottom: 30px;}
.site-meal .item-details h4{position: relative;display: block;margin: 0 0 10px;}
.site-meal .item-details p{}
.site-meal .item-details ol{padding-left: 22px;}
.site-meal .item-details ol li{}
.site-meal[data-index="2"] .item-image img{
    object-position: right;
}

.site-meal[data-index="6"] .item-intgredients .row{
    justify-content: space-between;
}
.site-meal[data-index="6"] .item-intgredients .row .col:nth-child(1),
.site-meal[data-index="6"] .item-intgredients .row .col:nth-child(2),
.site-meal[data-index="6"] .item-intgredients .row .col:nth-child(3){width:33%}

/*quiz*/
.section-quiz{padding-top: 65px;display: flex;align-items: center;justify-content: center;flex-direction: column;z-index: 999;background-position: top center;}
.quiz-heading{position: unset; left: 0; text-align: center; top: 0; height: auto; width: 100%; max-width: 60%; margin-left: 20%; margin-right: 20%;}
.quiz-heading h2{}
.quiz-wrap{text-align: center;padding-top: 0;padding-bottom: 60px;}
.quiz-questions{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 30px;}
.quiz-questions .image{position: relative;display: block;width: 300px;height: 200px;background-size: contain;background-position: center;background-repeat: no-repeat;margin-bottom: 25px;}
.quiz-questions .question{text-transform:uppercase}
.quiz-answers{}
.quiz-answers ul{display: flex;align-items: top;justify-content: space-around;max-width: 40%;margin: 0 auto;}
.quiz-answers ul li{padding-left: 5px; padding-right: 5px; width: 50%;}
.quiz-answers ul li button{border: 0; border-radius: 50px; background: #fff; height: 70px; font-size: 2.5vw!important; width: 70px; color: #123b8c!important;position: relative;margin: 0;cursor: pointer;transition: all 300ms;}
.quiz-answers ul li button:hover{transform: scale(1.06);}
.quiz-answers{}
.quiz-popup{position: fixed;display: none;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;}
.quiz-popup .outer-wrap{position: absolute;display: flex;width: 100%;height: 100%;left: 0;top: 0;align-items: center;justify-content: center;}
.quiz-popup .outer-wrap .inner-wrap{position: relative;display: flex;width: 640px;height: auto;border-radius: 3px;padding: 75px 30px;flex-direction: column;align-items: center;color: #fff;background: #1d1d1b;border: 4px solid #fff;text-align: center;}
.quiz-popup p{diplay:block;width:100%;}
.quiz-next{
}
.quiz-next  .outer-wrap .inner-wrap{padding-top: 110px;}
.quiz-next span{position: absolute;display: flex;top: 0;left: 0;height: 50px;align-items: center;width: 100%;background: #fff;color: #000;font-size: 16px;justify-content: center;padding: 0 15px;}
.quiz-next span:before{content:"";position: relative;display: block;width: 25px;height: 30px;background-image: url(../images/thumb.png);background-size: contain;background-position: center;background-repeat: no-repeat;margin-right: 10px;}

.quiz-next span[data-icon="1"]:before{}
.quiz-next h3{margin-top: 20px;padding: 5px 20px;background-position: center;background-repeat: no-repeat;}

.quiz-next p{}
.quiz-end{}
.quiz-end  .outer-wrap .inner-wrap{padding-top: 30px;padding-bottom: 30px;}
.quiz-end .icon{position: relative;display: block;width: 90px;height: 90px;background-size: contain;background-position: center;background-repeat: no-repeat;margin-bottom: 15px;}
.quiz-end .icon[data-color="red"]{background-image: url(../images/smile-0.png);}
.quiz-end .icon[data-color="orange"]{background-image: url(../images/smile-1.png);}
.quiz-end .icon[data-color="green"]{background-image: url(../images/smile-2.png);}
.quiz-end .number{}
.quiz-end .number[data-color="red"]{}
.quiz-end .number[data-color="orange"]{}
.quiz-end .number[data-color="green"]{}
.quiz-end p{}
.quiz-close:before,.quiz-close:after{content:"";width:2px;background-color: #1d1d1b;height: 30px;position:absolute;display:inline-block;top:50%;left:50%;margin: -15px -1px;}
.quiz-close:before{transform:rotate(-45deg);}
.quiz-close:after{transform:rotate(45deg);}
/*banner*/
.section-banner{}
.section-banner a{position: relative;display: block;width: 100%;height: 100%;margin: 0;padding: 0;}
.section-banner a img{position: relative;display: block;width: 100%;height: auto;margin: 0;padding: 0;}
.bounce{-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-name: bounce;animation-name: bounce;animation-iteration-count: infinite;}
@-webkit-keyframes bounce {0%, 5%, 15%, 100% {transform: translateY(0);}10% {transform: translateY(5px);}} 
@keyframes bounce {0%, 5%, 15%, 100% {transform: translateY(0);}10% {transform: translateY(5px);}} 
/*ie*/
.ie .site-meal .item-image img{height:auto;}

/*intro*/
.site-main {margin-top: 94px;}
.section-intro-primigi {height: calc(100vh - 94px); margin-bottom: 0;}
.interno-prima-primigi h1 {color: #ff003e; font-size: 4.6vw; line-height: 0.95; margin-bottom: 2.5vw;}
.interno-prima-primigi p {color: #572a3b; font-size: 1.5vw; line-height: 1.2}
.section-intro-primigi .inner-wrap{padding: 4vw 0 2.5vw 0; text-align: center; float: right; display: flex; align-items: flex-end; height: 100%;}
.section-intro-primigi .inner-wrap p {padding: 0 3vw; }
.section-intro-primigi .content-wrap {height: 100%}
.prima-section {background-image:url('https://static2-advtools.rcsobjects.it/native-adv/longform/f03/corriere/primigi01/images/bg-02.jpg')!important}
.section-descrizione-2 {background-image:url('https://static2-advtools.rcsobjects.it/native-adv/longform/f03/corriere/primigi01/images/bg-05.jpg')!important}
.section-quiz {background-image:url('https://static2-advtools.rcsobjects.it/native-adv/longform/f03/corriere/primigi01/images/bg-06.png')!important}
.section-scopri {background-image:url('https://static2-advtools.rcsobjects.it/native-adv/longform/f03/corriere/primigi01/images/bg-07.png')!important}
.le-fiabe {padding-top: 2vw!important;margin-bottom: 0;}
.le-fiabe img {max-width: 4vw;}
.col-60 {width: 60%; left: 20%; text-align: center;line-height: 1.6;}
.section-description .col-60 p:nth-child(1) {margin-bottom: 45px;}
.section-description .col-60 p {font-size: 1.3vw;}
.img-fiabe img {max-width: 3vw; padding-top: 65px;}
.scrollid {opacity: 0; visibility: hidden;}
.owl-item {height: 100vh!important; max-height: 100vh!important; object-fit: cover;}
.item1 {background: url(https://static2-advtools.rcsobjects.it/native-adv/longform/f03/corriere/primigi01/images/slide-02.jpg); height: 100vh; background-size: cover; background-repeat: no-repeat;}
.prima-solo-mobile {position: absolute; height: calc(100vh - 94px); object-fit: cover; object-position: bottom;}
.prima-scarpetta {position: absolute; width: 66vh; top: 17.8vh; left: 5vh;}
.col-destra-slider {text-align: center; float: right; display: flex; align-items: center; height: 100%;}
.item .content-wrap {height:100%}
.col-destra-slider {text-align:center}
.interno-bottone-slider {width: 100%; padding-left: 80px; padding-right: 80px;}
.interno-bottone-slider h2 {color: #ffffff; font-size: 4.6vw; line-height: 0.95; margin-bottom: 3.5vw; display: block; white-space: initial;}
.interno-bottone-slider .bottone-leggi a {font-size: 2vw; color: #ade4f7!important; text-decoration: none!important; border-top-left-radius: 25px; border-bottom-left-radius: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; background: #fff; padding: 9px 80px 10px 80px;}
.item2 .col60 {height: 100%; width: 60%; float: left; display: flex; align-items: center; padding-left: 10%;}
.item2 .col40 {width: 40%}
.desc-slider {white-space: initial; height: auto; line-height: 1.6; font-size: 1.3vw;}
.item2 .col-sinistra-slider .interno-bottone-slider {height: auto; padding: 0;}
.item2 {background: url(https://static2-advtools.rcsobjects.it/native-adv/longform/f03/corriere/primigi01/images/slide-02.jpg); height: 100vh; background-size: cover;}
.interno-bottone-slider.interno-bottone-slider-slide2 {padding-left: 80px; padding-right: 80px;}
.interno-bottone-slider.interno-bottone-slider-slide2 .bottone-leggi a {padding-left: 50px; padding-right: 50px}
.frecce-slide{text-align: center; padding-top: 1.5vw;}
.frecce-slide a {display: inline-block; padding: 0 30px;}
.frecce-slide img {float: none; max-width: 3vw;}
.interno-bottone-slider.interno-bottone-slider-slide2 h2 {font-size: 3.8vw}
.bottone-leggi .owl-inside, .frecce-slide img {cursor: pointer}
.colonna-1, .colonna-2, .colonna-3 {max-height: 100%!important; height: 100%!important}
.colonna-1 {position: absolute; height: 123vh!important; left: -20.5vh; top: -14vh; max-height: none!important;}
.colonna-2 {position: absolute; height: 148vh!important; left: 17.5vh; top: -20vh; max-height: none!important;}
.colonna-3 {position: absolute; height: 123vh!important; left: 42vh; top: -10vh; max-height: none!important;}
.colonna-4 {position: absolute; right: 2vw; top: -7px; height: 90vh!important; max-height: 90vh!important;}
.section-slider-sinistra .col-destra-slider {float: left}
.section-slider-sinistra .item2 .col60 {padding-right: 10%; padding-left: 0;}
.item3, .item4 {background: url(https://static2-advtools.rcsobjects.it/native-adv/longform/f03/corriere/primigi01/images/slide-03-2.jpg); height: 100vh; background-size: cover; background-position: bottom;}
.item5, .item6 {background: url(https://static2-advtools.rcsobjects.it/native-adv/longform/f03/corriere/primigi01/images/slide-04.jpg); height: 100vh; background-size: cover; background-position: bottom;}
.item7, .item8 {background: url(https://static2-advtools.rcsobjects.it/native-adv/longform/f03/corriere/primigi01/images/slide-05.jpg); height: 100vh; background-size: cover; background-position: bottom;}
.item9, .item10 {background: url(https://static2-advtools.rcsobjects.it/native-adv/longform/f03/corriere/primigi01/images/slide-06.jpg); height: 100vh; background-size: cover; background-position: bottom;}
.owl-nav {display: none!important}
.item5 h2, .item7 h2, .item9 h2 {margin-bottom: 5vw;}
.pollicino1 {height: 4vh!important; max-height: 4vh!important; position: absolute; top: 1.5vw; left: 4vh;}
.pollicino2 {height: 4vh!important; max-height: 4vh!important; position: absolute; top: 6.5vw; left: 4vh;}
.pollicino3 {height: 4vh!important; max-height: 4vh!important; position: absolute; top: 11.5vw; left: 4vh;}
.pollicino4 {height: 30vh!important; max-height: 30vh!important; position: absolute; top: 50%; left: -10.3vh; transform: translatey(-57%);}
.pollicino5 {height: 23vh!important; max-height: 23vh!important; position: absolute; bottom: 2.5vw; left: -3vw;}
.pollicino6 {position: absolute; height: 126vh!important; max-height: 126vh!important; top: 0.5vw; left: -3vw;}
.pollicino7 {position: absolute; top: 1vw; left: 58vh; height: 30vh!important; max-height: 30vh!important;}
.pollicino8 {height: 23vh!important; position: absolute; bottom: 2.5vw; left: 62vh; top: 50%; transform: translatey(-50%);}
.pollicino9 {height: 4vh!important; max-height: 4vh!important; position: absolute; left: 72vh; bottom: 2.5vw;}
.pollicino10 {height: 4vh!important; max-height: 4vh!important; position: absolute; left: 72vh; bottom: 7.5vw;}
.pollicino11 {height: 4vh!important; max-height: 4vh!important; position: absolute; left: 72vh; bottom: 12.5vw;}
.owl-carousel.owl-drag .owl-item {overflow:hidden}
.cenerentola1 {position: absolute; right: 0; z-index: 1; height: 115vh; top: -8vh; max-height: none!important; right: -47vh;}
.scalinata1 {position: absolute; right: -9vw; top: -4px; height: calc(100vh + 4px); max-height: none!important;}
.scarpetta1 {position: absolute; right: 52vh; width: 32vh!important; bottom: 21.9vh;}
.gatto-1 {position: absolute; left: 0; height: 86vh!important; max-height: none!important; top: 5vh; }
.section-quiz {margin-top: -10vh}
.quiz-next .outer-wrap .inner-wrap {padding-top: 20px!important; max-width: 60%; margin: auto;}
.section-description.section-description-2 {padding-bottom: 140px}
.quiz-heading h2 {font-size: 7vw!important; padding-top: 2vw; color: #b3d030!important;}
.quiz-heading p {font-size: 1.3vw!important; padding-top: 26px;}
.quiz-questions {padding-top: 24px;}
.qno, .number {font-size: 3.5vw!important; color: #b3d030!important;}
.quiz-wrap {padding-top: 15px}
.quiz-questions h3 {color: #b3d030!important; font-size: 2.8vw!important; white-space: initial; max-width: 60%;}
.answer-a, .answer-b {color: #fff; font-size: 1.4vw; padding-top: 17px; line-height: 1.2; letter-spacing: 0.6px;}
.quiz-next .outer-wrap .inner-wrap h3, .quiz-next .outer-wrap .inner-wrap p {color: #b3d030!important; font-size: 1.8vw!important; white-space: initial; text-transform: uppercase;}
.quiz-next1, .quiz-retry {font-size: 1.5vw; color: #123b8c!important; text-decoration: none!important; border-top-left-radius: 25px; border-bottom-left-radius: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; background: #fff; padding: 3px 50px 5px 50px; cursor: pointer; margin-top: 20px;}
.quiz-retry {border: 0; padding: 6px 50px 8px 50px; font-size: 1.8vw; color: #123b8c!important; text-decoration: none!important; border-top-left-radius: 25px; border-bottom-left-radius: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; background: #fff; cursor: pointer; margin-top: 20px;}
.esterno-risposta2 {padding-top: 60px;}
.quiz-next .outer-wrap .inner-wrap h3[data-value="0"], .quiz-next .outer-wrap .inner-wrap p[data-value="0"] {color: #ff3451!important}
.content-wrap.quiz-wrap {min-height: 500px}
.quiz-end .icon {display: none!important}
.quiz-end .outer-wrap .inner-wrap {padding-top: 0px!important;}
.risposta-finale {padding-left: 30px; padding-right: 30px;max-width: 60%; margin: auto; font-size: 2.8vw!important; line-height: 1.2; padding-top: 55px; padding-bottom: 50px;}
.quiz-end[data-value="0"] span, .quiz-end[data-value="0"] p, .quiz-end[data-value="0"] a {color: #ff3451!important;}
.quiz-end[data-value="1"] span, .quiz-end[data-value="1"] p, .quiz-end[data-value="1"] a {color: #b3d030!important;}
.section-quiz {padding-bottom: 55px; }
.bottone-scopri a { padding: 13px 65px 16px 65px; font-size: 2vw; color: #123b8c!important; text-decoration: none!important; border-top-left-radius: 32px; border-bottom-left-radius: 32px; border-top-right-radius: 32px; border-bottom-right-radius: 32px; background: #fff; cursor: pointer; margin-top: 20px; text-transform: uppercase;}
.bottone-scopri {text-align: center}
.section-scopri {background-size: cover; padding-bottom: 100px!important; padding-top: 95px!important;}
.quiz-heading {height: auto!important}
.pollicino6 {z-index: 1;}
.section-cenerentola {background-size: cover; background-position: right!important; background-image: url(https://static2-advtools.rcsobjects.it/native-adv/longform/f03/corriere/primigi01/images/slide-05.jpg)!important}
.section-mago-oz {background-size: cover; background-position: left!important; background-image: url(https://static2-advtools.rcsobjects.it/native-adv/longform/f03/corriere/primigi01/images/slide-02.jpg)!important}
.section-scarpette-rosse {background-size: cover; background-position: top right!important; background-image: url(https://static2-advtools.rcsobjects.it/native-adv/longform/f03/corriere/primigi01/images/slide-03-mobile.jpg)!important}
.section-pollicino {background-size: cover; background-position: left!important; background-image: url(https://static2-advtools.rcsobjects.it/native-adv/longform/f03/corriere/primigi01/images/slide-04.jpg)!important}
.section-gatto-stivali {background-size: cover; background-position: left!important; background-image: url(https://static2-advtools.rcsobjects.it/native-adv/longform/f03/corriere/primigi01/images/slide-06.jpg)!important}
@media only screen and (max-width: 1024px) {
.content-wrap {padding-left: 0!important; padding-right: 0!important;}
}
@media only screen and (min-width: 991px) {
.freccia-mob {display: none!important}
.titoletti-mobile {display: none!important}
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
.section-intro-primigi .inner-wrap {padding-left: 6vw!important; padding-right: 0!important}
.interno-prima-primigi p {font-size: 1.7vw!important}
.section-description .col-60 p, .desc-slider, .quiz-heading p {font-size: 1.5vw!important;}
}
@media only screen and (max-width: 500px) {
.item7 .interno-bottone-slider h2 {padding-top: 110px!important;}
.item3 .interno-bottone-slider h2 {padding-top: 110px!important;}
.item9 .interno-bottone-slider h2 {padding-top: 100px!important;}
.item1 .interno-bottone-slider h2 {padding-top: 80px!important;}
.item1.primo-item .interno-bottone-slider h2 {padding-top: 35px!important;}
.interno-prima-primigi {max-width: 80%!important; margin-left: 10%!important; margin-right: 10%!important;}
}
@media only screen and (max-width: 990px) {
.titoletti-mobile {text-align: center!important}
.titoletti-desktop {display: none!important}
.frecce-slide {display: none!important}
.freccia-mob[data-value="owl-prev"] {left: -5px;}
.freccia-mob[data-value="owl-next"] {right: -5px;}
.bottone-leggi a {display: inline-block}
body .site-main .freccia-mob {background: none!important; padding: 0!important; border-radius: 0!important; padding-top: 20px; top: 13px; position: relative;}
.freccia-mob img {max-width: 38px!important}
.section-intro-primigi .inner-wrap {padding: 69px 3vw 45px 3vw!important;}
.interno-prima-primigi {max-width: 60%; margin-left: 20%;margin-right: 10%!important;}
.section-intro-primigi {height: auto!important}
.section-intro-primigi .inner-wrap {width: 100%!important}
.le-fiabe img {max-width: 40px!important}
.owl-carousel.owl-drag .owl-item {overflow: hidden; min-height: auto!important; height: auto!important;}
.item {height: auto!important; max-height: none!important; min-height: auto!important;}
.owl-item, .item {max-height: none!important; height: auto!important; min-height: auto!important;}
.item1 {max-height: none!important; height: auto!important}
.interno-prima-primigi p {font-size: 16px!important; padding-top: 5px}
.section-description .col-60 p, .desc-slider, .quiz-heading p {font-size: 15px!important;}
.col-60 {left: 0!important; width: 100%!important}
.section-description.sd-01 {padding: 60px 0!important;}
.img-fiabe img {max-width: 30px; padding-top: 45px;}
.quiz-heading {max-width: 80%!important;width: 80%!important; margin-left: 10%!important; margin-right: 10%!important;}
.quiz-heading h2 {font-size: 50px!important;}
.qno, .number {font-size: 30px!important;}
.section-description.sd-01 {padding: 90px 0!important}
.bottone-scopri a, .quiz-next1, .quiz-retry {font-size: 16px!important}
.quiz-questions h3, .quiz-next .outer-wrap .inner-wrap h3, .quiz-next .outer-wrap .inner-wrap p {font-size: 26px!important}
iframe {height: 400px}
.quiz-questions h3 {max-width: 100%!important; line-height: 1.3!important}
.quiz-heading p {line-height: 1.4;}
.answer-a, .answer-b {font-size: 15px; line-height: 1.1;}
.quiz-answers ul li button {font-size: 30px!important}
.item2 .content-wrap, .item4 .content-wrap, .item6 .content-wrap, .item8 .content-wrap, .item10 .content-wrap {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.item2 .col40, .item4 .col40, .item6 .col40, .item8 .col40, .item10 .col40 {width: 100%!important; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; padding-bottom: 65px;}
.item2 .col60, .item4 .col60, .item6 .col60, .item8 .col60, .item10 .col60 {width: 100%!important; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; padding-left: 1%!important; padding-right: 1%!important;padding-top: 60px; padding-bottom: 50px;}
.interno-bottone-slider h2 {padding-top: 0px; margin-bottom: 40px; font-size: 36px!important;}
.interno-prima-primigi h1 {font-size: 36px!important;}
.section-intro-primigi {background-image:none!important}
.prima-solo-mobile {display: block!important;width: 130vw; max-width: none!important; position: relative!important; height: auto!important;}
.frecce-slide img {max-width: 35px!important;}
.risposta-finale {font-size: 26px!important; max-width: 100%!important}
.frecce-slide a {padding: 0 20px!important}
.interno-bottone-slider .bottone-leggi a {font-size: 16px!important}
.quiz-answers ul {max-width: 80%!important}
.quiz-next .outer-wrap .inner-wrap {width: 100%!important; max-width: 100%!important;}
body .section-description.section-description-2 {padding-bottom: 125px!important;}
.section-quiz {padding-bottom: 20px!important}
.quiz-answers ul li button {width: 60px!important; height: 60px!important}
.interno-bottone-slider.interno-bottone-slider-slide2 {padding-left: 40px!important; padding-right: 40px!important;}
.frecce-slide {padding-top: 20px!important}
body .section-description.section-description-2.section-scopri {padding-bottom: 90px!important}
.section-description.sd-01.prima-section {padding: 70px 0 60px 0!important;}
.full-height {min-height: auto!important;}
body .site-main .owl-carousel .item .cenerentola1 {max-width: none!important; height: auto!important; position: relative!important; right: 0!important; z-index: 1; width: 105vw!important; top: -4vw!important; max-height: none!important; right: -53vw!important;}
body .site-main .owl-carousel .item .scalinata1 {position: absolute; right: -24vw!important; max-width: none!important; width: 128vw!important; height: auto!important; max-height: none!important;}
.item1 .interno-bottone-slider h2 {padding-top: 120px;} 
body .site-main .owl-carousel .item .scarpetta1 {right: 41vw!important; width: 41vw!important; top: 47.95vw;}
body .site-main .owl-carousel .item .colonna-1 {position: relative!important; left: -24vw!important; width: 62vw!important; max-width: none!important; height: auto!important; top: -14vw!important;}
body .site-main .owl-carousel .item .colonna-2 {position: absolute!important; left: 30vw!important; width: 38vw!important; max-width: none!important; height: auto!important; top: -14vw!important;}
body .site-main .owl-carousel .item .colonna-3 {position: absolute; max-height: none!important; right: -21vw!important; top: -13vw!important; width: 62.5vw!important; max-width: none!important; height: auto!important; left: auto!important;}
.col-destra-slider {width: 100%!important}
.interno-bottone-slider {padding-left: 0px!important; padding-right: 0px!important}
.item7 .interno-bottone-slider h2 {padding-top: 50px;}
.item9 .interno-bottone-slider h2 {padding-top: 85px;}
.interno-bottone-slider h2 {max-width: 70%; margin-left: auto; margin-right: auto}
.item7 .interno-bottone-slider, .item9 .interno-bottone-slider, .item1 .interno-bottone-slider {padding-bottom: 100px}
.item3 .interno-bottone-slider h2 {padding-top: 50px;}
.item3 .interno-bottone-slider {padding-bottom: 100px}
.item5 .interno-bottone-slider h2 {padding-top: 80px}
.col-destra-slider {height: auto!important; display: block!important;}
body .site-main .owl-carousel .item .gatto-1 {top: auto!important; position: relative!important; height: auto!important; max-height: none!important; width: 93vw!important; padding-top: 80px; max-width: none!important;}
body .site-main .owl-carousel .item .colonna-4 {position: relative!important; max-height: none!important; max-width: none!important; height: auto!important; width: 105vw!important;}
body .site-main .owl-carousel .item .pollicino1 {max-height: none!important;height: auto!important; top: 6vw; width: 5.5vw!important; left: 3.5vw; max-width: none!important;}
body .site-main .owl-carousel .item .pollicino2 {max-height: none!important;height: auto!important; top: 18vw; width: 5.5vw!important; left: 3.5vw; max-width: none!important;}
body .site-main .owl-carousel .item .pollicino3 {max-height: none!important;height: auto!important; top: 30vw; width: 5.5vw!important; left: 3.5vw; max-width: none!important;}
body .site-main .owl-carousel .item .pollicino4 {max-height: none!important;height: auto!important; top: 65vw!important; width: 39vw!important; left: -13vw!important; max-width: none!important;}
body .site-main .owl-carousel .item .pollicino5 {max-height: none!important;height: auto!important; top: 95vw!important; width: 34vw!important; left: -13vw; max-width: none!important;}
body .site-main .owl-carousel .item .pollicino6 {max-height: none!important;padding-top: 3vw; position: relative; max-width: none!important; width: 110vw!important; margin-left: -5vw; height: auto!important;}
body .site-main .owl-carousel .item .pollicino7 {max-height: none!important;top: 6vw!important; width: 39vw!important; right: -15vw!important; max-width: none!important; max-height: none!important; height: auto!important; left: auto!important;}
body .site-main .owl-carousel .item .pollicino8 {max-height: none!important;height: auto!important; top: 71vw!important; width: 34vw!important; right: -11vw; left: auto!important; max-width: none!important;}
body .site-main .owl-carousel .item .pollicino9 {max-height: none!important;height: auto!important; top: 123vw!important; width: 5.5vw!important; right: 3.5vw!important; left: auto!important; max-width: none!important;}
body .site-main .owl-carousel .item .pollicino10 {max-height: none!important;height: auto!important; top: 111vw!important; width: 5.5vw!important; right: 3.5vw!important; left: auto!important; max-width: none!important;}
body .site-main .owl-carousel .item .pollicino11 {max-height: none!important;height: auto!important; top: 99vw!important; width: 5.5vw!important; right: 3.5vw!important; left: auto!important; max-width: none!important;}
.quiz-answers ul li button {padding: 0!important}
.item {background-repeat: repeat!important;}
.prima-scarpetta {position: absolute!important; width: 47vw!important; top: 17.8vw!important; left: 5vw!important;}
.section-cenerentola {background-size: cover; background-position: right!important; background-image: url(https://static2-advtools.rcsobjects.it/native-adv/longform/f03/corriere/primigi01/images/slide-05.jpg)!important}
.section-mago-oz {background-size: cover; background-position: left!important; background-image: url(https://static2-advtools.rcsobjects.it/native-adv/longform/f03/corriere/primigi01/images/slide-02.jpg)!important}
.section-scarpette-rosse {background-size: cover; background-position: top right!important; background-image: url(https://static2-advtools.rcsobjects.it/native-adv/longform/f03/corriere/primigi01/images/slide-03-mobile.jpg)!important}
.section-pollicino {background-size: cover; background-position: left!important; background-image: url(https://static2-advtools.rcsobjects.it/native-adv/longform/f03/corriere/primigi01/images/slide-04.jpg)!important}
.section-gatto-stivali {background-size: cover; background-position: left!important; background-image: url(https://static2-advtools.rcsobjects.it/native-adv/longform/f03/corriere/primigi01/images/slide-06.jpg)!important}
body .section-scarpette-rosse .item {background-image: url('https://static2-advtools.rcsobjects.it/native-adv/longform/f03/corriere/primigi01/images/slide-03-mobile.jpg')}
}
@media only screen and (min-width: 501px) and (max-width: 990px) {
.quiz-questions h3, .quiz-next .outer-wrap .inner-wrap h3, .quiz-next .outer-wrap .inner-wrap p, .risposta-finale {max-width: 90%!important; margin-left: auto!important; margin-right: auto!important}
body .site-main .desc-slider {max-width: 90%!important; margin: auto!important}
body .site-main .col-60 {max-width: 90%!important; margin: auto!important;}
.quiz-heading h2 {font-size: 70px!important; padding-top: 5vw!important;}
.quiz-questions h3, .quiz-next .outer-wrap .inner-wrap h3, .quiz-next .outer-wrap .inner-wrap p, .risposta-finale {font-size: 30px!important}
.section-description .col-60 p, .desc-slider, .quiz-heading p, .answer-a, .answer-b, .bottone-scopri a, .quiz-next1, .quiz-retry, .interno-prima-primigi p {font-size: 20px!important;}
}
button, a {-webkit-tap-highlight-color: rgba(0,0,0,0)!important;}
@media only screen and (max-width: 700px) {
.site-main {margin-top: 63px!important}
}
@media only screen and (min-width: 990px) and (max-width: 1200px) {
.section-mago-oz .interno-bottone-slider, .section-pollicino .interno-bottone-slider, .section-gatto-stivali .interno-bottone-slider {padding-left: 16vw!important; padding-right: 10px!important;}
.section-cenerentola .interno-bottone-slider, .section-scarpette-rosse .interno-bottone-slider {padding-left: 10px!important; padding-right: 16vw!important;}	
}