/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
	line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body {
	margin:0;}
article,aside,footer,header,nav,section {
	display:block}
h1 {
	font-size:2em;margin:.67em 0}
figcaption,figure,main {
	display:block}
figure {
	margin:1em 40px}
hr {
	box-sizing:content-box;height:0;overflow:visible}
pre {
	font-family:monospace,monospace;font-size:1em}
a {
	background-color:transparent;-webkit-text-decoration-skip:objects}
abbr[title] {
	border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong {
	font-weight:inherit;font-weight:bolder}
code,kbd,samp {
	font-family:monospace,monospace;font-size:1em}
dfn {
	font-style:italic}
mark {
	background-color:#ff0;color:#000}
small {
	font-size:80%}
sub,sup {
	font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub {
	bottom:-.25em}
sup {
	top:-.5em}
audio,video {
	display:inline-block}
audio:not([controls]) {
	display:none;height:0}
img {
	border-style:none}
svg:not(:root) {
	overflow:hidden}
button,input,optgroup,select,textarea {
	font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
button,input {
	overflow:visible}
button,select {
	text-transform:none}
[type=reset],[type=submit],button,html [type=button] {
	-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
	border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
	outline:1px dotted ButtonText}
fieldset {
	padding:.35em .75em .625em}
legend {
	box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress {
	display:inline-block;vertical-align:baseline}
textarea {
	overflow:auto}
[type=checkbox],[type=radio] {
	box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
	height:auto}
[type=search] {
	-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
	-webkit-appearance:none}
::-webkit-file-upload-button {
	-webkit-appearance:button;font:inherit}
details,menu {
	display:block}
summary {
	display:list-item}
canvas {
	display:inline-block}
[hidden],template {
	display:none}
html {
	font-size:100%;box-sizing:border-box;scroll-behavior:smooth;line-height:1.35}
*,:after,:before {
	box-sizing:inherit}
body {
	font-family:'Delight',system-ui,sans-serif;font-weight:normal;background-color:#f5f9f6;font-size:1.7rem;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;color:#0e0e22;margin:0}
@media (max-width:1260px) {
	body {
	font-size:1.25rem}
}
@media (max-width:767px) {
	body {
	font-size:1.125rem}
}
h1,h2,h3 {
	font-size:1em;font-weight:inherit;margin:0;-webkit-font-smoothing: antialiased;}
a {
	text-decoration:none;color:inherit}
img,video {
	max-width:100%}
video {
	display:block}
.icon {
	max-width:25px;max-height:25px}
@media (max-width:767px) {
	.icon {
	max-width:16px;max-height:16px}
}
h1,p {
	line-height:inherit}
h1,p,ul {
	margin:0}
ul {
	list-style-type:none;padding:0}
.wrap {
	max-width:98.8125rem;margin:0 auto}
.content-wrapper {
	position:absolute;left:0;right:0;top:300px;padding:0 6.5rem}
@media (max-width:1024px) {
	.content-wrapper {
	padding:0 2.875rem}
}
@media (max-width:767px) {
	.content-wrapper {
	padding:0 .5rem;top:150px}
}
@media (max-width:375px) {
	.content-wrapper {
	top:400px}
}
.collegamento {
	text-decoration: underline;}
.collegamento:hover {
	color:#91bf80}
.verde {
	background-color:#91bf80}
.yellow {
	background-color:#fff09d}
.grigio {
	background-color:#e1e0df}
.white {
	background-color:#f5f9f6}
.border {
	border:2px solid #0e0e22}
.bordertop {
	border-top:2px solid #0e0e22}
@media (max-width:767px) {
	.border {
	border-width:1px}
}
.absolute {
	position:absolute}
.padding {
	padding:1.2375rem}
@media (max-width:1024px) {
	.padding {
	padding:1rem}
}
@media (max-width:767px) {
	.padding {
	padding:.6875rem}
}
li {
	cursor:pointer}
li a {
	display:block}
li:hover {
	background:#91bf80}
li:not(:last-child) {
	border-bottom:2px solid #0e0e22}
@media (max-width:767px) {
	li:not(:last-child) {
	border-width:1px}
}
.firma {
	padding-left: 4rem; font-style: italic;}
.title {
	font-weight: bold;}
.marquee3k {
	padding: 1.2375rem;overflow:hidden;white-space:nowrap}
.marquee3k .marquee3k-copy {
	padding-right:3rem}
.pubblicazione p {
	font-size: 1.2rem; margin-bottom: 6px}
@font-face {
	font-family: 'Delight';
    src: url('fonts/Delight-Light.eot'); /* IE9 Compat Modes */
    src: url('fonts/Delight-Light?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Delight-Light.woff') format('woff'), /* Modern Browsers */
         url('fonts/Delight-Light.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Delight-Light.ttf') format('truetype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
	font-family: 'Delight';
    src: url('fonts/Delight-SemiBold.eot'); /* IE9 Compat Modes */
    src: url('fonts/Delight-SemiBold?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Delight-SemiBold.woff') format('woff'), /* Modern Browsers */
         url('fonts/Delight-SemiBold.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Delight-SemiBold.ttf') format('truetype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}
.visuallyhidden {
	clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
.image-box,.text-box {
	border:2px solid #0e0e22}
@media (max-width:767px) {
	.image-box,.text-box {
	border-width:1px}
}
.image-box .title,.text-box .title {
	border-bottom:2px solid #0e0e22;background-color:#f9f8f5}
@media (max-width:767px) {
	.image-box .title,.text-box .title {
	border-width:1px}
}
.image-box .footer,.text-box .footer {
	margin-top:0;border-top:2px solid #0e0e22;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
@media (max-width:767px) {
	.image-box .footer,.text-box .footer {
	border-width:1px}
}
.image-box {
	overflow:hidden;background-color:#0e0e22}
.image-box img {
	min-width:100%}
.image-box .content {
	padding:0;line-height:0;min-width:100%}
.credits, 
.ancore {
	margin-top:.6875rem}
@media (min-width:768px) {
	.credits, 
	.ancore {
	width:47%;height:100%;margin-top:3rem}
}
@media (min-width:1025px) {
	.credits, 
	.ancore {
	margin-top:4.375rem}
}
.credits div:nth-child(n), 
.ancore div:first-child {
	border-bottom:2px solid #0e0e22;cursor:pointer;}
.credits div:last-child {
	border-bottom:none}
@media (max-width:767px) {
	.credits div:nth-child(n), 
	.ancore div:first-child {
	border-width:1px}
}
.credits a {
	display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;}
.credits a:hover, 
.ancore a:hover {
	background-color:#91bf80;cursor:pointer;}
.credits span+span,
.ancore span+span {
	border-left:2px solid #0e0e22;}
@media (max-width:767px) {
	.credits span+span,
.ancore span+span {
	border-width:1px}
}
.extra-content {
	display:none}
@media (min-width:768px) {
	.extra-content {
	margin-top:6rem}
}
@media (min-width:1025px) {
	.extra-content {
	margin-top:8.75rem}
}
.grid>div:not(.text-box) {
	line-height:0;background-color:#0e0e22;height:-webkit-min-content;height:-moz-min-content;height:min-content}
.grid img {
	width:100%;border:2px solid #0e0e22}
@media (max-width:767px) {
	.grid>div {
	margin:.6875rem 0}
.grid img {
	border-width:1px}
}
@media (min-width:768px) {
	.grid {
	display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12,1fr)}
.grid .one {
	grid-column:2/11}
.grid .two {
	-ms-grid-row:2;grid-row:2;grid-column:7/-1;z-index:1;height:-webkit-min-content;height:-moz-min-content;height:min-content;transform:translateY(-20%)}
.grid .three {
	-ms-grid-row:3;grid-row:3;grid-column:1/6}
.grid .four {
	-ms-grid-row:4;grid-row:4;grid-column:1/-1;margin-top:3rem}
}
.video {
	display:none;width:100%}
@media (max-width:767px) {
	.video {
	display:block;position:relative}
}
@media (min-width:768px) {
	.video {
	margin:12rem 0 6rem}
}
@media (min-width:1025px) {
	.video {
	margin:17.5rem 0 8.75rem}
}
.button {
	position:absolute;top:0;right:0;z-index:1;width:10%;height:10%;background:#fff09d;border:2px solid #0e0e22}
.button:focus {
	outline:none}
@media (max-width:767px) {
	.button {
	border-width:1px}
}
footer.footer {
	margin-bottom:1.5rem}
@media (min-width:768px) {
	footer.footer {
	margin-top:4.375rem}
}
@media (min-width:1200px) {
	footer.footer {
	margin-top:8.75rem}
}
@media (min-width:768px) {
	footer.footer .bottom {
	display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
footer.footer .bottom .links {
	width:50%}
}
.social-media {
	z-index:1;position:absolute;width:28%;background:#f9f8f5}
@media (max-width:767px) {
	.social-media {
	display:none}
}
.illustration {
	z-index:0}
@media (max-width:767px) {
	.illustration {
	padding:.6875rem .9375rem}
}
.links {
	z-index:2}
@media (max-width:767px) {
	.links {
	margin-top: 0.6875rem;}
}
.tornasu {
	display: block;
	position: fixed;
	bottom: 15px;
	right: 15px;
}
.play {
	display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;height:-webkit-min-content;height:-moz-min-content;height:min-content;cursor:pointer;-ms-flex-align:center;align-items:center;border:2px solid #000;line-height:0;background: #fff}
@media (max-width:767px) {
	.play {
	border-width:1px}
}
.play:hover {
	background:#91bf80}
.play div:first-of-type {
	-ms-flex:2;flex:2}
.play .play-button {
	padding:1rem}
@media (max-width:767px) {
	.play .play-button {
	border-width:1px}
}
.play .icon {
	display:block}
@media (min-width:768px) {
	.row {
	display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
}
.row .col {
	margin-top:4.375rem;height:-webkit-min-content;height:-moz-min-content;height:min-content}
@media (max-width:1024px) {
	.row .col {
	margin-top:3rem}
}
@media (max-width:767px) {
	.row .col {
	margin-top:.6875rem}
}
@media (max-width:767px) {
	.row .col.about {
	display:-ms-grid;display:grid;grid-auto-rows:auto}
}
@media (min-width:768px) {
	.row .col {
	width:47%;height:100%}
.row .col:nth-child(even) {
	transform:translateY(3rem)}
}
@media (min-width:1025px) {
	.row .col:nth-child(even) {
	transform:translateY(4.375rem)}
}
.about div {
	border-bottom:none}
.about div:last-child {
	border-bottom:2px solid #0e0e22}
@media (max-width:767px) {
	.about div:last-child {
	border-width:1px}
}
.header {
	padding-top:3rem}
@media (max-width:767px) {
	.header {
	padding-top:1rem;padding-bottom:0}
}
.header-marquee h1+h1 {
	padding-left:3rem}
.header-title {
	font-family:'Delight',sans-serif;
	font-weight:bold;
	font-size:6.2vw;
	text-align:center;
	color: #91bf80;
    -webkit-transform: scale(1.15, 0.9);
      -moz-transform: scale(1.15, 0.9);
      -o-transform: scale(1.15, 0.9);
      transform: scale(1.15, 0.9);}
.header-subtitle {
	font-family:'Delight',sans-serif;
	font-weight:bold;
	font-size:3.35vw;
	text-align:center;
	color: #91bf80;
    -webkit-transform: scale(1.15, 0.9);
      -moz-transform: scale(1.15, 0.9);
      -o-transform: scale(1.15, 0.9);
      transform: scale(1.15, 0.9);}
@media (max-width:767px) {
	.header-title {
	font-size:10vw;white-space:nowrap;line-height:2}
	.header-subtitle {
	font-size:5vw;white-space:nowrap;line-height:2}
}
@media (max-width:1024px) {
	.header-title {
	font-size:7.4vw;white-space:nowrap}
	.header-subtitle {
	font-size:3.7vw;white-space:nowrap}
}
@media (min-width:1730px) {
	.header-title {
	font-size:5.5vw}
	.header-subtitle {
	font-size:2.75vw}
}
@media (min-width:2000px) {
	.header-title {
	font-size:5vw}
	.header-subtitle {
	font-size:2.5vw}
}
@media (min-width:2300px) {
	.header-title {
	font-size:4.5vw}
	.header-subtitle {
	font-size:2.25vw}
}
.hero {
	position:absolute;top:0;left:0;right:0;overflow-x:hidden;z-index:-1}
@media (max-width:375px) {
	.hero .video-wrapper {
	transform:translateX(-10%);min-width:150%}
}
@media (min-width:1000px) {
	.hero .video-wrapper {
	max-width:60%;margin:0 auto}
}
@media (min-width:768px) {
	.playground.show-for-small {
	display:none}
}
@media (max-width:767px) {
	.playground.show-for-small {
	display:block}
}
@media (min-width:768px) {
	.playground.show-for-medium {
	display:block}
}
@media (max-width:767px) {
	.playground.show-for-medium {
	display:none}
}
@media (min-width:768px) {
	.talks.show-for-small {
	display:none}
}
@media (max-width:767px) {
	.talks.show-for-small {
	display:block}
}
@media (min-width:768px) {
	.talks.show-for-medium {
	display:-ms-flexbox;display:flex}
}
@media (max-width:767px) {
	.talks.show-for-medium {
	display:none}
}
.questions {
	margin-top:4.375rem}
@media (max-width:1024px) {
	.questions {
	margin-top:3rem}
}
@media (max-width:767px) {
	.questions,.questions .col {
	margin-top:.6875rem}
}
.questions.show-for-medium-up {
	display:none}
@media (min-width:768px) {
	.questions.show-for-medium-up {
	display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}
.questions.show-for-medium-up .left-column,.questions.show-for-medium-up .right-column {
	display:-ms-grid;display:grid;grid-auto-rows:min-content}
}
@media (min-width:768px) {
	.questions {
	display:none}
.questions.show-for-medium-up,.questions.show-for-medium-up .left-column,.questions.show-for-medium-up .right-column {
	grid-gap:3rem}
.questions.show-for-medium-up .right-column {
	transform:translateY(3rem)}
}
@media (min-width:1025px) {
	.questions.show-for-medium-up,.questions.show-for-medium-up .left-column,.questions.show-for-medium-up .right-column {
	grid-gap:4.375rem}
.questions.show-for-medium-up .right-column {
	transform:translateY(4.375rem)}
}
@media (min-width:768px) {
	.details {
	display:-ms-grid;display:grid;-ms-grid-columns:3fr 2fr;grid-template-columns:3fr 2fr;grid-gap:3rem;-ms-flex-align:start;align-items:flex-start}
}
progress {
	display:inline-block;vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:auto;width:100%;background-color:#fff09d;border:none}
.progress-text {
	-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;}
.play-pause {
	margin-left:auto;border-left:2px solid #0e0e22;cursor:pointer;z-index:1;display:-ms-inline-flexbox;display:inline-flex;}
@media (max-width:767px) {
	.play-pause {
	border-width:1px}
}

div.jappo {
	width: 24%; margin: 0.5%; float: left;border: 2px solid #0e0e22;line-height: 0;}
@media screen and (max-width:950px){
  div.jappo {width: 49%; margin: 0.5%; float: left;}
}
@media screen and (max-width:600px){
  div.jappo {width: 100%;}
}

.link-amazon a {
	text-decoration: underline !important;
}
.link-amazon a:hover {
	color: #91bf80 !important;
}