@font-face {
	font-family: 'Sora-Regular';
	src: url('../fonts/Sora-Regular.eot');
	src:
		url('../fonts/Sora-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Sora-Regular.svg#Sora-Thin') format('svg'),
		url('../fonts/Sora-Regular.ttf') format('truetype'),
		url('../fonts/Sora-Regular.woff') format('woff'),
		url('../fonts/Sora-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Sora-Medium';
	src: url('../fonts/Sora-Medium.eot');
	src:
		url('../fonts/Sora-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Sora-Medium.svg#Sora-Thin') format('svg'),
		url('../fonts/Sora-Medium.ttf') format('truetype'),
		url('../fonts/Sora-Medium.woff') format('woff'),
		url('../fonts/Sora-Medium.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Sora-Light';
	src: url('../fonts/Sora-Light.eot');
	src:
		url('../fonts/Sora-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Sora-Light.svg#Sora-Thin') format('svg'),
		url('../fonts/Sora-Light.ttf') format('truetype'),
		url('../fonts/Sora-Light.woff') format('woff'),
		url('../fonts/Sora-Light.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MaterialIcons-Regular';
	src:
		url('../fonts/MaterialIcons-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "MaterialIcons-Regular";
	src: url("../fonts/MaterialIcons-Regular.eot"); /* IE9 Compat Modes */
	src:
		url("../fonts/MaterialIcons-Regular.otf") format("opentype"), /* Open Type Font */
		url("../fonts/MaterialIcons-Regular.svg") format("svg"), /* Legacy iOS */
		url("../fonts/MaterialIcons-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
		url("../fonts/MaterialIcons-Regular.woff") format("woff"), /* Modern Browsers */
		url("../fonts/MaterialIcons-Regular.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}
a,
a:active,
a:hover,
a:visited,
a:link,
body {
	font-family: 'Sora-Medium', sans-serif;
	color: inherit;
	text-decoration: none;
}
.modal-content::before,
.exp-keypoints-modal .bgi > div::before,
a.font-light,
a.font-light:active,
a.font-light:hover,
a.font-light:visited,
a.font-light:link,
.font-light {
	font-family: 'Sora-Light', sans-serif;
	color: inherit;
	text-decoration: none;
}
a.font-regular,
a.font-regular:active,
a.font-regular:hover,
a.font-regular:visited,
a.font-regular:link,
.font-regular {
	font-family: 'Sora-Regular', sans-serif;
	color: inherit;
	text-decoration: none;
}
a.material-icons,
a.material-icons:active,
a.material-icons:hover,
a.material-icons:visited,
a.material-icons:link,
.material-icons {
	font-family: 'MaterialIcons-Regular', sans-serif;
	color: inherit;
	text-decoration: none;
}
/*todo chrome.incognito.home si vede il testo di eye, questa pezza non funziona*/
html:not(.after-load) .material-icons {
	opacity: 0;
}

html {
	font-size: 4.8vw;
}
iframe {
	border: 0;
}

/* https://stackoverflow.com/questions/2610497/change-an-html5-inputs-placeholder-color-with-css */
input::-webkit-input-placeholder,
.radios textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: rgba(44, 49, 141, 0.5) !important;
	opacity: 1;
}
input::-moz-placeholder,
.radios textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: rgba(44, 49, 141, 0.5) !important;
	opacity: 1;
}
input::-ms-input-placeholder,
.radios textarea::-ms-input-placeholder { /* Microsoft Edge */
	color: rgba(44, 49, 141, 0.5) !important;
	opacity: 1;
}
input::placeholder,
.radios textarea::placeholder { /* Most modern browsers support this now. */
	color: rgba(44, 49, 141, 0.5) !important;
	opacity: 1;
}

.border-2 {
	border-width: 2px !important;
}

/*bg-fff*/
.modal.btn-out .btn,
.page.activities,
.page.textarea-container,
body.btn-fff .main-btn-container > .btn,
.c100:after,
.slider-tick {
	background-color: #fff !important;
}
--save-button-bg,
--picker-selection-bg,
.radio .switch::after,
.exp-nav-lesson[data-status="locked"] .bgc,
.exp-nav-lesson[data-status="todo"] .bgc,
.timeuse .binary a[data-value="1"].selected,
.slider.slider-horizontal::before,
.slider.slider-horizontal::after,
.slider.slider-horizontal .slider-handle,
.btn,
.radio .switch::after,
.exp-nav-lesson[data-status] .bgc.bg-blue,
.bg-gradient-blue,
.bg-blue {
	background-color: #2C318D !important;
}
.exp-nav-lesson[data-status="completed"] .bgc,
.bg-lilla {
	background-color: #C8C9E1 !important;
}
.exp-child-intro .bgi::after,
.bg-pink {
	background-color: #F7DDDE !important;
}
.bg-darkgrey {
	background-color: #4B4B4B !important;
}
.modal.confirm .btn.ok,
.exp-activity-step[data-step="3"] .exp-activity-step-intro,
.exp-activity-step-page-item .radios.multiple .radio.checked .switch::after,
.exp-nav-activity[data-status="locked"] .bgc,
.exp-nav-activity[data-status="todo"] .bgc,
.exp-nav-activity[data-status="waiting"] .bgc,
.radios.no-bg .radio:last-child .switch::after,
body.btn-fuksia .main-btn-container > .btn,
.timeuse .binary a[data-value="2"].selected,
body.bgc-fuksia select,
body.bgc-fuksia option,
.page.bg-fuksia select,
.page.bg-fuksia option,
.fuksia-dot,
.bg-gradient-fuksia,
.exp-nav-activity[data-status] .bgc.bg-fuksia,
.bg-fuksia {
	background-color: #FC3780 !important;
}
.bg-fuksia2 {
	background-color: #F2558F !important;
}
#modal-msg.app-end-feedback .modal-content,
.modal.exp-completed .modal-content,
.exp-nav-item[data-status="completed"],
.bg-lightcyan {
	background-color: #E0F7FA !important;
}
.exp-nav-activity[data-status="completed"] .bgc,
.bg-lightfuksia {
	background-color: #FEBAD4 !important;
}
/*#F2558F*/
.slider-track,
.bg-lightblue {
	/*blue, semi transparent*/
	background-color: rgba(44, 49, 141, 0.5) !important;
}
.bg-paleblue {
	/*blue, semi transparent*/
	background-color: rgba(44, 49, 141, 0.2) !important;
}
.timeuse-activities .item.selected,
.page.welcome .slider.slider-horizontal .slider-tick,
.radios.done:not(.multiple):not(.no-bg) .radio.checked,
.bg-gradient-cyan,
.bg-cyan {
	background-color: #B2EBF2 !important;
}
.bg-gradient-cyan {
	background:    -moz-linear-gradient(180deg, rgba(235, 252, 254, 0.30) 0%, rgba(174, 245, 254, 0.3) 100%) !important;
	background: -webkit-linear-gradient(180deg, rgba(235, 252, 254, 0.30) 0%, rgba(174, 245, 254, 0.3) 100%) !important;
	background:         linear-gradient(180deg, rgba(235, 252, 254, 0.30) 0%, rgba(174, 245, 254, 0.3) 100%) !important;
	background-color: #fff !important;
}
.bg-gradient-fuksia {
	background:    -moz-linear-gradient(180deg, rgba(252,55,128,.2) 0%, rgba(255,255,255,.2) 100%) !important;
	background: -webkit-linear-gradient(180deg, rgba(252,55,128,.2) 0%, rgba(255,255,255,.2) 100%) !important;
	background:         linear-gradient(180deg, rgba(252,55,128,.2) 0%, rgba(255,255,255,.2) 100%) !important;
}
.bg-gradient-blue {
	background:    -moz-linear-gradient(180deg, rgba(44, 49, 141,.2) 0%, rgba(255,255,255,.2) 100%) !important;
	background: -webkit-linear-gradient(180deg, rgba(44, 49, 141,.2) 0%, rgba(255,255,255,.2) 100%) !important;
	background:         linear-gradient(180deg, rgba(44, 49, 141,.2) 0%, rgba(255,255,255,.2) 100%) !important;
}
.bg-black01 {
	background-color: rgba(0, 0, 0, 0.1) !important;
}

body.poll:not(.poll-part-descr1) .main-btn-container > .btn {
	background-color: transparent !important;
}

.modal.btn-out .btn,
.exp-nav-lesson[data-status="completed"],
body[data-current-type="exp-descr"] .exp-intro header .title,
.timeuse .binary a[data-value="1"],
.timeuse .mark,
.progress-circle .c100 > span,
body.btn-bordered .main-btn-container > .btn,
body.btn-color-blue .main-btn-container > .btn,
body.poll:not(.poll-part-descr1) .main-btn-container > .btn > div,
.radios .radio,
.color-hover-blue:hover,
.color-blue {
	color: #2C318D !important;
}

[data-id="exp5_activity2_step2_page4_item1"],
[data-id="exp4_activity2_step1_page3_item5"],
[data-id="exp4_activity2_step1_page4_item5"],
a.down,
.exp-activity-step-page-item .radios.multiple .radio.checked,
.exp-activity-step-page[data-is-last][data-id*="step1"] [data-id$="_item1"] ._remember,
.exp-activity-step-page[data-is-last][data-id*="step1"] [data-id$="_item3"],
[data-id="exp1_activity2_step1_page2_item1"],[data-id="exp2_activity2_step1_page2_item1"],
[data-id="exp1_activity2_step1_page3_item1"],[data-id="exp2_activity2_step1_page3_item1"],
[data-id="exp1_activity2_step1_page4_item1"],[data-id="exp2_activity2_step1_page4_item1"],
[data-id="exp1_activity2_step1_page5_item1"],[data-id="exp2_activity2_step1_page5_item1"],
.exp-activity-step-page-item .radios:not(.multiple) > label:last-child,
[data-id$="_activity1_step1_page2_item3"],
[data-id="exp3_activity2_step1_page3_item1"],
[data-id="exp3_activity2_step2_page2_item2"],
body.btn-color-fuksia .main-btn-container > .btn,
.exp-nav-activity[data-status="completed"],
.main > header.xcolor-fuksia .close span,
.timeuse .binary a[data-value="2"],
[data-id="timeuse_part1_text1"] .mark,
.color-fuksia {
	color: #FC3780 !important;
}
.color-cyan {
	color: #E0F7FA !important;
}
[data-id="timeuse_summary"] .title .mark,
.poll-nav-item.completed,
.radios .radio.unclickable,
.radios.done:not(.multiple):not(.no-bg) .radio:not(.checked),
.form-control,
.color-lightblue {
	color: rgba(44, 49, 141, 0.5) !important;
}
.color-lilla {
	color: #C8C9E1 !important;
}
/*color-fff*/
.timeuse .binary a[data-value].selected {
	color: #fff !important;
}
.timeuse .radio .mark {
	color: inherit !important;
}

.timeuse .binary a[data-value="1"],
.progress-circle .c100 .bar,
.progress-circle .c100 .fill,
.radio .switch,
body.btn-bordered.btn-blue .main-btn-container > .btn,
.border-blue {
	border-color: #2C318D !important;
}
.modal.confirm .btn.ok,
.exp-activity-step-page-item .radios.multiple .radio.checked .switch,
.exp-activity-step-page-item .radios:not(.multiple) > label:last-child .switch,
.timeuse .binary a[data-value="2"],
body.btn-bordered.btn-fuksia .main-btn-container > .btn,
.border-fuksia {
	border-color: #FC3780 !important;
}
.radios:not(.multiple):not(.no-bg).done .radio:not(.checked) .switch,
.border-lightblue {
	border-color: rgba(44, 49, 141, 0.5) !important;
}
.modal.btn-out .btn {
	border-color: #fff !important;
}
#modal-msg.lock .modal-footer {
	display: none !important;
}
/*CIRCLE SPINNER START https://codepen.io/mrrocks/pen/ExLovj*/
.circle-spinner {
	-webkit-animation: rotator 1.4s linear infinite;
	animation: rotator 1.4s linear infinite;
}
@-webkit-keyframes rotator {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(270deg);
	}
}
@keyframes rotator {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(270deg);
	}
}
.path {
	stroke-dasharray: 187;
	stroke-dashoffset: 0;
	transform-origin: center;
	-webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
	animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}
@-webkit-keyframes colors {
	0% {
		stroke: #4285F4;
	}
	25% {
		stroke: #DE3E35;
	}
	50% {
		stroke: #F7C223;
	}
	75% {
		stroke: #1B9A59;
	}
	100% {
		stroke: #4285F4;
	}
}
@keyframes colors {
	0% {
		stroke: #4285F4;
	}
	25% {
		stroke: #DE3E35;
	}
	50% {
		stroke: #F7C223;
	}
	75% {
		stroke: #1B9A59;
	}
	100% {
		stroke: #4285F4;
	}
}
@-webkit-keyframes dash {
	0% {
		stroke-dashoffset: 187;
	}
	50% {
		stroke-dashoffset: 46.75;
		transform: rotate(135deg);
	}
	100% {
		stroke-dashoffset: 187;
		transform: rotate(450deg);
	}
}
@keyframes dash {
	0% {
		stroke-dashoffset: 187;
	}
	50% {
		stroke-dashoffset: 46.75;
		transform: rotate(135deg);
	}
	100% {
		stroke-dashoffset: 187;
		transform: rotate(450deg);
	}
}
/* CIRCLE SPINNER END */

/*font-weight-2*/
[data-id="exp5_activity2_step2_page4_item1"],
[data-id="exp4_activity2_step1_page3_item1"],
[data-id="exp4_activity2_step1_page4_item1"],
[data-id="exp3_activity2_step1_page3_item1"],
[data-id="exp3_activity2_step2_page2_item2"],
.exp-activity-step-page-item .radios.multiple .radio ._everyDays,
.exp-activity-step-page[data-is-last][data-id*="step1"] [data-id$="_item1"] ._remember,
.exp-activity-step-page[data-is-last][data-id*="step1"] [data-id$="_item3"],
.exp-activity-step-page[data-is-last][data-id*="step1"] li,
[data-id$="exp1_activity2_step1_page2_item1"],[data-id="exp2_activity2_step1_page2_item1"],
[data-id$="exp1_activity2_step1_page3_item1"],[data-id="exp2_activity2_step1_page3_item1"],
[data-id$="exp1_activity2_step1_page4_item1"],[data-id="exp2_activity2_step1_page4_item1"],
[data-id$="exp1_activity2_step1_page5_item1"],[data-id="exp2_activity2_step1_page5_item1"],
.exp-activity-step-page-item .accordion-item a,
[data-id$="_activity1_step1_page2_item2"],
[data-id$="_activity1_step1_page2_item3"],
.timeuse .mark,
.poll-quests .radio.checked,
.page.mainmenu.show-tab-exps .tab-nav-item:nth-child(1),
.page.mainmenu.show-tab-polls .tab-nav-item:nth-child(2) {
	font-weight: 600 !important;
}
/*font-weight-0*/
.exp-activity-step-page[data-is-last][data-id*="step1"] [data-id="exp5_activity1_step1_page3_item3"],
[data-id="exp4_activity1_step1_page2_item2"],
[data-id$="_activity1_step1_page2_item2"] li div,
.timeuse-quest[data-id="timeuse_part3_quest3"] .radio .mark,
.exp-activity-step-page[data-is-last][data-id*="step1"] li > div {
	font-weight: 400 !important;
}
/*font-size--1*/
.poll-nav-item.timeuse ._timeuseTitle span,
.exp-activity-step-page[data-is-last][data-id*="step1"] [data-id="exp5_activity1_step1_page3_item3"] {
	font-size: 0.9rem !important;
}
/*font-size-1*/
[data-id="exp4_activity2_step1_page3_item1"],
[data-id="exp4_activity2_step1_page4_item1"],
.exp-activity-step-page[data-is-last][data-id*="step1"] [data-id$="_item1"] ._remember {
	font-size: 1.2rem
}
/*font-size-2*/
[data-id="exp1_activity2_step1_page2_item1"],[data-id$="exp2_activity2_step1_page2_item1"],
.exp-activity-step-page[data-is-last][data-id*="step1"] [data-id$="_item1"] ._remember {
	font-size: 1.4rem
}

[data-id="exp4_activity2_step1_page3_item5"],
[data-id="exp4_activity2_step1_page4_item5"],
[data-id="exp4_activity2_step1_page3_item1"],
[data-id="exp4_activity2_step1_page4_item1"] {
	padding-bottom: 1.5rem;
}

.bgi-home {
	background-image: url("../images/home.png");
}
.bgi-home {
	background-position: center bottom;
	background-size: 102vw auto;
}
html[data-os-name="iOS"] .page.mainmenu .bgi-home {
	background-position: center bottom 11vh;
}
.bgi-logo {
	background-image: url("../images/logo.svg");
}
.bgi-logo-full {
	background-image: url("../images/logo-full.svg");
}
.bgi-gear-fuksia {
	background-image: url("../images/gear.svg");
}
header .bgi-gear-fuksia {
	background-position: right bottom;
	background-size: auto 80%;
}
.bgi-curve-blue {
	background-image: url("../images/curve-max991-blue.svg");
}
.bgi-curve-fuksia {
	background-image: url("../images/curve-max991-fuksia.svg");
}

/*lang text containers*/
span[class^="_"] {
	display: inline;
}

/******PAGE STRUCTURE*/
/*header*/
body.has-header .main {
	padding-top: 4.5rem;
}
/*pages-container*/
.pages-container {
}
body.has-header .pages-container {
	min-height: calc(100vh - 4.5rem);
}
/*page*/
/*8.5 for button, to put it in right vposition*/
.pages-container > .page {
	min-height: calc(100vh - 8.5rem);
}
/*4.5 for header, 8.5 for button, to put it in right vposition*/
body.has-header .pages-container > .page,
.timeuse-quest > .content {
	min-height: calc(100vh - 8.5rem - 4.5rem);
}
html[data-os-name="iOS"] .pages-container > .page {
	min-height: calc(100vh - 8.5rem - 3rem);
}
html[data-os-name="iOS"] body.has-header .pages-container > .page,
html[data-os-name="iOS"] .timeuse-quest > .content {
	min-height: calc(100vh - 8.5rem  - 4.5rem - 3rem);
}
.page.activities,
.page.textarea-container,
.exp-lesson-intro,
.exp-activity-step-intro {
	height: calc(100vh - 4.5rem);
}
/*btn*/
.btn-container {
	padding-top: 1.5rem;
	/*used when height of .pages-container>.page is over its min-height */
	padding-bottom: 3.5rem;
}

body:not([data-current-field="poll"]):not([data-current-field="timeuse"]) .main-btn-container {
	/*padding-top: 4vh;*/
}
/*gives vspace for autoscroll*/
html.keyboard-visible .main-btn-container {
	/*padding-bottom: 2rem;*/
}

.modal-dialog-scrollable .modal-content {
	overflow: visible !important;
}
.modal-content::before {
	/*content: '×';*/
	position: absolute;
	top: -2rem;
	right: 1rem;
	width: 1rem;
	height: 1rem;
	font-size: 1.7rem;
	color: #fff;
}
#modal-msg.alert .content,
#modal-msg.error .content {
	text-align: center;
}
#modal-msg.error .content {
	padding: 1rem 0;
}
#modal-msg .modal-footer .btn-parent {
	display: none;
}
#modal-msg.confirm .modal-footer .ko-parent,
#modal-msg.confirm .modal-footer .ok-parent,
#modal-msg:not(.confirm) .modal-footer .continue-parent {
	display: block !important;
}
.modal.btn-out .modal-footer {
	-webkit-transform: translateY(120%);
	transform: translateY(120%);
}
.modal.exp-completed .modal-body {
	padding-top: 0;
}
.modal.exp-completed .modal-content {
	margin-top: -4rem;
	background-image: url(../images/trophy-blue-complete.svg), url(../images/bg-congrats-fuksia.svg);
	background-size: auto 55%, auto 100%;
	background-position: center bottom -4.8rem, center bottom -13rem;
}

.btn {
	padding: 0.9rem 1rem;
}
.radius,
.radius-1,
.radius-100 {
	overflow: hidden;
}
img.story,
.radius {
	border-radius: 0.55rem !important;
}
.nj-picker-container ,
.nj-action-container > div,
#modal-msg.app-end-feedback .modal-content,
.radius-1 {
	border-radius: 1rem !important;
}
.radius-100 {
	border-radius: 1000px !important;
}
/*todo presi da eview, da sistemare*/
.slider.slider-horizontal .slider-handle,
.btn,
.shadow {
	box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.16);
}
.shadow2 {
	box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.10);
}
.exp-nav-item[data-status="completed"],
.exp-nav-activity[data-status="todo"] .bgc,
.shadow0,
body.btn-bordered .main-btn-container > .btn {
	box-shadow: none !important;
}
.box-shadow-b {
	box-shadow: 0 0 1.25rem 0 rgba(0,0,0,0.2);
}

/*update body.className to change/show bg, btn, btntext*/
.main > .bg {
	z-index: -1;
	opacity: 0;
}
body.bgc-gradient-fuksia .main > .bg {
	-webkit-transition: background .3s linear;
	transition: background .3s linear;
}

/*btn visibility*/
.btn-container {
	display: none;
}
body.show-btn .main-btn-container {
	display: block;
	-webkit-transition: -webkit-transform .4s;
	transition: transform .4s;
}
.main-btn-container > .btn > span {
	display: none;
}
body.btn-register .main-btn-container > .btn > .register,
body.btn-start    .main-btn-container > .btn > .start,
body.btn-continue .main-btn-container > .btn > .continue,
body.btn-explore  .main-btn-container > .btn > .explore,
body.btn-close    .main-btn-container > .btn > .close,
body.btn-next     .main-btn-container > .btn > .next,
body.btn-skip     .main-btn-container > .btn > .skip,
body.btn-login    .main-btn-container > .btn > .login,
body.btn-review   .main-btn-container > .btn > .review,
body.btn-whyisimportant .main-btn-container > .btn > .whyisimportant {
	display: block;
}
body.btn-bordered .main-btn-container > .btn {
	background-color: transparent !important;
}

.timeuse-summary .content[data-status="deleting"],
.timeuse-loop[data-status="deleting"],
.exp-nav-item[data-status="locked"],
.exp-nav-child[data-status="locked"],
body.btn-disabled .main-btn-container > .btn,
.disabled > .btn,
.btn.disabled {
	opacity: .5 !important;
	pointer-events: none !important;
	cursor: default !important;
}
textarea.disabled {
	opacity: 0 !important;
}

/* poll text groups*/
.poll-quests-viewgroup-container  {
	margin-top: 3rem;
	margin-bottom: -3rem;
	height: 0;
}
.poll-quest .text [data-view-group-text] {
	opacity: 0;
}
.poll-quest .text [data-view-group-text] + div {
	padding-top: 1rem;
}

/*radio*/
.poll-quest .radios {
	padding-top: 1vh;
}
.radios > .radio {
	margin-top: 0;
	-webkit-transition: background .2s !important;
	transition: background .2s !important;
}
.radios.multiple > .radio {
	-webkit-transition: color .2s !important;
	transition: color .2s !important;
}
.radio input[type="radio"] {
	display: none;
}
.radio .switch {
	display: inline-block;
	position: relative;
	/*fixed size avoids ugly roundings*/
	width: 15px;
	height: 15px;
	overflow: hidden;
	border: 2px solid;
	border-radius: 2px;
}
.radio .switch::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: transform .2s ease;
	transition: transform .2s ease;
}

.radios:not(.multiple) .radio .switch {
	/*fixed size avoids ugly roundings*/
	width: 17px;
	height: 17px;
}
.radios:not(.multiple) .radio .switch,
.radios:not(.multiple) .radio .switch::after {
	border-radius: 100px;
}
.radio input[checked="checked"] + .switch::after {
	-webkit-transform: scale(.65);
	transform: scale(.65);
}
.radios textarea {
	padding-left: 1.9rem;
	resize: none;
}
.radios .radio textarea,
.radios .radio input[type="number"] {
	opacity: 1;
	transition: opacity .3s;
}
.radios .radio textarea[disabled],
.radios .radio input[type="number"][disabled] {
	opacity: 0;
}
.poll-quest .text b {
	display: inline;
}

/*keyboard-visible*/
html.keyboard-visible .timeuse-textarea-container textarea.focused + div {
	padding-top: 3px !important;
}
html.keyboard-visible body.textarea-focused .main > header.show {
	display: none;
}

/*slider*/
.slider {
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}
.slider:not(.enabled) {
	opacity: .4;
}
.poll-quest .slider {
	opacity: 1;
}
.slider-track-low,
.slider-track-high,
.slider-selection.tick-slider-selection {
	display: none;
}
.range-bar {
	padding: 0 0.33rem;
}
.slider.slider-horizontal {
	width: 100%;
	height: .88rem;
}
.slider.slider-horizontal::before,
.slider.slider-horizontal::after {
	content: '';
	position: absolute;
	width: 2px;
	height: 0.9rem;
}
.slider.slider-horizontal::before {
	left: 0;
	bottom: 150%;
}
.slider.slider-horizontal::after {
	right: 0;
	top: 150%;
}
.slider.slider-horizontal .slider-track {
	height: 2px;
	margin-top: -1.0px;
	background-image: none;
}
.slider.slider-horizontal .slider-track,
.slider-tick {
	box-shadow: none;
}
.slider.slider-horizontal .slider-tick {
	top: 0.11rem;
	width: 0.66rem;
	height: 0.66rem;
	margin-left: -0.33rem;
	opacity: 1;
}
.slider.slider-horizontal .slider-handle {
	width: 0.88rem;
	height: 0.88rem;
	margin-left: -0.44rem;
	background-image: none;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.range-area[data-number-values="2"] .slider.slider-horizontal .slider-handle {
	-webkit-transition: none;
	transition: none;
}
.range-area[data-number-values="2"] .values {
	width: 33% !important;
}
.range-area[data-number-values="6"] .slider.slider-horizontal:not(.touched) .slider-handle {
	left: 50% !important;
}
.range-area:not([data-number-values="2"]) .slider.slider-horizontal::before,
.range-area:not([data-number-values="2"]) .slider.slider-horizontal::after,
.range-area .values {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .2s linear;
	transition: .2s linear;
}
.range-area .values:first-child {
	-webkit-transform-origin: left;
	transform-origin: left;
}
.range-area .values:last-child {
	-webkit-transform-origin: right;
	transform-origin: right;
}
.range-area[data-value="1"][data-number-values="7"] .slider.slider-horizontal::before,
.range-area[data-value="1"][data-number-values="7"] .values:first-child,
.range-area[data-value="7"][data-number-values="7"] .slider.slider-horizontal::after,
.range-area[data-value="7"][data-number-values="7"] .values:last-child {
	opacity: 1;
}
.range-area[data-value="2"][data-number-values="7"] .slider.slider-horizontal::before,
.range-area[data-value="2"][data-number-values="7"] .values:first-child,
.range-area[data-value="6"][data-number-values="7"] .slider.slider-horizontal::after,
.range-area[data-value="6"][data-number-values="7"] .values:last-child {
	opacity: 0.83;
}
.range-area[data-value="3"][data-number-values="7"] .slider.slider-horizontal::before,
.range-area[data-value="3"][data-number-values="7"] .values:first-child,
.range-area[data-value="5"][data-number-values="7"] .slider.slider-horizontal::after,
.range-area[data-value="5"][data-number-values="7"] .values:last-child {
	opacity: 0.66;
}
.range-area[data-number-values="2"] .slider.slider-horizontal::before,
.range-area[data-number-values="2"] .values:first-child,
.range-area[data-number-values="2"] .slider.slider-horizontal::after,
.range-area[data-number-values="2"] .values:last-child,
.range-area[data-value="4"][data-number-values="7"] .slider.slider-horizontal::before,
.range-area[data-value="4"][data-number-values="7"] .values:first-child,
.range-area[data-value="4"][data-number-values="7"] .slider.slider-horizontal::after,
.range-area[data-value="4"][data-number-values="7"] .values:last-child {
	opacity: 0.5;
}
.range-area[data-value="5"][data-number-values="7"] .slider.slider-horizontal::before,
.range-area[data-value="5"][data-number-values="7"] .values:first-child,
.range-area[data-value="3"][data-number-values="7"] .slider.slider-horizontal::after,
.range-area[data-value="3"][data-number-values="7"] .values:last-child {
	opacity: 0.33;
}
.range-area[data-value="6"][data-number-values="7"] .slider.slider-horizontal::before,
.range-area[data-value="6"][data-number-values="7"] .values:first-child,
.range-area[data-value="2"][data-number-values="7"] .slider.slider-horizontal::after,
.range-area[data-value="2"][data-number-values="7"] .values:last-child {
	opacity: 0.17;
}
.range-area[data-value="7"][data-number-values="7"] .slider.slider-horizontal::before,
.range-area[data-value="7"][data-number-values="7"] .values:first-child,
.range-area[data-value="1"][data-number-values="7"] .slider.slider-horizontal::after,
.range-area[data-value="1"][data-number-values="7"] .values:last-child {
	opacity: 0;
}
.range-area[data-value="1"][data-number-values="7"] .values:first-child,
.range-area[data-value="7"][data-number-values="7"] .values:last-child {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}
.range-area[data-value="2"][data-number-values="7"] .values:first-child,
.range-area[data-value="6"][data-number-values="7"] .values:last-child {
	-webkit-transform: scale(1.10);
	transform: scale(1.10);
}
.range-area[data-value="3"][data-number-values="7"] .values:first-child,
.range-area[data-value="5"][data-number-values="7"] .values:last-child {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.range-area[data-value="1"][data-number-values="6"] .slider.slider-horizontal::before,
.range-area[data-value="1"][data-number-values="6"] .values:first-child,
.range-area[data-value="6"][data-number-values="6"] .slider.slider-horizontal::after,
.range-area[data-value="6"][data-number-values="6"] .values:last-child {
	opacity: 1;
}
.range-area[data-value="2"][data-number-values="6"] .slider.slider-horizontal::before,
.range-area[data-value="2"][data-number-values="6"] .values:first-child,
.range-area[data-value="5"][data-number-values="6"] .slider.slider-horizontal::after,
.range-area[data-value="5"][data-number-values="6"] .values:last-child {
	opacity: 0.8;
}
.range-area[data-value="3"][data-number-values="6"] .slider.slider-horizontal::before,
.range-area[data-value="3"][data-number-values="6"] .values:first-child,
.range-area[data-value="4"][data-number-values="6"] .slider.slider-horizontal::after,
.range-area[data-value="4"][data-number-values="6"] .values:last-child {
	opacity: 0.6;
}
.range-area[data-value="4"][data-number-values="6"] .slider.slider-horizontal::before,
.range-area[data-value="4"][data-number-values="6"] .values:first-child,
.range-area[data-value="3"][data-number-values="6"] .slider.slider-horizontal::after,
.range-area[data-value="3"][data-number-values="6"] .values:last-child {
	opacity: 0.4;
}
.range-area[data-value="5"][data-number-values="6"] .slider.slider-horizontal::before,
.range-area[data-value="5"][data-number-values="6"] .values:first-child,
.range-area[data-value="2"][data-number-values="6"] .slider.slider-horizontal::after,
.range-area[data-value="2"][data-number-values="6"] .values:last-child {
	opacity: 0.2;
}
.range-area[data-value="6"][data-number-values="6"] .slider.slider-horizontal::before,
.range-area[data-value="6"][data-number-values="6"] .values:first-child,
.range-area[data-value="1"][data-number-values="6"] .slider.slider-horizontal::after,
.range-area[data-value="1"][data-number-values="6"] .values:last-child {
	opacity: 0;
}
.range-area[data-value="1"][data-number-values="6"] .values:first-child,
.range-area[data-value="6"][data-number-values="6"] .values:last-child {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}
.range-area[data-value="2"][data-number-values="6"] .values:first-child,
.range-area[data-value="5"][data-number-values="6"] .values:last-child {
	-webkit-transform: scale(1.10);
	transform: scale(1.10);
}
.range-area[data-value="3"][data-number-values="6"] .values:first-child,
.range-area[data-value="4"][data-number-values="6"] .values:last-child {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
/** martellata */
.range-area[data-value="100"][data-number-values="2"] .slider.slider-horizontal::before,
.range-area[data-value="-100"][data-number-values="2"] .slider.slider-horizontal::after {
	opacity: 0;
}
.range-area[data-number-values="2"] .slider.slider-horizontal::before,
.range-area[data-number-values="2"] .slider.slider-horizontal::after {
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.range-area.mood .slider.slider-horizontal::before,
.range-area.mood .slider.slider-horizontal::after {
	content: none;
}
.range-area.mood .slider-handle > div {
	position: absolute;
	width: 2rem;
	height: 2rem;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-top: -3rem;
}

/*visibility*/
.page:not([data-active="1"]):not(.page-over),
.poll-part:not([data-active="1"]),
.poll-descr:not([data-active="1"]),
.poll-part-descr:not([data-active="1"]),
.poll-quests:not([data-active="1"]),
.poll-end:not([data-active="1"]),
.timeuse-quests:not([data-active="1"]),
.exp-intro:not([data-active="1"]),
.exp-descr:not([data-active="1"]),
.exp-keypoints:not([data-active="1"]),
.exp-keypoint:not([data-active="1"]),
.exp-mainmenu:not([data-active="1"]),
.exp-lessons:not([data-active="1"]),
.exp-lesson:not([data-active="1"]),
.exp-lesson-intro:not([data-active="1"]),
.exp-lesson-main:not([data-active="1"]),
.exp-lesson-main > div:not([data-active="1"]),
.exp-activities:not([data-active="1"]),
.exp-activity:not([data-active="1"]),
.exp-activity-step:not([data-active="1"]),
.exp-activity-step-summary:not([data-active="1"]),
.exp-activity-step-intro:not([data-active="1"]),
.exp-activity-step-page:not([data-active="1"]),
.exp-congrats:not([data-active="1"]),
.exp-keypoints-modal:not([data-active="1"])
{
	display: none !important;
}
body[data-current-id="home"] > .main {
	padding-left: 0!important;
	padding-right: 0!important;
}

.shadower {
	left: 0;
	top: 0;
	height: 4.5rem;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

/*HEADER*/
.main > header {
	display: none;
	left: 0;
	top: 0;
}
.main > header.show {
	display: block;
}

.main > header.bg-transparent {
	box-shadow: none !important;
}
.main > header:not(.type-notitle) .texts.type-notitle,
.main > header:not(.type-poll)    .texts.type-poll,
.main > header:not(.type-timeuse) .texts.type-timeuse
{
	display: none;
}
.main > header:not(.has-progressbar) .progress-bar {
	display: none;
}
body[data-current-field="pollsoc"] .main > header .type-poll .title ._poll {
	display: none;
}

header a.close > span {
	letter-spacing: -0.15rem;
}

/*select*/
select {
	background-position: right -0.35rem center;;
}
body.bg-gradient-cyan select {
	/*hex color doesn'work*/
	background-image: url("data:image/svg+xml;utf8,<svg fill='rgb(44, 49, 141)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
	background-size: auto;
	background-position: right 0.6rem center;
}
.page.settings select {
	background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
	background-position: right;
}

/*pages*/
.page {
	width: 100%;
}
.page-over {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 100vh;
	z-index: 5;
	-webkit-transition: .4s;
	transition: .4s;
	-webkit-transform: translateX(101vw);
	transform: translateX(101vw);
}
.page-over.show,
.page-over[data-active="1"] {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

/*home*/
.page.home .bgi-home {
	height: 41vh;
}
.page.home .bgi-logo-full {
	height: 4.25rem;
	opacity: 0;
	-webkit-transition: opacity .2s ease-in;
	transition: opacity .2s ease-in;
}
.home-top {
	-webkit-transition: 0s ease-in;
	transition: 0s ease-in;
	/*-webkit-transform: translateY(calc(50vh - (4.8vw * 5)));*/
	/*transform: translateY(calc(50vh - (4.8vw * 5)));*/
}
body[data-current-id="home"] .main-btn-container .btn,
.home-middle,
.home-bottom {
	opacity: 0;
}
.home-middle {
	-webkit-transition: opacity .6s, transform .8s;
	transition: opacity .6s, transform .8s;
	-webkit-transform: translateY(15%);
	transform: translateY(15%);
}
body[data-current-id="home"] .btn-container {
	padding-top: 0;
}
body[data-current-id="home"] .pages-container > .page {
	min-height: calc(100vh - 10rem);
}
html[data-os-name="iOS"] body[data-current-id="home"] .pages-container > .page {
	min-height: calc(100vh - 10rem - 3rem);
}
.home-bottom {
	margin-top: 3.0vh !important;
	margin-bottom: 1.0vh !important;
}
body[data-current-id="home"] .main-btn-container .btn,
.home-bottom {
	-webkit-transition: opacity 1.0s;
	transition: opacity 1.0s;
}
.my-lang {
	opacity: 0;
}
body:not([data-current-id="home"]) .my-lang {
	display: none !important;
}
body[data-lang="it"] *[data-lang]:not([data-lang="it"]),
body[data-lang="en"] *[data-lang]:not([data-lang="en"]),
body[data-lang="fr"] *[data-lang]:not([data-lang="fr"]) {
	display: none !important;
}
.my-lang .material-icons {
	vertical-align: bottom;
}
body:not([data-current-id="home"]) .info-register,
body.logged .info-register {
	display: none !important;
}

	/*before animation*/
body[data-current-id="home"] .pages-container {
	-ms-flex-pack: end !important;
	-webkit-box-pack: end !important;
	-webkit-justify-content: flex-start !important;
	justify-content: flex-start !important;
}
input.password {
	/*font-family: sans-serif;*/
	letter-spacing: 0.1rem;
}
input.password + span.eye {
	right: 0;
	top: 0;
	padding: 0.45rem 0.8rem;
}

/*starting*/
.page.starting input[type="text"] {
	background-color: transparent;
}

/*welcome*/
.page.welcome > div {
	height: 33.333vh;
}

/*tabs*/
.tabs-nav {
	padding-bottom: 2.5rem;
}
.tabs-nav .line {
	height: 3px;
	-webkit-transition: margin .4s;
	transition: margin .4s;
}
.page.mainmenu.show-tab-polls .tabs-nav .line {
	margin-left: 50%;
}
.fuksia-dot {
	position: absolute;
	top: 1rem;
	right: .5rem;
	width: 4px;
	height: 4px;
	border-radius: 100px;
	opacity: 0;
}
.tab-pane {
	display: none;
}
.page.mainmenu.show-tab-exps  .tab-pane.pane-exps,
.page.mainmenu.show-tab-polls .tab-pane.pane-polls {
	display: block;
}
.tab-pane.pane-exps {
	padding-bottom: 13rem;
}
html[data-os-name="iOS"] .tab-pane.pane-exps {
	padding-bottom: 18rem;
}
.page.mainmenu .bgi-home {
	top: 0;
	left: 0;
	margin-left: -2rem;
	opacity: 0;
}
.page.mainmenu.show-tab-exps .bgi-home {
	-webkit-transition: opacity .4s;
	transition: opacity .4s;
	opacity: .5;
}

.progress-circle {
	float: right;
	width: 1.6rem;
	height: 1.6rem;
	margin-right: -0.2rem;
}
.poll-nav-item.completed .progress-circle {
	margin-right: -0.1rem;
}
.progress-circle .c100 {
	background-color: #D5D6E8 !important;
}
/*100% > hide cirlce and show check*/
.progress-circle .c100.p100,
.progress-circle .c100 + .check {
	display: none;
}
.progress-circle .c100.p100 + .check {
	display: block;
}

/*quests*/
body:not(.no-quests-transition) .quests-container,
body:not(.no-quests-transition) .poll-quests-viewgroup-container {
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.quests-container .vspace {
	height: 8vh;
	max-height: 3rem;
}


/* intros, ends*/
.poll-end .contents,
.poll-descr .contents {
	height: 52vh;
}
html[data-os-name="iOS"] .poll-end .contents,
html[data-os-name="iOS"] .poll-descr .contents {
	height: 44vh;
}

/*poll*/
.poll-part-descr .contents {
	min-height: 55vh;
}
html[data-os-name="iOS"] .poll-part-descr .contents {
	min-height: 45vh;
}

/*polls*/
.progress-bar {
	height: 4px;
	margin-top: -4px;
}
.progress-bar .progress {
	width: 0;
	-webkit-transition: width .5s ease-in-out;
	transition: width .5s ease-in-out;
}

/*timeuse*/
.timeuse-delete-loops {
	display: none;
}
body.timeuse-day-ended .timeuse-delete-loops {
	display: block;
}
.timeuse-quests header {
	margin-bottom: 8vh;
}
.timeuse span.mark {
	display: inline;
}
.timeuse-activities .back {
	top: 0
}
.timeuse-activities:not(.parent) > div {
	padding-top: 0
}
.timeuse-summary .moodchild span,
.timeuse-summary .moodparent span,
.timeuse span.mark[data-mark*="mood"] {
	display: inline-block !important;
	width: 1.6rem;
	vertical-align: middle;
}
.timeuse-loop {
	transition: opacity .2ms;
}
.timeuse-loop[data-status="deleting"] {
	opacity: .7 !important
}
.timeuse-loop[data-status="deleted"] {
	opacity: 0;
}
.timeuse-loop ul {
	margin: 0;
	padding-left: 1rem;
}
.timeuse-loop .action span {
	opacity: 0;
	transition: opacity .2s;
}
.timeuse-loop .accordion-item.collapsed .action span.look {
	opacity: 1;
}
.timeuse-loop .body article > div {
	padding-top: 0.75rem;
}
html.landscape[data-platform-type="desktop"] .page-over.timeuse-activities {
	min-height: 140vh;
}
[data-id="timeuse_part1_video1"] > div {
	height: 100vh !important;
}
[data-id="timeuse_part1_video1"] video {
	width: 100vw !important;
	max-width: 991px;
}
@media (orientation: landscape) and (max-width: 992px) {
	[data-id="timeuse_part1_video1"] > div > div:first-child {
		display: none;
	}
	[data-id="timeuse_part1_video1"] video {
		max-height: 90vh;
	}
}
/*hammershot*/
body[data-current-id="timeuse_part2_quest1"].main-btn-container,
body[data-current-id="timeuse_part2_quest2"].main-btn-container,
body[data-current-id="timeuse_part2_quest3"].main-btn-container,
body[data-current-id="timeuse_part2_quest4"].main-btn-container,
body[data-current-id="timeuse_part2_quest5"].main-btn-container,
body[data-current-id="timeuse_part2_quest6"].main-btn-container,
body[data-current-id="timeuse_part2_quest7"].main-btn-container,
body[data-current-id="timeuse_part2_quest8"].main-btn-container
{
	display: block;
}
.timeuse-quest[data-id="timeuse_part2_quest8"] .text {
	font-size: 1rem !important;
}
.page.activities,
.page.textarea-container {
	display: block !important;
	width: 100vw;
	overflow: auto;
}
.page.textarea-container {
	min-height: 200vh;
}
.page.activities .arrow-container {
	height: 1.28rem;
}
.page.activities .back.d-none,
.page.activities .item.d-none,
.page.timeuse .radio.d-none {
	display: none !important;
}
.page.activities .item {
	-webkit-transition: background .2s ;
	transition: background .2s;
}
.timeuse .binary a {
	-webkit-transition: all .2s ;
	transition: all .2s;
}
.timeuse[data-id="timeuse_part3_quest2"] .text {
	font-size: 1rem !important;
}
.timeuse[data-id="timeuse_part2_quest8"] li[data-label*="mood"] {
	white-space: nowrap;
}
.timeuse-quest[data-id="timeuse_part2_quest1"] {
	overflow-x: hidden;
}
.timeuse[data-id="timeuse_part2_quest8"] .binary {
	margin-top: 2rem !important;
}

/*settings*/
html[data-os-name="iOS"] .logout-container {
	padding-bottom: 15vh !important;
	padding-bottom: 7rem !important;
}
body:not(.logged) .page.settings *.show-not-logged ~ *:not(.show-not-logged) {
	display: none;
}
/*MATERIAL SWITCH*/
.mdc-switch {
	display: inline-block;
	position: relative;
	outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	order: 1;
}
.mdc-switch__track {
	box-sizing: border-box;
	width: 32px;
	height: 14px;
	border: 1px solid;
	border-radius: 7px;
	opacity: .38;
	transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1),background-color 90ms cubic-bezier(0.4, 0, 0.2, 1),border-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-switch--checked .mdc-switch__track {
	opacity: .54;
}
.mdc-switch .mdc-switch__track {
	background-color: #fff;
	border-color: #fff;
}
.mdc-switch__thumb-underlay {
	left: -18px;
	right: initial;
	top: -17px;
	width: 48px;
	height: 48px;
}
.mdc-switch__thumb-underlay {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	position: absolute;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webtki-transform: translateX(0);
	transform: translateX(0);
	transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1),
	background-color 90ms cubic-bezier(0.4, 0, 0.2, 1),
	border-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-switch__thumb-underlay {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	will-change: transform, opacity;
}
.mdc-switch--checked .mdc-switch__thumb-underlay {
	transform: translateX(20px);
}

.mdc-switch__thumb {
	box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0,0,0,.12);
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	border: 10px solid;
	border-radius: 50%;
	pointer-events: none;
	z-index: 1;
	background-color: #ffb8d2;
	border-color: #ffb8d2;
}
.mdc-switch.mdc-switch--checked .mdc-switch__thumb {
	background-color: #fff;
	border-color: #fff;
}

.mdc-switch__native-control {
	width: 68px;
	height: 48px;
}
.mdc-switch__native-control {
	left: 0;
	right: initial;
	position: absolute;
	top: 0;
	margin: 0;
	opacity: 0;
	cursor: pointer;
	pointer-events: auto;
}
.mdc-switch--checked .mdc-switch__native-control {
	transform: translateX(-20px);
}

/*time picker*/
.time-picker {
	letter-spacing: 4px;
}
/* column has to be the same hight as container for corect root margin*/
.number-swiper,
.number-swiper-column{
	height: 8.4rem;  /*3 elems*/
}
.time-picker,
.number-swiper {
	user-select: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	/* transition: .2s; */
	position: relative;
	font-size: 2rem;
}
.number-swiper-column::-webkit-scrollbar { display:none }
.number-swiper-column{
	overflow: scroll;
	scrollbar-width: none;
	list-style: none;
	padding: 0;
	margin: 0;
	scroll-snap-type: y mandatory;
	-webkit-mask-image: linear-gradient(0deg, transparent 5%, black 40%, black 60%, transparent 100%);
	mask-image: linear-gradient(0deg,  transparent 5%, black 40%, black 60%, transparent 100%);
	transition:.2s;
}
.number-swiper-column-animating {
	scroll-snap-type: none;
}
.number-swiper-column li {
	/* nothing can be in em or % unites because that's changed by active and changes break scroll snap */
	scroll-snap-align: center;
	transition: .2s;
	display: grid;
	align-items: center;
	line-height: 1.4;
	text-align: center;
	height: 2.8rem;
}
.number-swiper-column-2 li {
}
.number-swiper-column li.number-swiper-active-number{
}
.number-swiper .sep {
	padding: 0 0.5rem 0.5rem;
	font-weight: normal;
	line-height: 0.8;
}
html.touch .number-swiper .controls {
	display: none;
}
.timeuse-quests[data-answtype="time"] .number-swiper {
	font-size: 2rem;
}
.timeuse-quests[data-answtype="selector10"] .number-swiper {
	font-size: 4rem;
}
.timeuse-quests[data-answtype="time"] .number-swiper-column-1 li {
	padding-left: 2rem;
	font-size: 1.6rem;
}
.timeuse-quests[data-answtype="selector10"] .number-swiper-column-1 li {
	font-size: 2.6rem;
}
.timeuse-quest[data-id="timeuse_part3_quest3"] .btn-container {
	padding-top: 4rem !important;
}
header .timeuse-help {
	display: none;
}
body[data-current-id="timeuse_summary"] .timeuse-help,
body[data-current-type^="timeuse-part2-"] .timeuse-help {
	display: block;
}

/*exps*/
.exp-nav-item[data-status="hidden"] {
	display: none !important;
}
.exp-nav-item[data-status="completed"] {
	box-shadow: none !important;
}
.exp-nav-item[data-page-id="exp5"]:not([data-status="completed"]) ~ .redo-ending-anim,
.exp-nav-item[data-page-id="exp5"] + .next-exp-msg,
.exp-nav-item:not([data-status="locked"]) .available,
.exp-nav-item:not([data-status="completed"]) .check-container,
.exp-nav-item[data-status="completed"] .title,
.exp-nav-item[data-status="locked"] .title {
	display: none!important;
}
.exp-nav-item[data-status="completed"] .top {
	font-weight: 600;
	font-size: 0.9rem !important;
}
.page.exp .exp-intro .bgi {
	top: 0;
	left: 0;
	margin-left: -2rem;
	opacity: 0;
}
body[data-current-type="exp-descr"] .page.exp .bgi {
	opacity: 0.2;
}
body[data-current-type="exp-descr"] .exp-intro header .subtitle {
	opacity: 0;
}
svg.clipper {
	position: absolute;
	width: 0;
	height: 0;
}
.exp-mainmenu header.clipped {
	-webkit-clip-path: url(#exp-mainmenu-clip-path);
	clip-path: url(#exp-mainmenu-clip-path);
}
.exp-mainmenu header {
	height: 11rem;
	background-size: 100% auto;
}
.exp-nav-child[data-status="waiting"],
.exp-nav-child[data-status="completed"] {
	-webkit-transition: -webkit-transform .4s 1s;
	transition: transform .4s 1s;
	-webkit-transform: translateX(17%);
	transform: translateX(17%);
}
.exp-nav-child .title {
	min-height: 2.5rem;
}
.exp-nav-child[data-status="locked"] {
	opacity: 0.2 !important;
}
.exp-nav-child[data-status="locked"] .lock-container {
	visibility: visible!important;
}
.exp-nav-child-check .material-icons {
	width: 1.15rem;
	height: 1.15rem;
}

.exp-nav-activity {
	min-height: 5.15rem;
}
.exp-nav-activity[data-status="todo"] .date,
.exp-nav-activity[data-status="locked"] .date {
	visibility: hidden !important;
}
.exp-nav-activity:not([data-status="waiting"]) .started,
.exp-nav-activity:not([data-status="completed"]) .completed,
.exp-nav-activity:not([data-status="waiting"]) ~ .exp-nav-activity-calendar,
.exp-nav-child:not([data-status="completed"]) ~ .exp-nav-child-check,
.exp-nav-activity:not([data-status="todo"]) + .ghost {
	display: none;
}
.exp-nav-child .bgc {
}
.exp-nav-activity-calendar,
.exp-nav-child-check {
	position: absolute;
	left: 1px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.exp-descr .contents {
	min-height: 60vh;
}
.exp-keypoint {
	min-height: 60vh;
	padding-top: 10vh;
}
.exp-keypoint > .img > .fullsize {
	background-image: url(../images/exps/bg-keypoint.svg);
}
.exp-keypoint > .img > .fullsize.rotate-2 {
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
}
.exp-keypoint > .img > .fullsize.rotate-3 {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.exp-mainmenu header .keypoints-btns a {
	background-size: auto 60%;
}
.exp-mainmenu header .keypoints-btns a[data-href="exp2_keypoint2_modal"] {
	background-size: auto 55%;
}
.exp-mainmenu header .keypoints-btns a[data-href="exp2_keypoint3_modal"] {
	background-size: auto 50%;
}
.exp-keypoints-modal .bgi {
	background-size: auto 140%;
}
.exp-keypoints-modal .bgi::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
}
.exp-keypoints-modal .bgi > div::before {
	content: '×';
	position: absolute;
	top: -1rem;
	right: 2rem;
	width: 1rem;
	height: 1rem;
	font-size: 1.7rem;
	color: #fff;
}
[data-id="exp5"] .exp-keypoints-modal .bgi,
[data-id="exp1"] .exp-keypoints-modal .bgi {
	background-position: center bottom;
}
[data-id="exp1_keypoint2_modal"] .keypoint2 .img > div {
	padding-bottom: 0.75rem !important;
}
body[data-current-type="exp-activity-step-intro"] .exp-activity header .close,
body[data-current-type="exp-lesson-intro"] .exp-lesson header .close {
	visibility: visible !important;
	pointer-events: auto !important;
	cursor: pointer !important;
}
body[data-current-type="exp-activity-step-intro"] .exp-activity header .title,
body[data-current-type="exp-lesson-intro"] .exp-lesson header .title {
	visibility: hidden;
}
body[data-current-type="exp-activity-step-intro"] .exp-activity header .title {
	max-height: 2.5rem;
}
img.orsetto {
	margin: 3rem auto 1rem;
}
iframe.orsetto {
	width: 100vw;
	margin: 1rem -2rem 3rem;
	height: 57vw;
}
img.story {
	margin-bottom: 1.5rem;
}
a.down {
	padding: 3rem 0;
}

.exp-child-intro {
	overflow: hidden;
}
.exp-child-intro .bgi::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 100%;
	left: 0;
}
.exp-child-intro .curve {
	background-size: 100% auto;
	background-position: center bottom;
	padding-bottom: 4.5rem;
}
.exp-lesson header .title {
	min-height: 2.5rem;
}
.exp-lesson-intro .bgi {
	bottom: 0;
	left: 0;
}
.exp-lesson-text {
	min-height: 60vh;
}
.exp-lesson-exer {
	min-height: calc(100vh - 8.5rem - 4.5rem);
}
.exp-lesson-exer > div {
	left: 0;
	top: 40%;
	width: 100%;
}
.exp-activity-step-page-item.iframe-loaded > div,
.exp-lesson-exer.iframe-loaded > div {
	display: none;
}
.exp-lesson-exer iframe {
	height: 26.5rem;
	max-height: 70vh;
}

body[data-current-type="exp-activity-step-summary"] .exp-activity header,
body:not([data-current-type="exp-activity-step-summary"]) .exp-summary-skip {
	display: none;
}
.exp-lesson-intro .bgi {
	background-position: center 140%;
	background-size: 130%;
}
.exp-activity-step-intro[data-id="exp2_activity1_step2_intro"] .bgi {
	background-size: 100%;
}
.exp-activity-step-intro .top {
	max-height: 34vh;
}

.exp-activity-step[data-step="3"] .exp-activity-step-intro .bgi {
	display: none;
}
.exp-activity-step-intro .bgi {
	background-position: bottom;
	background-size: 105%;
}
.exp-activity[data-id="exp1_activity2"] .exp-activity-step-intro .bgi {
	background-position: center 23vh;
	background-size: 140%;
}
.exp-activity[data-id="exp2_activity1"] .exp-activity-step-intro .bgi {
	background-position: center bottom -1rem;
	background-size: 100%;
}
.exp-activity[data-id="exp3_activity2"] .exp-activity-step-intro .bgi {
	background-size: 115%;
}
.exp-activity[data-id="exp4_activity1"] .exp-activity-step-intro .bgi {
	background-position: center bottom -2rem;
}

@media (max-aspect-ratio: 8 / 16) {
	.exp-lesson-intro .bgi {
		background-position: center 100%;
	}
	.exp-activity-step-intro .bgi {
		background-position: center 90%;
	}
}
.exp-activity-step[data-step="3"] .exp-activity-step-intro .bgi {
	display: none;
}
.exp-activity-step-summary,
.exp-activity-step-page {
	min-height: calc(100vh - 8.5rem - 4.5rem);
}
html[data-os-name="iOS"] .exp-activity-step-summary,
html[data-os-name="iOS"] .exp-activity-step-page {
	min-height: calc(100vh - 8.5rem - 4.5rem - 3rem);
}
.exp-activity-step-page-item ul {
	padding-left: 1.2rem;
}
.exp-activity-step-page-item ol {
	padding: 0 0 0 1.3rem;
	margin: 0;
}
.exp-activity-step-page-item li:nth-child(n+2) {
	padding-top: 0.5rem;
}
[data-id$="_activity1_step1_page2_item2"] li:nth-child(n+2) {
	padding-top: 1rem;
}
.exp-activity-step-page[data-is-last][data-id*="step1"] [data-id$="_item3"] {
	padding: 1rem 0;
}
.exp-activity-step-page[data-id*="step1"] [data-id$="_item1"] ._remember{
	padding-bottom: 1rem;
	display: block;
}
[data-id$="_activity1_step1_page1_item1"] {
	padding-bottom: 0 !important;
}
[data-id$="_activity2_step1"] ul {
	margin: 0;
}
.exp-activity-step-page-item .accordion {
	padding-top: 2rem;
}
.exp-activity-step-page-item .accordion-item {
	padding-bottom: 1.5rem;
}
.exp-activity-step-page-item .accordion-item div {
	padding-top: 0.25rem;
}
.accordion .material-icons {
	font-size: 1.5rem;
	vertical-align: middle;
	line-height: 1;
}
.exp-activity-congrats > div {
	height: calc(100vh - 8.5rem);
}
.exp-activity-congrats .bgi-trophy {
	height: 90%;
	background-image: url(../images/back-trophy.svg),  url(../images/trophy-fuksia.svg);
	background-size: auto 90%, auto 80%;
}
.tortoise {
	padding-bottom: 8rem;
	margin-bottom: 2rem;
	background-image: url(../images/exps/bg-keypoint.svg),url(../images/turtleIcon.svg);
	background-size: contain, auto 85%;
}

.exps-ending .text-title {
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0;
	-webkit-transition: opacity .4s;
	transition: opacity .4s;
}
.exps-ending.iframe-loaded .text-title {
	opacity: 1;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.exps-ending .close-btn-container,
.exps-ending .text {
	left: 0;
	opacity: 0;
	display: none;
	-webkit-transition: opacity 1.5s;
	transition: opacity 1.5s;
}
.exps-ending .text {
	top: 0;
}
.exps-ending .close-btn-container {
	bottom: 2rem;
}
html[data-os-name="iOS"] .exps-ending .close-btn-container {
	bottom: 6rem;
}
.exps-ending.lighted .text-title {
	opacity: 0;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
.exps-ending.show-text .close-btn-container,
.exps-ending.show-text .text {
	display: block;
}

html.construct-bug-texImage2D-out-of-range .exps-ending iframe {
	display: none;
}
html.construct-bug-texImage2D-out-of-range .exps-ending {
	background-image: url("../images/ending.jpg");
	background-size: cover;
}

/*CUSTOMS*/

body[data-current-id="exp3_activity1_step1_page2"] .btn-container {
	padding-top: 0 !important;
}
[data-id="poll1_part3"] .contents > div,
[data-id="poll4_part1"] .contents > div,
[data-id="poll5_part1_quest32"] > div:first-child {
	font-size: 1rem !important;
}
.exp-activity-step-page-item .accordion-item div,
[data-id="poll5_part1_quest33"] > div:first-child  {
	font-size: 0.9rem !important;
}
body[data-current-id="poll5_part1_quest33"] .poll-quests header {
	margin-bottom: 2vh !important;
}
body[data-current-id="poll5_part1_quest33"] .poll-quests .radios {
	padding-top: 0 !important;
}
.poll-quest[data-id="poll5_part1_quest33"] .text {
	font-size: 1rem !important;
}
body:not([data-current-id="poll5_part1_quest32"]) .poll-quest[data-id="poll5_part1_quest32"],
body:not([data-current-id="poll5_part1_quest33"]) .poll-quest[data-id="poll5_part1_quest33"] {
	height: calc(100vh - 8.5rem - 4.5rem) !important;
	overflow: hidden;
}
.exp-lesson-exer[data-id="exp1_lesson3_main_exer"] {
	padding-top: 2rem;
}
[data-id="exp2_mainmenu"] header {
	background-size: 40% auto;
	background-position: center 25%;
}
[data-id="exp3_mainmenu"] header {
	background-size: cover;
}
[data-id="exp4_mainmenu"] header {
	background-size: 130% auto;
}
[data-id="exp4_lesson2_main_exer"] {
	padding-top: 1.5rem;
}

/*CUSTOMS btn*/
body[data-current-type="exp-lesson-intro"] .main-btn-container,
body[data-current-type="exp-activity-step-intro"] .main-btn-container {
	margin-top: -20vh;
}
body[data-current-type="exp-lesson-main-exer"] .btn-container {
	padding-top: 0.5rem;
}
body[data-current-type="exp-activity-step-summary"] .btn-container {
	padding-top: 0;
	margin-top: -1rem;
}
.desktop_resize{
	max-width:unset ;
	margin:unset;
}
@media (max-width: 475px) {
	body[data-current-id^="pollsoc1_part4_quest"]:not([data-current-id="pollsoc1_part4_quest4"]):not([data-current-id="pollsoc1_part4_quest5"]):not([data-current-id="pollsoc1_part4_quest6"])  .main-btn-container {
		-webkit-transform: translateY(-60%);
		transform: translateY(-60%);
	}
}

@media (max-width: 575px) {
	.timeuse a.back,
	.timeuse a.back-textarea {
		border-radius: 0 !important;
	}
	.exp-activity-step-page[data-page="1"][data-id="exp3_activity1_step1_page1"] {
		padding-top: 2rem!important;
	}
	.exp-activity-step-page[data-page="1"]:not([data-id="exp3_activity1_step1_page1"]):not([data-id="exp3_activity2_step1_page1"]):not([data-id="exp4_activity1_step1_page1"]):not([data-id="exp4_activity2_step1_page1"]) {
		padding-top: 0!important;
	}
	.exp-activity-step-page[data-id="exp4_activity1_step1_page1"] .exp-activity-step-page-item:nth-last-child(n+2),
	.exp-activity-step-page[data-id="exp4_activity2_step1_page1"] .exp-activity-step-page-item:nth-last-child(n+2) {
		padding-bottom: 0.5rem !important
	}
}
@media (max-width: 991px) {
	.page.exp .exp-intro .bgi {
		-webkit-transition: opacity .4s;
		transition: opacity .4s;
	}
	iframe.orsetto {
		border-radius: 0 !important
	}
}

@media (min-width: 576px) and (max-width: 991px) {
	.exp-activity-step-page-item {
		font-size: 1.2rem !important;
	}
}
@media (min-width: 576px) {
	.exp-mainmenu header.clipped {
		clip-path: none;
	}
	::-webkit-scrollbar {
		display: none;
	}
	/*firefox*/
	* {
		scrollbar-width: none;
	}
	.w-100vw {
		/*width: 375px !important;*/
	}
	.h-100vh {
		/*height: 667px !important;*/
	}
	.min-vh-100 {
		min-height: 667px !important;
	}
	html {
		font-size: 18px;
	}
	body {
		min-height: 100vh !important;
		height: auto !important;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	.main {
		width: 100vw;
	}
	.quests-parent {
		overflow: hidden;
	}
	.modal-dialog {
		width: 375px;
	}
	.page.welcome > div {
		/*h /3 */
		height: 222px;
	}
	.bgi-home {
		background-size: 383px auto;
	}
	.poll-descr .contents {
		height: 346px;
	}
	.poll-part-descr .contents {
		min-height: 366px;
	}
	.quests-container .vspace {
		height: 3rem;
	}
	/* poll text groups*/
	.poll-quests-viewgroup-container  {
		/* margin-top must be like vspace.height */
		margin-top: 3rem;
		margin-bottom: -3rem;
		height: 0;
	}
	.poll-quest .text [data-view-group-text] {
		opacity: 0;
	}
	.poll-quest .text [data-view-group-text] + div {
		padding-top: 1rem;
	}
	.page-over.timeuse-activities,
	.page-over.timeuse-textarea-container {
		padding-top: 1.5rem ;
		padding-bottom: 1.5rem ;
	}
	.exp-child-intro .curve {
		padding-bottom: 10rem;
	}
	[data-id="exp3_mainmenu"] header {
		background-size: 50% auto;
		background-position: center 33%;
	}
	.exp-lesson-intro .bgi {
		background-position: center 80%;
	}
	/*orsetto*/
	div[data-id="exp3_activity1_step1_page2"] {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	div[data-id="exp3_activity1_step1_page2"] > div {
		margin: 0 !important;
	}
	img.orsetto {
		margin: 3rem auto 1rem;
	}
	iframe.orsetto {
		width: 100%;
		margin: 1rem 0 2rem;
	}
}
@media (min-width: 992px) {
	iframe.orsetto {
		height: 28.1rem;
	}
	/*non ho tempo di farlo funzionare anche per tablet*/
	.exp-mainmenu header.clipped {
		-webkit-clip-path: url(#exp-mainmenu-clip-path-min576px);
		clip-path: url(#exp-mainmenu-clip-path-min576px);
	}
	.main {
		margin-left: -2rem;
		margin-right: -2rem ;
	}
	.font-size-2 {
		font-size: 1.8rem !important;
	}
	body[data-current-id="mainmenu"] .page.mainmenu {
		height: 100vh;
	}
	.main > header > div:not(.progress-bar) {
		margin-left: auto;
		margin-right: auto;
	}
	.page.home .bgi-home {
		height: 50vh;
	}
	body > .main > header,
	.w-100vw {
		width: 100vw !important ;
	}
	.page.settings {
		max-width: 100vw;
	}
	.bgi.fullsize {
		height: 100vh !important;
	}
	.page.exps-ending {
		max-width: initial;
		background-color: #0a0c22;
	}
	.page.exps-ending iframe,
	.exps-ending .text {
		width: 60vh !important;
	}
	.exps-ending .text {
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.page,
	.page.page-over.about > div,
	[data-view-group],
	.poll-quest,
	.page.timeuse,
	.exp-child header > .row,
	.exp-lesson-main,
	.exp-activity-step-page,
	.exp-activity-step-page > div:not(header) {
		max-width: 900px;
	}
	.page.welcome,
	.page.settings > div,
	.main > header > div:not(.progress-bar),
	div[data-id$="_congrats"] > div:nth-child(2) {
		max-width: 500px;
	}
	.tab-content,
	.home-top,
	.exp-keypoints-container {
		max-width: 990px;
	}
	.page.exp {
		max-width: 100vw;
	}
	.poll-descr .contents,
	.poll-part-descr .contents,
	.exp-child header > .row,
	.exp-lesson-text,
	.exp-activity-step-page,
	.exp-keypoint,
	.tabs-nav {
		padding-left: 250px !important;
		padding-right: 250px !important;
	}
	.page.mainmenu header,
	.pane-exps,
	.pane-polls,
	.poll-quest,
	[data-view-group],
	.timeuse-part1,
	.page.timeuse .content,
	.page.about > div,
	.page-over.timeuse-activities,
	.page-over.timeuse-textarea-container {
		padding-left: 200px !important;
		padding-right: 200px !important;
	}
	.page.mainmenu .bgi-home {
		background-size: 50vw auto;
	}
	.exp[data-id="exp1"] .exp-mainmenu header {
		background-position: 0 46%;
	}
	.exp[data-id="exp4"] .exp-mainmenu header {
		background-position: 50% 40%;
		background-size: 50%;
	}
	.exp[data-id="exp5"] .exp-mainmenu header {
		background-position: 50% 54%;
		background-size: 50%;
	}
	.exp-activity[data-id="exp3_activity2"] .exp-activity-step-intro .bgi,
	.exp-activity-step-intro .bgi {
		background-position: 110% 5%;
		background-size: 65%;
	}
	.exp-activity[data-id="exp1_activity1"] .exp-activity-step-intro .bgi,
	.exp-activity[data-id="exp3_activity2"] .exp-activity-step-intro .bgi {
		background-position: 48vw 20vh;
		background-size: 60vw;
	}
	.exp-activity[data-id="exp1_activity2"] .exp-activity-step-intro .bgi {
		background-position: 130% 20%;
		background-size: 70%;
	}
	.exp-activity[data-id="exp2_activity1"] .exp-activity-step-intro .bgi {
		background-position: 55vw 13vh;
		background-size: 55vw;
	}
	.exp-activity[data-id="exp2_activity2"] .exp-activity-step-intro .bgi {
		background-position: 130% 5%;
		background-size: 65%;
	}
	.exp-activity[data-id="exp3_activity1"] .exp-activity-step-intro .bgi {
		background-position: 130% 100%;
		background-size: 59%;
	}
	.exp-activity[data-id="exp4_activity1"] .exp-activity-step-intro .bgi {
		background-position: 130% 5vh;
		background-size: 59%;
	}
	.exp-activity[data-id="exp4_activity2"] .exp-activity-step-intro .bgi {
		background-position: 120% 5%;
		background-size: 65%;
	}
	.exp-activity[data-id="exp5_activity1"] .exp-activity-step-intro .bgi {
		background-position: 130% 5%;
		background-size: 65%;
	}
	body[data-current-type="exp-descr"] .main {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	body[data-current-type="exp-descr"] .contents {
		padding: 0;
	}
	body[data-current-type="exp-descr"] .bgi {
		height: 100vh !important;
	}
	a[data-status="completed"] div {
		height: min-content;
	}
	a.exp-nav-item[data-status="completed"] {
		min-height: unset;
		height: min-content;
		padding: 0 16px;
	}
	header .row {
		-ms-flex-pack: distribute;
		-webkit-justify-content: space-around;
		justify-content: space-around;
	}
	body[data-current-field="timeuse"] header .row {
		-webkit-box-pack: justify !important;
		-webkit-justify-content: space-between !important;
		justify-content: space-between !important;
	}
	.exp-activity-step-page-item{
		margin-left: 0 !important;
	}
	.exp-lesson-exer.exer {
		padding-top: 5vh;
	}
	#customwhite {
		color:white !important;
		font-size: 1.5em;
	}
	body[data-current-type ="exp-lesson-intro"] header {
		display: none;
	}
	.tabs-nav {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.page.exp .exp-intro .bgi {
		margin-left: unset;
	}
	.exp-descr {
		position: relative;
		width: 40vw;
		height: 100vh;
		padding-left: 10%;
	}
	.exp-child-intro .curve {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: end;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		-ms-flex-align: start;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		position: relative;
		width: 40vw;
		height: 100vh;
		padding-left: 10%;
		padding-bottom: 50vh;
		margin-left: -2rem;
	}
	.exp-activity-step {
		max-width: 100vw;
	}
	.exp-activity-step-page {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: start;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		padding-top: 3.5rem !important;
		padding-bottom: 3.5rem !important;
	}
	.exp-activity-step-page > div:not(header) {
		margin-left: auto;
		margin-right: auto;
	}
	.exp-activity-step-page > div:not(header) span[class^="_"],
	.exp-activity-step-page > div:nth-child(1){
		margin-right: auto;
	}
	a.down {display:none;}
	a.down::after{
		content:"";
		height:32px;
	}
	.exp .curve::after {
		content: "";
		position: absolute;
		display: inline-block;
		top: 0;
		right: calc(-50vw + 0.5%);
		width: 50vw;
		height: 100%;
		background-size: auto 100%;
		background-position: left bottom;
	}
	.exp .curve.bg-blue::after {
		background-image: url(../images/curve-min992-blue.svg);
	}
	.exp .curve.bg-fuksia::after {
		background-image: url(../images/curve-min992-fuksia.svg);
	}
	.exp .curve .title {
		margin-top: 32px;
	}
	.exp-descr .contents {
		color: white;
	}
	.desktop_resize {
		max-width: 550px ;
		margin: 0 auto;
	}
	.pages-container {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.poll-quests {
		overflow: hidden;
	}
	.home-bottom {
		max-width: 50%;
		margin-right: auto;
		margin-left: auto;
	}
	.exp-child-intro {
		height: 100vh;
		overflow: unset;
	}
	.exp-lesson-intro .bgi {
		background-position: right -10vw bottom -20vh;
		background-size: 60%;
	}
	body[data-current-id="exp2_lesson1_intro"] .exp-lesson-intro .bgi {
		background-size: 57%;
	}
	body[data-current-type="exp-descr"] .btn {
		background-color: #fff !important;
	}
	body[data-current-type="exp-descr"] .btn span {
		color: #2C318D !important;
	}
	.exp[data-id="exp1"] .exp-intro .bgi {
		background-position: 150% -10vh;
		background-size: 80% !important;
	}
	.exp[data-id="exp2"] .exp-intro .bgi {
		background-position: 140% 10vh;
		background-size: 70% !important;
	}
	.exp[data-id="exp3"] .exp-intro .bgi {
		background-position: 110% 20vh;
		background-size: 65% !important;
	}
	.exp[data-id="exp4"] .exp-intro .bgi {
		background-position: 130% 10vh;
		background-size: 70% !important;
	}
	.exp[data-id="exp5"] .exp-intro .bgi {
		background-position: 120% 0vh;
		background-size: 70% !important;
	}
	body[exp2_lesson1_intro] .bg-contain {
		background-position: right -10vw bottom -29vh;
		background-size: 70vw auto !important;
	}
	.bg-contain {
		background-position: right -10vw  bottom -20vh;
		background-size: 70vw auto !important;
	}
	.customflex {
		position: relative;
		width: 40vw;
		padding: 18% 11.5%;
		padding-right: 0;
		height: 100vh;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: start;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		font-size:18px;
	}
	.exp-child-intro .bgi::after {
		content: none;
	}
	a[data-field="modal"] {max-width:100vw;}
	a[data-field="modal"] div.bgi div{
		max-width: 440px;
		margin-left: auto;
		margin-right: auto;
	}
	.bgi-home {
		background-size: contain;
	}
	.h-100vh {
		height: 100vh !important;
	}
	[data-id^="exp"] .exp-keypoints-modal .bgi {
		background-position: center;
		background-size: cover;
	}

	body[data-current-type="exp-descr"] .pages-container,
	body[data-current-type="exp-lesson-intro"] .pages-container ,
	body[data-current-type="exp-activity-step-intro"] {
		position:relative;
	}
	body[data-current-type="exp-descr"] .main-btn-container,
	body[data-current-type="exp-lesson-intro"] .main-btn-container,
	body[data-current-type="exp-activity-step-intro"] .main-btn-container {
		position: absolute;
	}
	body[data-current-type="exp-descr"] .main-btn-container {
		left: 10%;
		top: 75vh;
	}
	body[data-current-type="exp-lesson-intro"       ] .main-btn-container,
	body[data-current-type="exp-activity-step-intro"] .main-btn-container {
		top: 95vh;
	}
	body[data-current-type="exp-lesson-intro"       ] .main-btn-container {
		left: 0;
	}
	body[data-current-type="exp-activity-step-intro"] .main-btn-container {
		left: 0;
	}
	a[data-id="exp2_keypoint3_modal"] .bgi {
		background-size: cover;
		background-position: initial;
	}
	.d-flex.flex-column.justify-content-between.px-4d5.pt-3.h-100 {
		max-width: 550px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 5rem !important;
	}
	a.exp-nav-item {
		min-height: 100px;
	}
	div[data-id$="_congrats"] {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-align-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	div[data-id$="_congrats"] div:nth-child(1) {
		width: 100%;
	}
	div[data-id$="_congrats"] > div:nth-child(2) {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	/*---------------------page over-----------*/
	.page.page-over {
		width: 100vw;
		max-width: unset;
	}
	.page.page-over > div {
		margin-left: auto;
		margin-right: auto;
	}
	.page.page-over.about > div {
		padding: 0 200px;
	}
	/*------------------TIMEUSE------------------*/
	.page.timeuse {
		overflow: hidden;
		padding: 1.5rem 0;
	}
	a.back-textarea {
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	body[data-current-type^="timeuse"] header .row {
		-ms-flex-pack: justify;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	body[data-current-type="exp-activity-step-intro"] header {
		display: none;
	}
	body[data-current-type^="timeuse"] .main {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.exp-nav-activity[data-status="todo"] + .ghost {
		-webkit-animation: blink-1 2s infinite both;
		animation: blink-1 2s infinite both;
	}
}

@media (min-width: 992px) and (max-width: 1024px) {
	body[data-current-id="exp2"] .main-btn-container {
		top: 81vh !important;
	}
}
@media (min-width: 1200px) {
	body[data-current-type="exp-lesson-intro"       ] .main-btn-container {
		left: 0;
	}
	body[data-current-type="exp-activity-step-intro"] .main-btn-container {
		left: 2%;
	}
}
@media (min-width: 1600px) {
	body[data-current-type="exp-lesson-intro"       ] .main-btn-container {
		left: 3%;
	}
	body[data-current-type="exp-activity-step-intro"] .main-btn-container {
		left: 5%;
	}
}
/* ----------------------------------------------
 * Generated by Animista on 2021-1-29 0:9:3
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes blink-1 {
	0% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(1.1, 1.35, 1);
	}
}
@keyframes blink-1 {
	0% {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}
	60% {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}
	100% {
		opacity: 0;
		transform: scale3d(1.1, 1.35, 1);
	}
}
@-webkit-keyframes blink-2 {
	0% {
		opacity: 1;
	}
	30% {
		opacity: 0.4;
	}
	60% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}
@keyframes blink-2 {
	0% {
		opacity: 1;
	}
	30% {
		opacity: 0.4;
	}
	60% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}

.ghost.do {
	transform: scale(1.1);
	opacity: .0;
}

#modal-msg.app-end-feedback .content > div {
}
#modal-msg.app-end-feedback button.ko {
	background-color: transparent !important;
	border: none !important;
	box-shadow: none;
	color: #fc3780 !important;
	text-decoration: underline;
}

.nj-picker .nj-hours-container .nj-hours-wrapper {
	grid-template-columns: repeat(4, 1fr);
}
.nj-picker .nj-hours-container {
	padding: 1rem
}
.nj-picker .nj-minutes-container {
	padding: 0.5rem 1rem
}
.nj-picker .nj-action-container {
	padding: 1rem !important;
	grid-template-columns: repeat(2, 1fr);
}
.nj-picker .nj-action-container .nj-action-clear {
	display: none;
}
/*invertiti con jquery*/
.nj-picker .nj-action-container .nj-action-close {
	margin-right: 0.5rem!important;
}
.nj-picker .nj-action-container .nj-action-save {
	margin-left : 0.5rem!important;
}

.blink {
	animation: blink 2s linear infinite;
}
@keyframes blink {
	0%{opacity: 0;}
	20%{opacity: 1;}
	80%{opacity: 1;}
	100%{opacity: 0;}
}

body[data-treatment="0"] .tabs-nav {
	display: none !important;
}
#app{
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 display: flex;
 flex-direction: column;
}
dialog::backdrop {
    background-color: black;
    opacity: 0.5;
}