body { overflow-x:hidden; }

.btn { font-family: "Roboto", sans-serif; font-weight: 700; font-style: normal; border-radius:30px; }
.btn-grande { background: linear-gradient(#cd0f0f, #9e0202); color:#ffffff; }
.btn-grande:hover { background: linear-gradient(#e66465, #9e0202); color:#ffffff; }
.btn-download { background: linear-gradient(#cd0f0f, #9e0202); color:#ffffff; }
.btn-download:hover { background: linear-gradient(#e66465, #9e0202); color:#ffffff; }
.btn-piccolo { background: linear-gradient(#cd0f0f, #9e0202); color:#ffffff; }
.btn-piccolo:hover { background: linear-gradient(#e66465, #9e0202); color:#ffffff; }
.btn-nero { background-color:#000000; color:#ffffff; }
.btn-nero:hover { background-color:#ffffff; color:#000000; border:1px solid #000000; }
.btn-bianco { background-color:#ffffff; color:#000000; border:1px solid #000000; }
.btn-bianco:hover { background-color:#ffffff; color:#9e0202; border:1px solid #9e0202; }

.area-rhino { background-color:#f6f6f6; }
.rhino-destro { text-align:center; }

.aggiornamento-rhino { background-color:#ffffff; border-radius:18px; text-align:center; }
.aggiornamento-riga { border:1px solid #e6e6e6; border-radius:18px; text-align:left; }
.aggiornamento-continua { text-align:right; }

.area-bottoni { background-color:#ffffff; text-align:center; }

.area-licenze { display:block; background-color:#ffffff; text-align:center; }
.licenze-box { border:1px solid #e6e6e6; border-radius:18px; text-align:center; }
.licenze-gratis { position:absolute; z-index:3; }
.licenze-over { display:none; background-color:#ffffff; text-align:center; }

.area-utilizzatori { text-align:center; }
.utilizzatori-immagine { border-radius:32px; text-align:center; background-color:#ffffff; }

.area-testimonianze {  background-color:#ffffff; text-align:center; }
.testimonianze-aperte { text-align:left; }
.testimonianze-chiuse { text-align:right; }

.area-ecosistema { background-color:#f6f6f6; text-align:center; }
.ecosistema-sistema { text-align:center; }
.ecosistema-bianco { background-color:#ffffff; border-radius:18px; }
.ecosistema-assoluto { position:relative; z-index:3; border-radius:18px; background-color:#ffffff; }
.area-imparare { background-color:#f6f6f6; text-align:center; }
.imparare-immagine { border-radius:32px; text-align:center; background-color:#ffffff; }
.area-footer { text-align:center; }
.bassa-footer { background-color:#ffffff; border-radius:18px; text-align:center; }

.area-bread { text-align:right; }
.interna-titolo { text-align:center; }
.rhino-per-insegnanti {  background-color:#ffffff; }

.row.align-items-center { display: flex; flex-wrap: wrap; align-items: center; }

.quantity-selector { display: flex; align-items: center; }

.quantity-btn { background-color: #f8f9fa; border: 1px solid #ced4da; color: #495057; padding: 6px 12px; cursor: pointer; font-size: 16px; font-weight: bold;     height: 34px; width: 40px; display: flex; justify-content: center; align-items: center; outline: none; }

.quantity-input { width: 60px; height: 34px; text-align: center; border-top: 1px solid #ced4da; border-bottom: 1px solid #ced4da; border-left: none; border-right: none; margin: 0; padding: 6px; -moz-appearance: textfield; }

.quantity-input::-webkit-outer-spin-button, 
.quantity-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }


@media (min-width: 768px) { 
.col-sm-24, .col-md-24, .col-lg-24 { width: 20% !important; float: left; }
}


@media (max-width:767px) {
.btn-grande { padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; }
.btn-download { padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; }
.btn-piccolo { padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; }
.btn-nero { padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; }
.btn-bianco { padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; }	

.area-utilizzatori .row > div { width: 50% !important; float: left; }
.area-ecosistema .row > div { width: 50% !important; float: left; }
.area-imparare .row > div { width: 50% !important; float: left; }

.rhino-sinistro { padding-top:30px; }
.rhino-destro { padding-top:30px; padding-bottom:20px; }
.rhino-titolo { margin-top:10px; }
.rhino-testo { margin-top:20px; }
.rhino-info { margin-top:20px; }
.rhino-bottone { margin-top:40px; padding-bottom:20px; }

.area-aggiornamento { padding-top:20px; }
.aggiornamento-titolo { margin-bottom:20px; }
.aggiornamento-testi { margin-top:30px; }
.aggiornamento-subd { margin-top:30px; }
.aggiornamento-riga { margin-top:30px; padding:15px; }
.aggiornamento-sottotitolo { margin-bottom:10px; margin-top:20px; }
.aggiornamento-bottone { margin-top:30px; }
.aggiornamento-continua { padding-top:30px; }

.area-bottoni { padding-top:20px; margin-top:40px; background-color:#f6f6f6; }

.area-licenze { padding-top:30px; background-color:#f6f6f6; padding-bottom:30px; }
.licenze-bottoni { margin-bottom:10px; }
.licenze-box { margin-top:30px; padding:30px; padding-left:20px; padding-right:20px; }
.licenze-titolo { margin-top:10px; margin-bottom:10px; }
.licenze-gratis { top:0px; left:0px; }
.licenze-testi { margin-top:30px; margin-bottom:40px; }
.img-gratis { width:100px; height:auto; }
.licenze-over { padding-top:30px; background-color:#f6f6f6; padding-bottom:30px; }

.area-utilizzatori { margin-top:30px; background-image:url("/img/sfondo-utilizzatori.webp"); background-position:top center; background-repeat:no-repeat; background-color:#ececec; }
.utilizzatori-riga { border-top:1px solid #e1e1e1; margin-top:30px; padding-left:15px; padding-right:15px; }
.utilizzatori-testi { margin-top:20px; margin-bottom:20px; }
.utilizzatori-immagine { margin-top:20px; }
.utilizzatori-utilizzatore { padding:15px; }
.utilizzatori-testi2 { margin-top:30px; padding-bottom:30px; }

.area-testimonianze { padding-top:30px; padding-bottom:30px; }
.testimonianze-testi { padding-left:15px; padding-right:15px; margin-top:15px; padding-bottom:15px; }
.testimonianze-testo { padding-left:45px; padding-right:45px; margin-top:2px; padding-bottom:2px; }

.area-ecosistema { padding-top:30px; padding-bottom:30px; }
.ecosistema-riga { border-top:1px solid #e1e1e1; margin-top:30px; padding-left:15px; padding-right:15px; }
.ecosistema-sistema { margin-top:30px; }
.ecosistema-testi { margin-top:20px; margin-bottom:20px; }
.ecosistema-bianco { padding:15px; margin-top:50px; }
.ecosistema-assoluto { position:relative; padding-top:30px; }
.ecosistema-sinistro { margin-top:40px; }
.ecosistema-bottone { margin-bottom:45px; margin-top:30px; }
.ecosistema-destro { margin-top:30px; }

.area-imparare { padding-top:50px; }
.imparare-riga { border-top:1px solid #e1e1e1; margin-top:30px; padding-left:15px; padding-right:15px; }
.imparare-testi { margin-top:30px; margin-bottom:30px; }
.imparare-immagine { margin-top:30px; }
.imparare-argomento { padding:22px; }

.area-footer { background-image:url("/img/sfondo-footer.webp"); background-position:top center; background-repeat:no-repeat;  padding-top:60px; padding-bottom:50px; }
.bassa-footer { padding:15px; margin-top:60px; }
.footer-testi { margin-top:30px; }
.footer-policy { margin-top:20px; }

.footer-interna { background-image:url("/img/sfondo-footer.webp"); background-position:top center; background-repeat:no-repeat;  padding-top:60px; padding-bottom:50px; }
}


@media (min-width: 768px) {
.col-sm-24, .col-md-24, .col-lg-24 { width: 20% !important; float: left; }
}


@media(min-width:768px) and (max-width:991px) {
	
.btn-grande { width:204px; height:50px; padding-top:13px; }
.btn-download { width:204px; height:50px; padding-top:9px; }
.btn-piccolo { width:100px; height:48px; padding-top:12px; }
.btn-nero { width:100px; height:48px; padding-top:12px; }
.btn-bianco { width:100px; height:48px; padding-top:12px; }

.rhino-sinistro { padding-top:30px; }
.rhino-destro { padding-top:30px; padding-bottom:20px; }
.rhino-titolo { margin-top:10px; }
.rhino-sottotitolo { margin-top:-10px; }
.rhino-testo { margin-top:20px; padding-left:20px; margin-right:20px; }
.rhino-info { margin-top:20px; }
.rhino-bottone { margin-top:20px; }

.area-aggiornamento { min-height:1230px; background-image:url("/img/sfondo-aggiornamento.webp"); background-position:top center; background-repeat:no-repeat; background-color:#f6f6f6; padding-top:40px; }
.aggiornamento-rhino { margin-top:40px; padding:40px; margin-bottom:40px; }
.aggiornamento-titolo { margin-bottom:40px; }
.aggiornamento-testi { padding-left:30px; padding-right:40px; }
.aggiornamento-subd { margin-top:40px; }
.aggiornamento-riga { margin-top:30px; padding:15px; }
.aggiornamento-sottotitolo { margin-bottom:10px; margin-top:20px; }
.aggiornamento-bottone { margin-top:30px; }
.aggiornamento-continua { padding-top:90px; }

.area-bottoni { padding-top:40px; }

.area-licenze { padding-top:40px; }
.licenze-bottoni { margin-bottom:40px; }
.licenze-box { margin-top:30px; padding:30px; padding-left:20px; padding-right:20px; }
.licenze-titolo { margin-top:10px; margin-bottom:10px; }
.licenze-gratis { top:-35px; left:-35px; }
.licenze-testi { margin-top:30px; margin-bottom:40px; }
.img-gratis { width:100px; height:auto; }
.licenze-over { padding-top:40px; }

.area-utilizzatori { margin-top:50px; min-height:612px; background-image:url("/img/sfondo-utilizzatori.webp"); background-position:top center; background-repeat:no-repeat;  padding-top:40px; }
.utilizzatori-riga { border-top:1px solid #e1e1e1; margin-top:30px; padding-left:20px; padding-right:20px; }
.utilizzatori-testi { margin-top:30px; margin-bottom:30px; }
.utilizzatori-immagine { margin-top:30px; }
.utilizzatori-utilizzatore { padding:22px; }
.utilizzatori-testi2 { margin-top:40px; }

.area-testimonianze { padding-top:40px; }
.testimonianze-aperte { margin-left:0px; }
.testimonianze-chiuse { margin-right:0px; }
.testimonianze-testi { padding-left:50px; padding-right:50px; margin-top:30px; padding-bottom:20px; }
.testimonianze-testo { padding-left:30px; padding-right:30px; }

.area-ecosistema { padding-top:50px; padding-bottom:20px; }
.ecosistema-riga { border-top:1px solid #e1e1e1; margin-top:30px; padding-left:20px; padding-right:20px; }
.ecosistema-sistema { margin-top:30px; }
.ecosistema-testi { margin-top:20px; min-height:130px; }
.ecosistema-bianco { padding:25px; margin-top:50px; }
.ecosistema-assoluto { top:-70px; left:30px; width:260px; padding-top:30px; }
.ecosistema-sinistro { padding-left:20px; padding-right:20px; margin-top:-20px; }
.ecosistema-bottone { margin-bottom:45px; margin-top:35px; }
.ecosistema-destro { padding-left:25px; padding-right:25px; margin-top:-5px; }

.area-imparare { padding-top:20px; }
.imparare-riga { border-top:1px solid #e1e1e1; margin-top:30px; padding-left:50px; padding-right:50px; }
.imparare-testi { margin-top:40px; margin-bottom:30px; }
.imparare-immagine { margin-top:40px; }
.imparare-argomento { padding:22px; }

.area-footer { height:640px; background-image:url("/img/sfondo-footer.webp"); background-position:top center; background-repeat:no-repeat;  padding-top:100px; }
.bassa-footer { padding:40px; margin-top:40px; }
.footer-testi { margin-top:40px; }
.footer-policy { margin-top:25px; }
}


@media(min-width:992px) {
	
.btn-grande { width:234px; height:50px; padding-top:13px; }
.btn-download { width:234px; height:50px; padding-top:9px; }
.btn-piccolo { width:146px; height:48px; padding-top:12px; }
.btn-nero { width:146px; height:48px; padding-top:12px; }
.btn-bianco { width:146px; height:48px; padding-top:12px; }

.rhino-sinistro { padding-top:40px; }
.rhino-destro { padding-top:40px; padding-bottom:20px; }
.rhino-titolo { margin-top:10px; }
.rhino-sottotitolo { margin-top:-10px; }
.rhino-testo { margin-top:20px; padding-left:150px; margin-right:150px; }
.rhino-info { margin-top:20px; }
.rhino-bottone { margin-top:20px; }

.area-aggiornamento { min-height:1230px; background-image:url("/img/sfondo-aggiornamento.webp"); background-position:top center; background-repeat:no-repeat; background-color:#f6f6f6; padding-top:70px; }
.aggiornamento-rhino { margin-top:60px; padding:60px; margin-bottom:90px; }
.aggiornamento-titolo { margin-bottom:60px; }
.aggiornamento-testi { padding-left:100px; padding-right:100px; }
.aggiornamento-subd { margin-top:60px; }
.aggiornamento-riga { margin-top:30px; padding:15px; }
.aggiornamento-sottotitolo { margin-bottom:10px; margin-top:20px; }
.aggiornamento-bottone { margin-top:50px; }
.aggiornamento-continua { padding-top:58px; }

.area-bottoni { padding-top:50px; }

.area-licenze { padding-top:50px; }
.licenze-bottoni { margin-bottom:40px; }
.licenze-box { margin-top:30px; padding:50px; padding-left:40px; padding-right:40px; }
.licenze-titolo { margin-top:10px; margin-bottom:10px; }
.licenze-gratis { top:-35px; left:-35px; }
.licenze-testi { margin-top:40px; margin-bottom:50px; }
.licenze-over { padding-top:50px; }

.area-utilizzatori { margin-top:100px; min-height:812px; background-image:url("/img/sfondo-utilizzatori.webp"); background-position:top center; background-repeat:no-repeat;  padding-top:80px; }
.utilizzatori-riga { border-top:1px solid #e1e1e1; margin-top:30px; padding-left:50px; padding-right:50px; }
.utilizzatori-testi { margin-top:40px; margin-bottom:30px; }
.utilizzatori-immagine { margin-top:40px; }
.utilizzatori-utilizzatore { padding:22px; }
.utilizzatori-testi2 { margin-top:60px; }

.area-testimonianze { padding-top:100px; padding-bottom:50px; }
.testimonianze-aperte { margin-left:0px; }
.testimonianze-chiuse { margin-right:0px; }
.testimonianze-testi { padding-left:150px; padding-right:150px; margin-top:50px; padding-bottom:70px; }
.testimonianze-testo { padding-left:50px; padding-right:50px; }

.area-ecosistema { padding-top:100px; padding-bottom:20px; }
.ecosistema-riga { border-top:1px solid #e1e1e1; margin-top:30px; padding-left:50px; padding-right:50px; }
.ecosistema-sistema { margin-top:50px; }
.ecosistema-testi { margin-top:20px; min-height:130px; }
.ecosistema-bianco { padding:25px; margin-top:100px; }
.ecosistema-assoluto { top:-70px; left:77px; width:280px; padding-top:30px; }
.ecosistema-sinistro { padding-left:80px; padding-right:80px; margin-top:-20px; }
.ecosistema-bottone { margin-bottom:45px; margin-top:45px; }
.ecosistema-destro { padding-left:60px; padding-right:60px; margin-top:-5px; }

.area-imparare { padding-top:20px; }
.imparare-riga { border-top:1px solid #e1e1e1; margin-top:30px; padding-left:50px; padding-right:50px; }
.imparare-testi { margin-top:40px; margin-bottom:30px; }
.imparare-immagine { margin-top:40px; }
.imparare-argomento { padding:22px; }

.area-footer { height:840px; background-image:url("/img/sfondo-footer.webp"); background-position:top center; background-repeat:no-repeat;  padding-top:100px; }
.bassa-footer { padding:70px; margin-top:100px; }
.footer-testi { margin-top:70px; }
.footer-policy { margin-top:35px; }
}


@media(min-width:1200px) {
	
.container { width:1300px; }	
.btn-grande { width:254px; height:52px; padding-top:14px; }
.btn-download { width:254px; height:52px; padding-top:10px; }
.btn-piccolo { width:170px; height:52px; padding-top:14px; }
.btn-nero { width:170px; height:52px; padding-top:14px; }
.btn-bianco { width:170px; height:52px; padding-top:14px; }

.rhino-sinistro { padding-top:40px; }
.rhino-destro { padding-top:40px; padding-bottom:20px; }
.rhino-titolo { margin-top:10px; }
.rhino-sottotitolo { margin-top:-10px; }
.rhino-testo { margin-top:20px; padding-left:120px; margin-right:120px; }
.rhino-info { margin-top:20px; }
.rhino-bottone { margin-top:20px; }

.area-aggiornamento { min-height:1230px; background-image:url("/img/sfondo-aggiornamento.webp"); background-position:top center; background-repeat:no-repeat; background-color:#f6f6f6; padding-top:70px; }
.aggiornamento-rhino { margin-top:60px; padding:60px; margin-bottom:90px; }
.aggiornamento-titolo { margin-bottom:60px; }
.aggiornamento-testi { padding-left:100px; padding-right:100px; }
.aggiornamento-subd { margin-top:60px; }
.aggiornamento-riga { margin-top:30px; padding:15px; }
.aggiornamento-sottotitolo { margin-bottom:10px; margin-top:20px; }
.aggiornamento-bottone { margin-top:50px; }
.aggiornamento-continua { padding-top:40px; }

.area-bottoni { padding-top:50px; }

.area-licenze { padding-top:50px; }
.licenze-bottoni { margin-bottom:40px; }
.licenze-box { margin-top:30px; padding:30px; padding-left:15px; padding-right:15px; }
.licenze-titolo { margin-top:10px; margin-bottom:10px; }
.licenze-gratis { top:-5px; left:-5px; }
.licenze-testi { margin-top:40px; margin-bottom:50px; }
.licenze-over { padding-top:50px; }

.area-utilizzatori { margin-top:100px; min-height:812px; background-image:url("/img/sfondo-utilizzatori.webp"); background-position:top center; background-repeat:no-repeat;  padding-top:80px; }
.utilizzatori-riga { border-top:1px solid #e1e1e1; margin-top:30px; padding-left:50px; padding-right:50px; }
.utilizzatori-testi { margin-top:40px; margin-bottom:30px; }
.utilizzatori-immagine { margin-top:40px; }
.utilizzatori-utilizzatore { padding:22px; }
.utilizzatori-testi2 { margin-top:60px; }

.area-testimonianze { padding-top:100px; padding-bottom:100px; }
.testimonianze-aperte { margin-left:0px; }
.testimonianze-chiuse { margin-right:0px; }
.testimonianze-testi { padding-left:250px; padding-right:250px; margin-top:50px; padding-bottom:70px; }
.testimonianze-testo { padding-left:50px; padding-right:50px; }

.area-ecosistema { padding-top:100px; padding-bottom:100px; }
.ecosistema-riga { border-top:1px solid #e1e1e1; margin-top:30px; padding-left:50px; padding-right:50px; }
.ecosistema-sistema { margin-top:50px; }
.ecosistema-testi { margin-top:20px; height:100px; }
.ecosistema-bianco { padding:25px; margin-top:150px; }
.ecosistema-assoluto { top:-70px; left:147px; width:300px; padding-top:20px; }
.ecosistema-sinistro { padding-left:80px; padding-right:80px; margin-top:-20px; }
.ecosistema-bottone { margin-bottom:45px; margin-top:45px; }
.ecosistema-destro { padding-left:60px; padding-right:60px; margin-top:-5px; }

.area-imparare { padding-top:20px; }
.imparare-riga { border-top:1px solid #e1e1e1; margin-top:30px; padding-left:50px; padding-right:50px; }
.imparare-testi { margin-top:40px; margin-bottom:30px; }
.imparare-immagine { margin-top:40px; }
.imparare-argomento { padding:22px; }

.area-footer { height:1100px; background-image:url("/img/sfondo-footer.webp"); background-position:top center; background-repeat:no-repeat;  padding-top:200px; }
.bassa-footer { padding:70px; margin-top:200px; }
.footer-testi { margin-top:70px; }
.footer-policy { margin-top:35px; }

.footer-interna { height:800px; background-image:url("/img/sfondo-footer.webp"); background-position:top center; background-repeat:no-repeat;  }

.interna-testi { margin-top:30px; }
.interna-titolo { margin-top:-30px; }
.lavoro-tabella { height:140px; }
.lavoro-tabella2 { height:92px; }

.area-bread { margin-top:-60px; margin-bottom:60px; }

.rhino-per-insegnanti { padding-bottom:60px; }
.sposta-privacy { margin-top:55px; }
}

