@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@font-face { font-family: 'AlegreyaSans';  src: url("../fonts/AlegreyaSans-Black.woff2") format("woff2"), url("../fonts/AlegreyaSans-Black.woff") format("woff"), url("../fonts/AlegreyaSans-Black.ttf") format("truetype");  font-weight: normal; font-style: normal; }


@font-face { font-family: 'NoteworthyBold';  src: url("../fonts/Noteworthy-Bold.woff2") format("woff2"), url("../fonts/Noteworthy-Bold.woff") format("woff"), url("../fonts/Noteworthy-Bold.ttf") format("truetype");  font-weight: normal; font-style: normal;font-display: swap; }


body, html { margin: 0; padding: 0; font-family: "Noto Sans", sans-serif; background-color: #FFFFFF; }

html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
p { color: #282728; text-align: center; font-size: 1.1rem; line-height: 1.4em; margin-bottom: 20px; font-family: "Noto Sans", sans-serif; font-weight: normal; }
img { display: block; width: 100%; margin: 0px auto; }

.nomob { display: block !important; }
@media (max-width: 780px) { .nomob { display: none !important; } }
.nodesk { display: none !important; }
@media (max-width: 780px) { .nodesk { display: block !important; } }

.lp-kinder-promo-visore {
    display: flex;
    z-index: 1;
    position: relative;
		margin-top: 54px;
}
.lp-kinder-promo-visore .box-visore-sx {
    width: 36%;
    padding-left: 9%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: url(../img/visore-desktop-sx.png) no-repeat bottom center;
    background-size: cover;
}
.lp-kinder-promo-visore .box-visore-dx {
    width: 64%;
}
.lp-kinder-promo-visore .box-visore-dx img {
    width: 100%;
    display: block;
}
.lp-kinder-promo-visore .title {
    color: #424242;
    text-align: left;
    font-size: 2.5em;
    line-height: 1.1em;
    margin-bottom: 20px;
    font-family: 'NoteworthyBold', sans-serif;
    font-weight: 700;
		margin-top: 0px;
	   padding-bottom: 0px;
	padding: 0px;
}
.lp-kinder-promo-visore .text {
    color: #424242;
    text-align: left;
    font-size: 1.0em;
    line-height: 1.4em;
    margin-top: 20px;
    margin-bottom: 40px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: normal;
}
.lp-kinder-promo-cta {
    font-family: 'AlegreyaSans', sans-serif;
    display: inline-block;
    position: relative;
    border: 0;
    border-radius: 90px;
    padding: 0.625rem 2.5rem;
    text-decoration: none;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transition: all .5s ease;
    z-index: 1;
    background: #f3410e;
    font-size: 1.8rem;
    box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.1); }
.lp-kinder-promo-cta:hover { background-color: #ca4726; }







.lp-kinder-promo-pack{
    z-index: 0;
    position: relative;
    display: flex;
    background: url(../img/bg-4-prodotti.jpg) no-repeat top center;
    background-size: 100% 100%;
    justify-content: center;
    padding: 13% 10% 9% 10%;
    top: -100px;
}
.lp-kinder-promo-pack .box-promo-sx{ }
.lp-kinder-promo-pack .box-promo-dx{ width: 40%; }
.lp-kinder-promo-pack .title{ font-family: 'AlegreyaSans', sans-serif; color: #ffffff; font-size: 1.4em; line-height: 1.1em;  }
.lp-kinder-promo-pack .text{
    color: #ffffff;
    text-align: left;
    font-size: 1.3em;
    line-height: 1.4em;
    margin-top: 20px;
    margin-bottom: 40px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: normal;
}
.lp-kinder-promo-cta-blue {
    font-weight: bold;
    font-family: 'AlegreyaSans', sans-serif;
    display: inline-block;
    position: relative;
    border: 0;
    border-radius: 90px;
    padding: 0.625rem 2.5rem;
    text-decoration: none;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transition: all .5s ease;
    z-index: 1;
    background: #6DE0F6;
    font-size: 1.8rem;
    box-shadow: 4px 4px 0 0 #ffffff;
}
.lp-kinder-promo-cta-blue:hover { background-color: #009fe3; }






.lp-kinder-promo-step{ text-align: center; margin-bottom: 100px; }
.lp-kinder-promo-step .title{
    font-family: 'AlegreyaSans', sans-serif;
    font-size: 2.625rem;
    color: #009FE3;
    font-weight: bold;
    text-transform: uppercase;
}
.lp-kinder-promo-step .text{
    font-family: 'AlegreyaSans', sans-serif;
    font-size: 16px;
    color: #6DE0F6;
    font-weight: bold;
    margin-top: 26px;
}




.lp-kinder-promo-premi{
    text-align: center;
    background: url(../img/bg.jpg) no-repeat top center;
    background-size: 100% 100%;
    padding: 8% 15%;
}
.lp-kinder-promo-premi .title{
    font-family: 'AlegreyaSans', sans-serif;
    font-size: 2.625rem;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}
.img5{width: 50%;}





.lp-kinder-promo-prodotti{text-align: center; margin: 10% 10% 5% 10%;}
.lp-kinder-promo-prodotti .title{
    font-family: 'AlegreyaSans', sans-serif;
    font-size: 2.625rem;
    color: #6DE0F6;
    font-weight: bold;
    text-transform: uppercase;
}
.lp-kinder-promo-cta-prodotti {
    font-family: 'AlegreyaSans', sans-serif;
    display: inline-block;
    position: relative;
    border: 0;
    border-radius: 90px;
    padding: 0.625rem 2.5rem;
    text-decoration: none;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transition: all .5s ease;
    z-index: 1;
    background: #6DE0F6;
    font-size: 1.8rem;
    box-shadow: 4px 4px 0 0 #459edd;
    font-weight: bold;
    text-transform: uppercase;
}
.lp-kinder-promo-cta-prodotti:hover { background-color: #009fe3; }

/* swiper */
.swiper-container { width: 100%; position: relative; overflow: hidden; margin: 5% 0; }
@media (max-width: 780px) { .swiper-container { height: 280px; } }
.swiper-slide { display: flex; justify-content: center; height: 100%;}
.swiper-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
@media (max-width: 780px) { 
	.swiper-slide img { object-fit: contain; object-position: center; width: 90%; margin: 0px auto; text-align: center; display: block; } 
}
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 5px; height: 5px; cursor: pointer; z-index: 1!important; color: rgba(255, 255, 255, 0) !important; }
.swiper-button-next img, .swiper-button-prev img { width: 100%; height: 100%; object-fit: contain; }
.swiper-button-next:hover, .swiper-button-prev:hover { opacity: 0.8; }
.swiper-button-next {  transform: translateY(-50%); right: 30%!important; width: 60px!important; height: 60px!important; }
.swiper-button-prev {  transform: translateY(-50%); left: 30%!important;  width: 60px!important; height: 60px!important; }

@media (max-width: 780px) {
	.swiper-button-next {   transform: translateY(10%); right: 2%!important; width: 60px!important; height: 60px!important;}
	.swiper-button-prev {  transform: translateY(10%); left: 2%!important;  width: 60px!important; height: 60px!important; }
 }


.swiper-slide-prev img {
  transform: rotate(-15deg) scale(0.7);
  transition: transform 0.5s ease;
}
.swiper-slide-active img {
  transform: rotate(0deg);
  transition: transform 0.5s ease;
}
.swiper-slide-next img {
  transform: rotate(15deg) scale(0.7);
  transition: transform 0.5s ease;
}


.lp-kinder-promo-faq{
    background-color: #87ddf3;
    position: relative;
    background-image: url('../img/bg-faq.jpg');
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;}

.lp-kinder-promo-faq::before,
.lp-kinder-promo-faq::after {
    content: "";
    display: block;
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center;
}

.lp-kinder-promo-faq::before {
    background-image: url('../img/onda-top.png');
    height: 100px;
    top: -5px;
    position: relative;
}

.lp-kinder-promo-faq::after {
    background-image: url('../img/onda-bottom.png');
    height: 100px;
}

.lp-kinder-promo-faq .faqtitle{
    font-family: 'AlegreyaSans', sans-serif;
    font-size: 2.625rem;
    color: #009FE3;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 8% 0 2% 0;
}
.accordion {
    max-width: 1200px;
    margin: 0px auto;
    background-color: #41C6EF;
    color: #ffffff;
    cursor: pointer;
    padding: 1em 1.5em;
    width: 100%;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: 'AlegreyaSans', sans-serif;
    font-size: 2.1em;
    transition: background-color 0.3s, padding-bottom 0.3s;
    position: relative;
    margin-top: 35px;
    border-radius: 35px;
    text-transform: uppercase;
}

.accordion .left {
    display: flex;
    align-items: center;
    gap: 1em;
}
.accordion .number {
    font-weight: bold;
    font-size: 1.6em;
    font-family: 'AlegreyaSans', sans-serif;
}
.accordion .title {
    font-weight: 600;
    text-align: left;
}
.accordion .symbol {
    font-weight: bold;
    font-size: 1.5em;
    user-select: none;
    font-family: sans-serif;
    color: #459edd;
    background-color: #ffffff;
    padding: 6px 23px 12px 26px;
    border-radius: 70px;
	min-width: 80px;
}
.accordion.active {
    background-color: #009FE3;
    color: white;
    padding-bottom: 0.4em;
    border-radius: 35px 35px 0 0;

}
.accordion.active::after {
    content: "";
    position: absolute;
    left: 1.5em;
    right: 1.5em;
    bottom: 0.1em;
    height: 2px;
    background-color: white;
}
.panel {
    background-color: #009FE3;
    color: white;
    font-size: 0.95em;
    max-width: 1200px;
    margin: 0px auto;
    font-family: 'AlegreyaSans', sans-serif;
    font-size: 1.4em;
    line-height: 1.4em;
    text-transform: uppercase;
    padding: 20px 20px 20px 46px;
    border-radius:  0 0 35px 35px;
    box-shadow: 0 6px 0 0 #ffffff;
    display: none;

}
.panel.open {
    display: block;
}
#accordion-container > .accordion.hidden,
#accordion-container > .panel.hidden {
    display: none !important;
}

#accordion-container{
margin-bottom: 50px;}

#show-more-btn {
    font-family: 'AlegreyaSans', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.8rem;
    padding: 0.6em 1.2em;
    cursor: pointer;
    background-color: transparent;
    color: #009FE3;
    border: none;
    border-radius: 0;
    user-select: none;
    transition: color 0.3s;
    display: block;
    margin: 0 auto;
    text-decoration: underline;
}
#show-more-btn:hover {
    color: #009FE3;
    background-color: transparent;
    text-decoration: underline;
}
#show-more-btn img {
    width: 20px;
    height: 12px;
    display: inline-block;
}

.lp-kinder-promo-cta-white {
    font-weight: bold;
    text-align: center;
    font-family: 'AlegreyaSans', sans-serif;
    display: inline-block;
    position: relative;
    border: 0;
    text-decoration: underline;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transition: all .5s ease;
    z-index: 1;
    font-size: 1.8rem;
    text-transform: uppercase;
    display: block;
    margin: 50px 0 150px 0;
}
.lp-kinder-promo-cta-blue:hover { background-color: #009fe3; }







/* solo visore */
@media (max-width: 1080px) {
    .lp-kinder-promo-visore .box-visore-sx {
        width: 44%;
        padding-left: 4%;
    }
    .lp-kinder-promo-visore .box-visore-dx {
        width: 56%;
    }
    .lp-kinder-promo-visore .title {
        font-size: 1.8em;
        line-height: 1.0em;
        margin-bottom: 0px;
    }
    .lp-kinder-promo-visore .text {
        font-size: 1.0em;
        line-height: 1.4em;
        margin-top: 15px;
        margin-bottom: 20px;
    }
}

/* mobile */
@media (max-width: 780px) {
    .nomob { display: none !important; }
    .nodesk { display: block !important; }
    .lp-kinder-promo-visore {
        text-align: center;
        display: flex;
        z-index: 100;
        position: relative;
        flex-direction: column-reverse;
        margin-bottom: 160px;
				margin-top: 30px;
    }
    .lp-kinder-promo-visore .box-visore-sx {
        text-align: center;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: url(../img/visore-desktop-sx.png) no-repeat bottom center;
        background-size: cover;
    }
    .lp-kinder-promo-visore .box-visore-dx {
        width: 100%;
    }
    .lp-kinder-promo-visore .box-visore-dx img {
        width: 100%;
        display: block;
    }
    .lp-kinder-promo-visore .title {
        text-align: center;
    }
    .lp-kinder-promo-visore .text {
        text-align: center;
    }

    .lp-kinder-promo-pack{
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 16% 10% 20% 10%;
        top: -50px;
        background: url(../img/bg-4-prodotti-mobile.jpg) no-repeat top center;
        background-size: 100% 100%;
    }
    .lp-kinder-promo-pack .box-promo-dx{ width: 100%; }
    .lp-kinder-promo-pack .text{
        text-align: center;
    }
    .lp-kinder-promo-faq {
        background-image: url(../img/bg-faq.jpg);
    }
    .img5{width: 100%;}
    .lp-kinder-promo-step .title{
        font-size: 2.1rem;
    }
    .lp-kinder-promo-premi{
        text-align: center;
        background: url(../img/bg-mobile.jpg) no-repeat top center;
        background-size: 100% 100%;
        padding: 18% 15%;
    }
    .lp-kinder-promo-premi .title{
        font-size: 2.1rem;
    }
    .lp-kinder-promo-prodotti .title{
        font-size: 2.1rem;
    }
    .lp-kinder-promo-faq .faqtitle{
        margin: 0 5%;
        font-size: 1.8rem;
    }
    #accordion-container {
        margin: 5%;
    }
    .accordion {
        padding: 20px 30px;
    }
    .accordion .title {
        font-size: 1.2rem;
    }
    .accordion .symbol {
        font-size: 1.5em;
        padding: 2px 20px 7px 20px;
        border-radius: 70px;
			min-width: 70px;
    }
    .lp-kinder-promo-faq::before {
        background-image: url(../img/onda-top.png);
        height: 100px;
        top: -2px;
        position: relative;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top;
    }
    .lp-kinder-promo-faq::after {
        background-image: url(../img/onda-bottom.png);
        height: 100px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }
}