@font-face {
    font-family: Poppins;
    src: url(Poppins-Regular.ttf);
}

@font-face {
    font-family: Poppins;
    src: url(Poppins-Bold.ttf);
	font-weight:bold;
}


input {
/*    -webkit-appearance: none;*/
}

input:active {
outline: none;
border: none;
}

input:focus {outline:0;}

textarea:active {
outline: none;
border: none;
}

textarea:focus {outline:0;}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    /*background-color:white;*/
    font-family: Poppins;
    font-size:12px;
    height:100vh;
    margin:0px;
    padding:0px;
    /* Padding to avoid the "unsafe" areas behind notches in the screen */
    /*padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-right, 0px);*/
    width:100%;
	overflow-x:hidden;
	background-color:#fac1aa;
}

/* Portrait layout (default) */
.app {
    position:absolute;             /* position in the center of the screen */
    left:0px;
    top:0px;
    height:100%;                   /* text area height */
    width:100%;                   /* text area width */
    text-align:center;
}

.logo {
	display:none;
}

.page {
	overflow-x:hidden;
	max-width:890px;
	margin:0 auto;
	position:relative;
}

.red {
	color:#e31d1a;
}

.grey {
	color:#7b868c;
}

.green {
	color:#498b2a;
}

.pageContainer
{	
	width: 100%;
	display:none;
	background-color:#fac1aa;
}

.pageCenterContainer {
	display:table;
	width:100%;
	height:100%;
}

.pageCenterInnerContainer {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
}

.pageCenterInnerContainerTop {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:top;
}


/*HOME*/
#page_home {
	display:none;
	height:100vh;
	width:100%;
}

.homeItem {
	display:block;
	text-align:center;
}

.homeTop img {
	width:100%;
}

.homeCenter {
	text-align:center;
}

.homeLogo img {
	width:190px;
	padding-bottom:50px;
}

.homeStart img {
	width:220px;	
	padding-top:30px;
	cursor:pointer;
}

.homeCiao video {
	width:100%;
	max-width:840px;
}

/*HOME*/
#page_quiz {
	display:none;
	height:100vh;
	width:100%;
}

.quizLogo {
	display:block;
	text-align:center;
	padding-top:30px;
}

.quizLogo img {
	width:150px;
	padding-bottom:50px;
}

.quizArea {
	max-width:800px;
	width:90%;
	margin:0 auto;
	color:#202c54;
	padding-bottom:50px;
}

.quizIndex {
	font-size:18px;
	line-height:20px;
}

.quizIndex img {
	width:12px;
	padding-right:6px;
	vertical-align:bottom;
}

.quizQuestion {
	font-size:44px;
	line-height:50px;
	font-weight:bold;
	padding-bottom:10px;
}

.quizAnswer {
	cursor:pointer;
	font-size:30px;
	line-height:34px;
	padding-top:20px;
}

.quizAnswer img {
	width:12px;
	padding-right:6px;
	vertical-align:baseline;
}

.quizAnswerBullet {
	display:inline-block;
	vertical-align:top;
}

.quizAnswerText {
	display:inline-block;
	width:80%;
	padding-left:10px;
}

.quizBottombar {
	position:absolute;
	width:904px;
	height:32px;
	bottom:0px;
	left:0px;
}

.quizBottombar img {
	height:32px;
	object-fit:cover;
	object-position:left;
	width:90px;
	display:block;
}

/*HOME*/
#page_result {
	display:none;
	height:100vh;
	width:100%;
	background-color:white;
	position:relative;
}

.resultLogo {
	display:block;
	text-align:center;
}

.resultLogo img {
	width:100px;
	padding-top:50px;
}

.resultTopBlock {
	display:table;
	width:100%;
	padding-top:50px;
	position:relative;
}

.resultTopText {
	display:table-cell;
	width:70%;
	padding-left:50px;	
	color:#202c54;
	vertical-align:bottom;
}

.resultTopPhoto {
	display:table-cell;
	width:30%;
	vertical-align:bottom;
	padding-right:50px;
	text-align:right;
}

.resultTopPhoto img {
	width:200px;
}

.resultTopPhotoMobile {
	display:none;
}

.ondaMobile {
	display:none;
}

.resultTitle {
	font-size:45px;
	line-height:50px;
	font-weight:bold;
}

.resultSubtitle {
	font-size:18px;
	line-height:22px;	
}

.resultInfoText {
	margin-top:80px;
	font-size:24px;
	line-height:30px;
	background-color:#fac1aa;
	color:#202c54;
	position:relative;
}

.resultInfoTextInner {
	padding:50px 0;
	width:80%;
	margin:0 auto;
}

.resultSeparator {
	position:absolute;
	top:-42px;
	left:calc(50% - 50px);
}

.resultSeparator img {
	width:100px;
}

.resultClose {
	position:absolute;
	top:60px;
	right:50px;
}

.resultClose img {
	width:30px;
	cursor:pointer;
}