/*
This software is a customization of Galaera Palmenburg. 
Galaera Palmenburg is property of Galaera. 
Copyright 2018 Galaera - galaera.it 
Developed by Galaera Team. 
Galaera includes third-party libraries, using Galaera Palmenburg constitutes acceptance of the relevant licenses. 
*/

@font-face {
	font-family: 'bebas_neueregular';
	src: url('fonts/bebasneue-regular-webfont.woff2') format('woff2'),
			 url('fonts/bebasneue-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	outline: none;
	-webkit-overflow-scrolling: touch;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*
*:focus {
	outline: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
*/
html, body {
	height: 100%;
	height: 100vh;
	/*font-size: 24px;*/
}

body {
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;/**/
	/*background-color: #000000;*/
	background-color: #FFFFFF;
	background-image: url(bg.png);
	background-position: 33% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

select, select:focus, select:hover, option, option:focus, option:hover, option:checked {
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.display-none {
	display: none;
}

.transparent {
	opacity: 0;
}

.float-left {
	float: left;
}
.float-right {
	float: right;
}
.float-clear {
	clear: both;
}

.align-left {
	text-align: left !important;
}
.align-center {
	text-align: center !important;
}
.align-right {
	text-align: right !important;
}

.table {
	display: table;
}
.table-row {
	display: table-row;
}
.table-cell {
	display: table-cell;
}

.valign-top {
	vertical-align: top;
}
.valign-middle {
	vertical-align: middle;
}
.valign-bottom {
	vertical-align: bottom;
}

#version-update {
	position: absolute;
	z-index: 1020;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: rgba(100,100,100,0.65);*/
	background: rgba(255,255,255,0.65);
	
	padding: 4.0rem 2.0rem;
	
	font-size: 1.0rem;
}
#version-update > div {
	width: 100%;
	height: 100%;
	text-align: left;
	margin: 0;
}
#version-update .logo {
	height: 4.0rem;
	background-color: transparent;
	background-image: url(logo.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}
#version-update p {
	font-size: 1.1rem;
	color: #333333;
}
#version-update p b {
	color: #5B90CB;
}

#loading {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: rgba(100,100,100,0.65);*/
	/*background: rgba(1,128,175,0.65);*/
	background: rgba(250,167,29,0.65);
	
	font-size: 1.0rem;
}
#loading .loader,
#loading .loader:before,
#loading .loader:after {
	background: #FFFFFF;
	-webkit-animation: loader-anima 2s infinite ease-in-out;
	animation: loader-anima 2s infinite ease-in-out;
	/*width: 1.0em;*/
	width: 0.7em;
	/*height: 4em;*/
	height: 0.8em;
}
#loading .loader {
	color: #FFFFFF;
	text-indent: -9999em;
	/*margin: 88px auto;*/
	position: relative;
	/*font-size: 11px;*/
	font-size: 0.8em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	/*-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;*/
	-webkit-animation-delay: -0.12s;
	animation-delay: -0.12s;
	
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	
	/*width: 6em;*/
	height: 6em;
}
#loading .loader:before,
#loading .loader:after {
	position: absolute;
	top: 0;
	content: '';
}
#loading .loader:before {
	left: -1.5em;
	/*-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;*/
	-webkit-animation-delay: -0.24s;
	animation-delay: -0.24s;
}
#loading .loader:after {
	left: 1.5em;
}
@-webkit-keyframes loader-anima {
	0%,
	36%,
	76%,
	100% {
		box-shadow: 0 0;
		height: 0.8em;
	}
	/*40% {*/
	12% {
		box-shadow: 0 -2em 0 0;
		height: 5em;
	}
	52% {
		box-shadow: 0 -2em 0 0;
		height: 3em;
	}
}
@keyframes loader-anima {
	0%,
	36%,
	76%,
	100% {
		box-shadow: 0 0;
		height: 0.8em;
	}
	/*40% {*/
	12% {
		box-shadow: 0 -2em 0 0;
		height: 5em;
	}
	52% {
		box-shadow: 0 -2em 0 0;
		height: 3em;
	}
}

#downer {
	display: none;
	opacity: 0;
	position: fixed;
	z-index: 1000;
	bottom: 1.3rem;
	left: 0.6rem;
	/*width: 100%;*/
	/*height: 100%;*/
	padding-top: 0.1rem;
	padding-right: 0.3rem;
	padding-bottom: 0;
	padding-left: 0.3rem;
	background: rgba(255,255,255,1);
	border-radius: 0.6rem;
}
#downer.animated {
	display: block;
	opacity: 1;
	
	transition: all 0.6s;
}
#downer div.per {
	color: #333333;
	font-size: 1.2rem;
	text-shadow: 1px 1px 1px #808080;
}
#downer div.per span {
	/*font-size: 1.0rem;*/
	font-weight: bold;/**/
}

#sowner {
	display: none;
	opacity: 0;
	position: fixed;
	z-index: 1001;
	bottom: 1.3rem;
	left: 0.6rem;
	/*width: 100%;*/
	/*height: 100%;*/
	padding-top: 0.1rem;
	padding-right: 0.3rem;
	padding-bottom: 0;
	padding-left: 0.3rem;
	background: rgba(255,255,255,1);
	border-radius: 0.6rem;
}
#sowner.animated {
	display: block;
	opacity: 1;
	
	transition: all 0.6s;
}
#sowner div.per {
	color: #333333;
	font-size: 1.2rem;
	text-shadow: 1px 1px 1px #808080;
}
#sowner div.per span {
	/*font-size: 1.0rem;*/
	font-weight: bold;/**/
}

#qrcode {
	position: fixed;
	z-index: 950;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: rgba(100,100,100,0.65);*/
	/*background: rgba(1,128,175,0.65);*/
	background-color: #FFFFFF;
	background-image: url(bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
	font-size: 1.0rem;
	
	text-align: center;
	
	color: #5B90CB;
	
	padding: 0 1.6em;
}
#qrcode .table {
	display: table;
	width: 100%;
	height: 100%;
}
#qrcode .table .row {
	display: table-row;
}
#qrcode .table .row .cell {
	display: table-cell;
	vertical-align: middle;
}
#qrcode button[data-action="qrcode-cancel"] {
	display: inline-block;
	/*width: 3.6em;*/
	height: 3.6em;
	margin-top: 0.2em;
	margin-right: 0rem;
	margin-left: 0rem;
	padding: 0;
	border: 0px #808080 solid;/**/
	/*border-color: transparent;*/
	border-radius: 16%;
	/*font-size: 1em;*/
	color: #F3920A;
	color: #FFFFFF;
	color: rgba(1,128,175,1);
	text-align: center;
	background: rgba(255,255,255,0);
	background: rgba(243,146,10,0.30);
	background: transparent;
	/*text-shadow: 1px 1px 1px #808080;*/
	
	cursor: pointer;
}
#qrcode button[data-action="qrcode-cancel"] span {
	font-family: 'bebas_neueregular';
	font-size: 1.1em;
}
#qrcode button[data-action="qrcode-cancel"].display-none {
	display: none;
}
#qrcode button[data-action="qrcode-cancel"] i {
	font-size: 2.6em;
	margin: 0;
	padding: 0;
}
#qrcode p.small {
	font-size: 0.8em;
}
#qrcode p.sev {
	font-family: 'bebas_neueregular';
	font-size: 1.1em;
}
#qrcode p.small.sev {
	font-family: 'bebas_neueregular';
	font-size: 1.0em;
}
#qrcode form {
	border: 1px solid #5B90CB;/**/
	border: 0;
	border-radius: 0.4em;
	border-radius: 0;
	background-color: rgba(255,255,255,0.85);
	background-color: rgba(255,255,255,0.65);
	padding: 0.4em 0.6em;
}
#qrcode input[type="text"] {
	width: 70%;
	font-size: 1.1em;
	color: #1480AF;
	padding: 0.4em;
	border: 0;
	border: 1px solid #1480AF;
	border-radius: 0.4em;
	border-radius: 0;
	text-align: center;
}
#qrcode button[data-action="qrcode-send"] {
	border: 0;
	background: transparent;
	padding: 0;
	
	font-size: 2em;
	color: #1480AF;
	cursor: pointer;
}
#qrcode button[data-action="qrcode-catch"] {
	
	margin-top: 0.26em;
	
	border: 0;
	background: transparent;
	background: #FFFFFF;/**/
	background: #1480AF;/**/
	padding: 0.11em 0.27em;
	
	font-size: 2.0em;
	/*color: #1480AF;*/
	color: #FFFFFF;
	cursor: pointer;
	
	border: 1px solid #1480AF;
	
	border-radius: 0.36em;
	border-radius: 50%;
}
#qrcode button[data-action="qrcode-catch"] {
	width: 1.7em;
	height: 1.7em;
	background-image: url(qrnumeplus.svg);
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center center;
}

#head {
	position: absolute;
	z-index: 110;
	top: 0;
	left: 0;
	width: 100%;
	height: 3.0rem;
	background: rgba(255,255,255,0.65);
	
	cursor: pointer;
}
#head .table {
	width: 100%;
	height: 100%;
}
#head .table .table-row .table-cell {
	width: 100%;
	height: 100%;
	padding: 0 3.6rem;
	text-align: center;
	font-family: 'bebas_neueregular';
	color: #5189C8;
	font-size: 1.6rem;
}
#menu {
	position: absolute;
	z-index: 111;
	left: 0;
	top: 0;
	/*width: 100%;*/
	width: 3.0rem;
	height: 3.0rem;
	text-align: left;
	/*background-color: rgba(255,255,255,0.4);*/
}
#menu button.btn {
	display: inline-block;
	width: 3em;
	height: 3em;
	margin-top: 0.3em;
	margin-right: 0.rem;
	margin-left: 0.rem;
	padding: 0;
	border: 0px #808080 solid;/**/
	/*border-color: transparent;*/
	border-radius: 16%;
	/*font-size: 1em;*/
	color: #F3920A;
	color: #FFFFFF;
	color: rgba(81,137,200,1);
	background: rgba(255,255,255,0);
	background: rgba(243,146,10,0.30);
	background: transparent;
	/*text-shadow: 1px 1px 1px #808080;*/
	
	cursor: pointer;
}
#menu button.btn i {
	font-size: 1.8em;
	margin: 0;
	padding: 0;
}
#menu button.btn i:before {
	margin: 0;
	padding: 0;
}
#menu button.btn {
	margin-right: 0;
	margin-left: 0.4em;
}

#ham-bg {
	position: absolute;
	z-index: 919;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.75);
	
	cursor: pointer;
}
#ham {
	overflow: hidden;
	overflow-y: auto !important;
	position: absolute;
	z-index: 920;
	top: 0;
	left: -100%;
	padding: 0 0.6em 0.6em 0;
	width: 100%;
	/*min-height: 100%;*/
	height: 100%;
	background: rgba(255,255,255,0.75);
	background: transparent;
	
	font-size: 1rem;
	
	cursor: pointer;
}
#ham.show {
	left: 0;
}
#ham button {
	display: block;
	width: 100%;
	/*margin: 0.25rem;*/
	margin: 0;
	/*padding: 0;*/
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	border: 0px #5189C8 solid;
	border-top-width: 1px;
	/*border-color: transparent;*/
	/*border-radius: 20%;*/
	
	font-family: 'bebas_neueregular';
	font-size: 1.4em;
	/*color: #F3920A;*/
	color: #FFFFFF;
	background: rgba(255,255,255,0);
	background: rgba(91,144,203,0.75);
	/*text-shadow: 1px 1px 1px #808080;*/
	text-align: left;
	text-align: right;
	
	cursor: pointer;
}
#ham button.display-none {
	display: none !important;
}
#ham button.small {
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	font-size: 1.2em;
}
#ham button.rev {
	border-top-width: 0;
	color: #5189C8;
	background: transparent;
}

#tvote {
	position: fixed;
	display: block;
	z-index: 940;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.75);
	background: rgba(69,160,195,0.75);
	padding: 3.6rem 1.4rem 4.6rem 1.4rem;
}
#tvote.display-none {
	display: none;
}
#tvote .table {
	display: table;
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	background: rgba(69,160,195,0.65);
	background: rgba(255,255,255,0.75);
	border-radius: 0.5rem;
}
#tvote .table .row {
	display: table-row;
}
#tvote .table .row .cell {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#tvote .table .row .cell h3 {
	font-family: 'bebas_neueregular';
	color: #5189C8;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
}
#tvote .table .row .cell .tcont {
	margin: 0 auto;
	/*background: #5B90CB;*/
	background: #FFFFFF;
	border-radius: 0.5rem;
	max-width: 16rem;
	padding: 1.2rem 0.8rem;
	text-align: center;
}
#tvote .table .row .cell .tcont[data-type="fillin"] {
	width: 90%;
	min-width: 90%;
	background: #5B90CB;
}
#tvote .table .row .cell .tcont[data-type="fillin"] textarea {
	width: 100%;
	height: 6rem;
	padding: 0.5rem 0.6rem;
	resize: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #333333;
	
	border: 0;
	
	box-shadow: 2px 2px 2px #B6CEE8, -1px -1px 1px #D9E5F3;
}
#tvote .table .row .cell .tcont button {
	width: 6rem;
	height: 6rem;
	color: #FFFFFF;
	background: #5B90CB;
	border: 0rem #5189C8 solid;
	border-radius: 0rem;
	padding: 0;
	cursor: pointer;
	
	box-shadow: 0.4rem 0.4rem 0rem #5189C8;
	margin: 0.4rem;
}
#tvote .table .row .cell .tcont button {
	position: relative;
	overflow: hidden;
	
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
#tvote .table .row .cell .tcont button:not(.disabled):active {
	-webkit-transform: translateY(0.1rem);
	transform: translateY(0.1rem);
	-webkit-transform: translateX(0.1rem);
	transform: translateX(0.1rem);
	
	opacity: 0.6;
	
	box-shadow: 0.3rem 0.3rem 0rem #5189C8;
}
#tvote .table .row .cell .tcont button.disabled {
	
}
#tvote .table .row .cell .tcont button.hidden {
	opacity: 0.3;
}
#tvote .table .row .cell .tcont button.selected {
	opacity: 0.7;
}
#tvote .table .row .cell .tcont button.dnone {
	display: none;
}
#tvote .table .row .cell .tcont button span {
	font-family: 'bebas_neueregular';
	font-size: 3.6rem;
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: -0.2rem 0.2rem 0rem #5189C8;
}
#tvote .table .row .cell .tcont button.selected span {
	color: #1C3857;
}
#tvote .table .row .cell .tcont button span {
/*  background-color: #666666;
  color: transparent;
  text-shadow: 0px 2px 3px rgba(255,255,255,0.0.9);
  -webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;
	color: rgba(255,255,255,0.8);
	text-shadow: 2px 4px 6px #5B90CB, 0 0 0px #000000, 2px 4px 6px #5B90CB;*/
}

#wrapper {
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	overflow: auto;
	width: 100%;
	height: 100%;
	text-align: center;
	
	background: rgba(255,255,255,0.5);
}

#wrapper > div {
	width: 90%;
	margin: 0 auto;
	padding: 3.6rem 1rem 4.6rem 1rem;
	text-align: left;
	
	font-size: 0.96rem;
	color: #333333;
}

#wrapper .home {
	width: 90%;
	margin: 0 auto;
	padding: 3.6rem 1rem 4.0rem 1rem;
	text-align: left;
	text-align: center;
}
#wrapper .home button.btn-box.display-none {
	display: none !important;
}
#wrapper .home button.btn-box {
	display: inline-block;
	width: 7rem;
	height: 7rem;
	margin: 0.25rem;
	padding: 0;
	border: 0px #808080 solid;
	/*border-color: transparent;*/
	/*border-radius: 20%;*/
	/*font-size: 1em;*/
	/*color: #F3920A;*/
	color: #FFFFFF;
	background: rgba(255,255,255,0);
	background: rgba(91,144,203,0.75);
	/*text-shadow: 1px 1px 1px #808080;*/
	
	cursor: pointer;
}
#wrapper .home button.btn-box.x2 {
	width: 14.50rem;
}
@media only screen and (orientation : landscape) {
	#wrapper .home button.btn-box.x2 {
		width: 7rem;
	}
}
#wrapper .home button.btn-box i {
	font-size: 2.4em;
	margin: 0;
	padding: 0;
}
#wrapper .home button.btn-box i:before {
	margin: 0;
	padding: 0;
}
#wrapper .home button.btn-box p {
	margin: 0;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	text-align: center;
	font-family: 'bebas_neueregular';
	color: #FFFFFF;
	font-size: 1.2rem;
}

#multiplex {
	overflow: hidden;
	overflow-y: auto;
	position: absolute;
	z-index: 400;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	/*background: #E0E0E0;*/
	/*background: transparent;*/
	background-color: rgba(255,255,255,0.8);
	background-image: url(bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
#multiplex .logo {
	position: fixed;
	top: 0;
	right: 0;
	width: 16%;
	background: rgba(255,255,255,0.45);
}
#multiplex .logo img {
	width: 100%;
}
#multiplex .list {
	display: table;
	width: 96%;
	/*height: 100%;*/
	margin: 1% auto 0 auto;
	margin-bottom: 1%;
	/*padding: 0 0 1% 0;*/
	padding: 0 0 0 0;
	font-size: 0.9rem;
	border: 1px #999999 solid;
	/*border-top: 0;*/
	border-right: 0;
	border-left: 0;
	/*background-color: rgba(255,255,255,0.6);*/
	background: transparent;
}
#multiplex .list div.row {
	display: table-row;
	width: 100%;
	background-color: #F8F8F8;
}
#multiplex .list div.row:nth-of-type(even) {
	display: table-row;
	width: 100%;
	background-color: #F0F0F0;
}
#multiplex .list div.row div.cell {
	display: table-cell;
	padding: 0.6em;
	color: #666666;
	text-align: left;
	vertical-align: top;
}
#multiplex .list div.row div.cell.thumb {
	overflow: hidden;
	width: 30%;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
#multiplex .list div.row div.cell.thumb img {
	width: 100%;
}
#multiplex .list div.row div.cell.text {
	width: 60%;
}
#multiplex .list div.row div.cell.text h2 {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0.3em;
	font-size: 1.4em;
}
#multiplex .list div.row div.cell.text p {
	margin-top: 0;
	padding-top: 0;
	font-size: 1.2em;
}

#cover {
	position: absolute;
	z-index: 300;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../../asset/__cover.png);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
}

#status {
	position: absolute;
	z-index: 200;
	top: 0;
	right: 0;
	/*width: 100%;*/
	width: auto;
	height: 3rem;
	text-align: right;
}
#status .btn {
	display: inline-block;
	width: 2.4rem;
	height: 3.0rem;
	margin: 0 0.6rem 0 0.3rem;
	color: #B6B6B6;
	font-size: 1rem;
	text-align: center;
	cursor: default;
	border: 0;
	text-shadow: 1px 1px #000000;
	background-color: rgba(0,0,0,0.4);
}
#status .btn:nth-last-of-type(1) {
	margin-right: 0.6rem;
}
#status .btn.loading {
	display: none;
	opacity: 0;
}
#status .btn.loading.animated {
	display: inline-block;
	opacity: 1;
}
#status .btn.loading span {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

#console {
	position: absolute;
	z-index: 200;
	right: 0;
	bottom: 0;
	/*width: 100%;*/
	width: auto;
	height: 3rem;
	text-align: right;
	/*background-color: rgba(255,255,255,0.4);*/
}
#console .counter {
	display: inline-block;
	width: 2.4rem;
	height: 2.4rem;
	margin: 0 0.6rem 0 0.3rem;
	color: #FFFFFF;
	font-size: 1rem;
	text-align: center;
	/*cursor: pointer;*/
	text-shadow: 1px 1px #000000;
	white-space: nowrap;
}
#console .btn {
	/*display: inline-block;*/
	width: 2.4rem;
	height: 2.4rem;
	/*margin: 0 0.2rem 0 0;*/
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.4);
	border: 1px rgba(255,255,255,0.6) solid;
	border-radius: 0.2em;
	cursor: pointer;
}
#console .btn:nth-last-of-type(1) {
	margin-right: 0.6rem;
}
#console .btn.lavagna {
	margin-right: 0.6rem;
}
#console .btn span {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

#lavagna {
	position: absolute;
	z-index: 103;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	background: rgba(255,255,255,0);
}
#lavagna .paint-canvas-background {
	background-image: none;
}
#lavagna .control-container {
	display: none;;
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	background: rgba(200,200,200,0.3);
}
#lavagna .control-container .control-button {
	background: rgba(200,200,200,0.2);
}
#lavagna .control-container .control-button:hover {
	background: rgba(200,200,200,0.6);
}
#lavagna .control-container .control-button.paint-selected-tool {
	background: rgba(200,200,200,0.8);
}
#lavagna .control-integer-output {
	display: none;;
}
#lavagna .mouse-coords {
	display: none;
}

#lavagna .paint-texttool {
	margin: 0.2rem 0.4rem 0 0.8rem;
	font-size: 0.8rem;
	padding: 0.2rem;
	vertical-align: top;
}
#lavagna .paint-canvas {
	cursor: none;
}
#lavagna .sp-replacer {
	border: 0;
	background-color: transparent;
	vertical-align: top;
}
#lavagna .sp-container {
	border: 0 !important;
}
#lavagna .sp-container .sp-cancel:hover {
	/*color: #d93f3f !important;*/
	text-decoration: none !important;
	text-decoration-color: none !important;
}

#panel {
	position: fixed;
	z-index: 900;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4rem;
	padding: 0;
	background: transparent;
	background: rgba(255,255,255,0.65);
	
	font-size: 1rem;
}
#panel .panel-l {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50%;
	height: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
	
	background-color: transparent;
	background-image: url(logo.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}
#panel .panel-r {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50%;
	height: 100%;
	text-align: right;
	margin: 0;
	padding: 0;
}
#panel button.btn {
	display: inline-block;
	width: 3.6em;
	height: 3.6em;
	margin-top: 0.2em;
	margin-right: 0rem;
	margin-left: 0rem;
	padding: 0;
	border: 0px #808080 solid;/**/
	/*border-color: transparent;*/
	border-radius: 16%;
	/*font-size: 1em;*/
	color: #F3920A;
	color: #FFFFFF;
	color: rgba(81,137,200,1);
	background: rgba(255,255,255,0);
	background: rgba(243,146,10,0.30);
	background: transparent;
	/*text-shadow: 1px 1px 1px #808080;*/
	
	cursor: pointer;
}
#panel button.btn i {
	font-size: 2.6em;
	margin: 0;
	padding: 0;
}
#panel button.btn i:before {
	margin: 0;
	padding: 0;
}
#panel .panel-l button.btn {
	margin-right: 0;
	margin-left: 0.2em;
}
#panel .panel-r button.btn {
	margin-right: 0.4em;
	margin-left: 0;
}
#panel .panel-r button.btn:nth-last-child(1) {
	margin-right: 0.8em;
}

#shoes {
	position: fixed;
	z-index: 960;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0.5rem;
	background: rgba(0,0,0,0.08);
	
	overflow-y: auto;
}
#shoes_veil {
	position: fixed;
	z-index: 961;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: rgba(250,167,29,0.25);
	
	cursor: not-allowed;
}
#shoes .table {
	display: table;
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	background: rgba(255,255,255,0.9);
	/*border-radius: 0.5rem;*/
}
#shoes .table .row {
	display: table-row;
}
#shoes .table .row .cell {
	overflow: hidden;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	/*padding: 0.5rem;*/
	/*background-color: rgba(255,255,255,1);*/
	background-color: rgba(255,255,255,0.45);
}
#shoes .table .row .cell > div {
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
	max-width: 970px;
	min-height: 100%;
	margin: 0 auto;
	padding: 0.5rem;
	text-align: left;
	background-color: rgba(255,255,255,1);
}
#shoes .table .row .cell div.mchand,
#shoes .table .row .cell div.mchor,
#shoes .table .row .cell div.fillin,
#shoes .table .row .cell div.fillin-tv,
#shoes .table .row .cell div.ordern,
#shoes .table .row .cell div.dnd {
	display: inline-block;
	overflow-y: hidden;
	height: auto;
	min-height: auto;
	padding: 0.5rem 1.0rem;
	background-color: rgba(255,255,255,0.5);
	
	/*
	border: 1px solid #B6CEE8;
	border-width:0 1px 1px 0;
	*/
}
#shoes .table .row .cell div.mchs-tv {
	overflow-y: hidden;
	max-width: 16rem;
	height: auto;
	min-height: auto;
	margin: 0 auto;
	padding: 1.2rem 0.8rem;
	text-align: center;
	background: #5B90CB;
	background: #FFFFFF;
	border-radius: 0.5rem;
}
#shoes .table .row .cell div.mchs-tv button[data-mchtv] {
	width: 6rem;
	height: 6rem;
	color: #FFFFFF;
	background: #5B90CB;
	border: 0rem #5189C8 solid;
	border-radius: 0rem;
	padding: 0;
	cursor: pointer;
	
	box-shadow: 0.4rem 0.4rem 0rem #5189C8;
	margin: 0.4rem;
}
#shoes .table .row .cell div.mchs-tv button[data-mchtv] {
	position: relative;
	overflow: hidden;
	
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
#shoes .table .row .cell div.mchs-tv button[data-mchtv]:not(.disabled):not(.toden):active {
	-webkit-transform: translateY(0.1rem);
	transform: translateY(0.1rem);
	-webkit-transform: translateX(0.1rem);
	transform: translateX(0.1rem);
	
	opacity: 0.6;
	
	box-shadow: 0.3rem 0.3rem 0rem #5189C8;
}
#shoes .table .row .cell div.mchs-tv button[data-mchtv].disabled {
	background-color: #CDDDEF;
}
#shoes .table .row .cell div.mchs-tv button[data-mchtv].toden {
	cursor: default !important;
}
#shoes .table .row .cell div.mchs-tv button[data-mchtv].hidden {
	opacity: 0.3;
}
#shoes .table .row .cell div.mchs-tv button[data-mchtv].dnone {
	display: none;
}
#shoes .table .row .cell div.mchs-tv button[data-mchtv] span {
	font-family: 'bebas_neueregular';
	font-size: 3.6rem;
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: -0.2rem 0.2rem 0rem #5189C8;
}
#shoes .table .row .cell div.mchs-tv button[data-mchtv].disabled:not(.hidden) span {
	color: #5189C8;
	/*text-shadow: -0.2rem -0.2rem 0rem #FFFFFF;*/
	text-shadow: none;
	cursor: default;
}
#shoes .table .row .cell div.mchs-tv button[data-mchtv] span {
/*  background-color: #666666;
  color: transparent;
  text-shadow: 0px 2px 3px rgba(255,255,255,0.0.9);
  -webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;
	color: rgba(255,255,255,0.8);
	text-shadow: 2px 4px 6px #5B90CB, 0 0 0px #000000, 2px 4px 6px #5B90CB;*/
}

#shoes .table .row .cell div.mchand.display-none,
#shoes .table .row .cell div.mchand-tv.display-none,
#shoes .table .row .cell div.mchor.display-none,
#shoes .table .row .cell div.mchor-tv.display-none,
#shoes .table .row .cell div.fillin.display-none,
#shoes .table .row .cell div.fillin-tv.display-none,
#shoes .table .row .cell div.ordern.display-none,
#shoes .table .row .cell div.dnd.display-none {
	display: none;
}
#shoes .table .row .cell div.mchand p.question,
#shoes .table .row .cell div.mchor p.question,
#shoes .table .row .cell div.fillin p.question,
#shoes .table .row .cell div.ordern p.question,
#shoes .table .row .cell div.dnd p.question {
	/*color: #333333;*/
	color: #4F4F4F;
	padding: 0.9rem;
	padding-right: 1.0rem;
	padding-left: 1.0rem;
	/*
	border: 1px solid #E6E6E6;
	border-radius: 0.3rem;
	*/
}
#shoes .table .row .cell div.mchand p.question i.fa,
#shoes .table .row .cell div.mchor p.question i.fa,
#shoes .table .row .cell div.fillin p.question i.fa,
#shoes .table .row .cell div.ordern p.question i.fa,
#shoes .table .row .cell div.dnd p.question i.fa {
	font-size: 0.9em;
	color: #B6CEE8;
}
#shoes .table .row .cell div.fillin textarea,
#shoes .table .row .cell div.fillin-tv textarea {
	width: 100%;
	height: 6rem;
	padding: 0.5rem 0.6rem;
	resize: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #333333;
	
	border: 0;
	
	box-shadow: 2px 2px 2px #B6CEE8, -1px -1px 1px #D9E5F3;
}
#shoes .table .row .cell div.mchand ul,
#shoes .table .row .cell div.mchor ul,
#shoes .table .row .cell div.ordern ul {
	/*position: relative;*/
	display: block;
	list-style: none;
	padding: 0;
}
#shoes .table .row .cell div.mchand ul li,
#shoes .table .row .cell div.mchor ul li,
#shoes .table .row .cell div.ordern ul li {
	position: relative;
	display: block;
	padding: 0.5em 0.8em 0.5em 1.5em;
	margin-bottom: 0.4rem;
	background-color: rgba(255,255,255,1);
	/*
	border: 1px solid #E6E6E6;
	border-color: #9FBDE0;
	border-width: 0 1px 1px 0;
	*/
	/*box-shadow: 2px 2px 2px #E6E6E6, -1px -1px 1px #F3F3F3;*/
	box-shadow: 2px 2px 2px #B6CEE8, -1px -1px 1px #D9E5F3;
	
	/*font-family: 'bebas_neueregular';*/
	font-size: 0.84em;
	cursor: grab;
}
#shoes .table .row .cell div.mchand ul li,
#shoes .table .row .cell div.mchor ul li {
	padding: 0;
	cursor: default;
}
#shoes .table .row .cell div.mchand ul li label,
#shoes .table .row .cell div.mchor ul li label {
	display: block;
	padding: 0.5em 0.8em 0.5em 1.5em;
	cursor: pointer;
}
#shoes .table .row .cell div.ordern ul li i.mark {
	position: absolute;
	display: block;
	top: 1.0em;
	left: 1.0em;
	padding: 0;
	font-size: 0.7em;
	color: #5189C8;
}
#shoes .table .row .cell div.mchand p.confirm,
#shoes .table .row .cell div.mchand-tv p.confirm,
#shoes .table .row .cell div.mchor p.confirm,
#shoes .table .row .cell div.mchor-tv p.confirm,
#shoes .table .row .cell div.fillin p.confirm,
#shoes .table .row .cell div.fillin-tv p.confirm,
#shoes .table .row .cell div.ordern p.confirm,
#shoes .table .row .cell div.dnd p.confirm {
	text-align: right;
}
#shoes .table .row .cell div.mchand p button.btn,
#shoes .table .row .cell div.mchand-tv p button.btn,
#shoes .table .row .cell div.mchor p button.btn,
#shoes .table .row .cell div.mchor-tv p button.btn,
#shoes .table .row .cell div.fillin p button.btn,
#shoes .table .row .cell div.fillin-tv p button.btn,
#shoes .table .row .cell div.ordern p button.btn,
#shoes .table .row .cell div.dnd p button.btn {
	/*width: 80%;*/
	height: 2.750rem;
	margin-top: 1.0rem;
	padding-right: 0.86rem;
	padding-left: 0.86rem;
	border: none;
	border-radius: .5rem;
	background-color: #5189C8;
	text-align: center;
	font-size: 1.063rem;
	color: #FFFFFF;
	cursor: pointer;
}
#shoes .table .row .cell div.mchand p button.btn.disabled,
#shoes .table .row .cell div.mchand-tv p button.btn.disabled,
#shoes .table .row .cell div.mchor p button.btn.disabled,
#shoes .table .row .cell div.mchor-tv p button.btn.disabled,
#shoes .table .row .cell div.fillin p button.btn.disabled,
#shoes .table .row .cell div.fillin-tv p button.btn.disabled,
#shoes .table .row .cell div.ordern p button.btn.disabled,
#shoes .table .row .cell div.dnd p button.btn.disabled {
	opacity: 0.45;
	cursor: default;
}

#shoes .table .row .cell div.slide {
	overflow: hidden;
	width: 100% !important;
	max-width: none;
	height: 100% !important;
	padding: 0;
	background-color: rgba(0,0,0,1);
	
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
#shoes .table .row .cell div.slide-video {
	display: table;
	overflow: hidden;
	width: 100% !important;
	max-width: none;
	height: 100% !important;
	padding: 0;
	background-color: rgba(0,0,0,1);
}
#shoes .table .row .cell div.slide-video.display-none {
	display: none;
}
#shoes .table .row .cell div.slide-video .video-wrapper {
	display: table-cell;
	width: 100%;
	height: 100%;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}
#shoes .table .row .cell div.slide-video .video-wrapper .video-cont {
	width: 100%;
	max-width: 970px;
	margin: 0 auto;
	padding: 0;
}
#shoes .table .row .cell div.slide-video .video-wrapper .video-cont video {
	width: 100%;
	height: 100%;
}
#shoes .table .row .cell div.dnd {
	overflow: visible;
}
#shoes .table .row .cell div.dnd div.dnd-cont {
	/*overflow: visible;*/
	display: table;
	width: 100%;
}
#shoes .table .row .cell div.dnd div.dnd-left {
	display: table-cell;
	width: 50%;
	/*padding: 0.6rem 0.3rem 0.6rem 0.6rem;*/
	padding-right: 0.2rem;
	
	/*background-color: rgba(255,255,255,1);*/
	border: 1px solid #E6E6E6;
	border-color: #E1EAF5;
	border-width: 1px 0 1px 1px;
}
#shoes .table .row .cell div.dnd div.dnd-right {
	display: table-cell;
	width: 50%;
	/*padding: 0.6rem 0.6rem 0.6rem 0.3rem;*/
	padding-left: 0.2rem;
	
	/*background-color: rgba(255,255,255,1);*/
	border: 1px solid #E6E6E6;
	border-color: #E1EAF5;
	border-width: 1px 1px 1px 0;
}
div.dnd-item {
	position: relative;
	padding: 0.5em 0.8em 0.5em 1.5em;
	margin-bottom: 0.4rem;
	background-color: rgba(255,255,255,1);
	border: 1px solid #E6E6E6;
	border-color: #9FBDE0;
	border-width: 0 1px 1px 0;
	box-shadow: 2px 2px 2px #E6E6E6, -1px -1px 1px #F3F3F3;
	box-shadow: 2px 2px 2px #B6CEE8, -1px -1px 1px #D9E5F3;
	/*font-family: 'bebas_neueregular';*/
	font-size: 0.84em;
	
	cursor: move;
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}
div.dnd-item:nth-last-of-type(1) {
	margin-bottom: 0;
}
div.dnd-item i.fa {
	position: absolute;
	display: block;
	top: 1.0em;
	left: 0.74em;
	padding: 0;
	font-size: 0.7em;
	color: #5189C8;
}
div.dnd-item.gu-mirror {
	
	opacity: 1.0 !important;
	color: #FFFFFF;
	/*background-color: #5189C8 !important;*/
	background-color: rgba(81,137,200,0.5) !important;
}
div.dnd-item.gu-transit {
	/*font-size: 0.84em !important;*/
	/**/
	opacity: 1.0 !important;
	color: #FFFFFF;
	background-color: #5189C8 !important;/**/
}
div.dnd-target {
	/*position: relative;*/
	/*padding: 0.5em 0.8em 0.5em 1.5em;*/
	padding: 0.5em 0.8em 0.5em 0.8em;
	margin-bottom: 0.4rem;
	
	background-color: rgba(255,255,255,1);
	background-color: #E1EAF5;
	
	border: 1px solid #E1EAF5;
	border-width: 0 1px 1px 0;
	box-shadow: 2px 2px 2px #B6CEE8, -1px -1px 1px #E1EAF5;
	/*
	border: 1px solid #E6E6E6;
	border-color: #9FBDE0;
	border-width: 0 1px 1px 0;
	box-shadow: 2px 2px 2px #E6E6E6, -1px -1px 1px #F3F3F3;
	box-shadow: 2px 2px 2px #B6CEE8, -1px -1px 1px #D9E5F3;
	*/
	/*font-family: 'bebas_neueregular';*/
	font-size: 0.84em;
}
div.dnd-target:nth-last-of-type(1) {
	margin-bottom: 0;
}
/*div.dnd-target i.fa {
	position: absolute;
	display: block;
	top: 1.0em;
	left: 0.74em;
	padding: 0;
	font-size: 0.7em;
	color: #5189C8;
}*/

.location {
	
}
.location .box-cont {
	width: 100%;
	padding: 0;
	margin-top: 0.5em;
	border-top: 1px solid #0180AF;
}
.location .box-cont p:nth-last-of-type(1) {
	/*border-bottom: 1px solid #0180AF;*/
}
.location .box-cont .box {
	display: inline-block;
	width: 49%;
	padding: 0;
	vertical-align: top;
}
.location .box-cont .box.right{
	text-align: right;
}
.location a {
	text-decoration: none;
	color: #666666;
	color: #5189C8;
	/*font-weight: 700;*/
	font-family: 'bebas_neueregular';
}
.location .panorama {
	width: 100%;
	height: 12rem;
	background-image: url(1137_ho_00_p_2048x1536.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.location button[data-action="gomaps"]{
	border: 0;
	background: transparent;
	width: 5em;
	cursor: pointer;
	padding: 0;
}
.location button[data-action="gomaps"] img{
	width: 5em;
}

.razionale {
	
}
.razionale b {
	color: #5B90CB;
}
.razionale a {
	text-decoration: none;
	color: #666666;
}

.info {
	
}
.info b {
	color: #5B90CB;
}
.info i.fa-at, .info i.fa-phone {
	color: #5189C8;
}
.info a {
	text-decoration: none;
	color: #666666;
	color: #5189C8;
	/*font-weight: 700;*/
	font-family: 'bebas_neueregular';
}

.attachs i.fa-link {
	color: #5189C8;
}
.attachs a {
	text-decoration: none;
	color: #666666;
	color: #5189C8;
	/*font-weight: 700;*/
	font-family: 'bebas_neueregular';
}

.relatori {
	
}
.relatori i.fa{
	font-size: 1.6em;
	color: #999999;
	color: #5B90CB;
}
.relatori .list {
	display: table;
	width: 100%;
	border-collapse: collapse;
}
.relatori .list .row {
	display: table-row;
	width: 100%;
	border-top: 1px solid #0180AF;
}
.relatori .list .row .cell-l {
	display: table-cell;
	width: 10%;
	vertical-align: top;
	padding: 0.3rem;
	font-weight: bold;
}
.relatori .list .row .cell-r {
	display: table-cell;
	width: 80%;
	vertical-align: top;
	padding: 0.3rem;
}
.relatori .list .row .cell-r span.gra {
	color: #666666;
	font-style: italic;
}

.programma h2 {
	color: #666666;
}
.programma .list {
	display: table;
	width: 100%;
	border-collapse: collapse;
}
.programma .list .row {
	display: table-row;
	width: 100%;
	border-top: 1px solid #0180AF;
}
.programma .list .row .cell-l {
	display: table-cell;
	width: 10%;
	vertical-align: top;
	padding: 0.3rem;
	font-weight: bold;
}
.programma .list .row .cell-r {
	display: table-cell;
	width: 80%;
	vertical-align: top;
	padding: 0.3rem;
}
.programma .list .row .cell-r span.gra {
	color: #666666;
	font-style: italic;
}

.sponsor {
	
	
}
.sponsor b {
	color: #5B90CB;
}

.survey {
	
}
.survey b {
	color: #5B90CB;
}

.domanda {
	
}
.domanda b {
	color: #5B90CB;
}

.hide {
	display: none !important;
}

/* Page "domanda" */
#domanda-page .title {
	width: 100%;
	height: 5rem;
	text-align: center;
	line-height: 5rem;
}

#domanda-page .name-box {
	width: 100%;
	height: 4rem;
	text-align: center;
	font-size: 1.063rem;
	line-height: 4rem;
	color: #5189C8;
	background-color: #eaf6fc;
	-webkit-border-radius: .5rem;
	border-radius: .5rem;
	position: relative;
	padding-right: 2rem;
}

#domanda-page .select-name {
	position: absolute;
	background: none;
	border: none;
	color: #5189C8;
	font-size: 1.5rem;
	right: 1rem;
	top: 0;
}

#ask-button {
	border: none;
	-webkit-border-radius: .5rem;
	border-radius: .5rem;
	background-color: #5189C8;
	color: #fff;
	width: 80%;
	height: 2.750rem;
	font-size: 1.063rem;
	margin-top: 5rem;
	text-align: center;
	position: absolute;
	top: 10rem;
}

#tvote-confirm-btn {
	border: none;
	-webkit-border-radius: .5rem;
	border-radius: .5rem;
	background-color: #5189C8;
	/*width: 80%;*/
	/*height: 2.750rem;*/
	/*margin-top: 5rem;*/
	
	padding: 0.6rem 1.1rem;
	margin-top: 0.6rem;
	margin-bottom: 0.3rem;
	
	text-align: center;
	font-family: 'bebas_neueregular';
	font-size: 1.6rem;
	color: #FFFFFF;
	
	cursor: pointer;
}
#tvote-confirm-btn.disabled {
	opacity: 0.3;
}
#tvote-confirm-btn .fa, #tvote-confirm-btn .far {
	margin-right: 0.6rem;
}

#domanda-page .names-selector {
	width: 80%;
	position: absolute;
	z-index: 3;
	top: 3rem;
	background-color: #fff;
	padding-bottom: 4rem;
}

#domanda-page .names-selector .name-item {
	width: 100%;
	height: 3rem;
	border-bottom: 1px solid #ccc;
	line-height: 3rem;
	text-align: center;
	position: relative;
}

#domanda-page .names-selector .name-item .check {
	position: absolute;
	color: #5189C8;
	left: 1rem;
	top: 0;
}

#domanda-page .question-container {
	position: absolute;
	/* background-color: rgba(0,0,0,.5); */
	width: 100%;
	height: calc(100% - 7rem);
	top: 3rem;
	left: 0;
	z-index: 5;
}

#domanda-page .question-container .question-block {
	width: 100%;
	height: calc(100% - 2.750rem);
}

#domanda-page .question-container .question-title {
	height: 2.750rem;
	width: 100%;
	background-color: #fff;
	-webkit-border-top-left-radius: 1rem;
	-webkit-border-top-right-radius: 1rem;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	/* border: thin solid #d4d4d4; */
	position: relative;
	/* font-family: 'bebas_neueregular'; */
	background-color: #5189C8;
	color: #fff;
	font-size: 1.1rem;
	text-align: center;
	line-height: 2.750rem;
}

#domanda-page .question-container .question-body {
	width: 100%;
	height: 100%;
	background-color: #fff;
	padding: 1rem;
}

#domanda-page .question-container .question-body textarea {
	border: none;
	width: 100%;
	height: 100%;
	font-size: 0.938rem;
}

#domanda-page .question-container .question-body textarea:focus {
    padding-top: 3rem;
}

#cancel-quest-btn {
	position: absolute;
	background: none;
	border: none;
	/* color: #5189C8; */
	color: #fff;
	font-size: 1.5rem;
	left: .8rem;
	top: 0;
	height: 2.750rem;
}

#send-quest-btn {
	position: absolute;
	background: none;
	border: none;
	/* color: #5189C8; */
	color: #fff;
	font-size: 1.063rem;
	right: .8rem;
	top: 0;
	height: 2.750rem;
	text-transform: uppercase;
}

/* page "Survey" */
#poll-page .loader, #poll-page .poll-not, #poll-page .polled, #poll-page .poll-error, #poll-page .poll-sent {
	width: 100%;
	height: 100%;
	display: table;
}

#poll-page .poll-not {
	font-family: 'bebas_neueregular';
	margin-top: 1.6rem;
	font-size: 1rem;
}

#poll-page .loader-cell {
	width: 100%;
	height: 100;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 3rem;
	color: #2aaae2;
}

#poll-page .text-cell {
	width: 100%;
	height: 100;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 1rem;
}

#poll-page .poll .count {
	width: 100%;
	text-align: center;
	color: #999;
	font-size: 0.85rem;
	margin-top: .5rem;
}

#poll-page .poll .q {
	padding: 1rem;
	background-color: #fafafa;
	-webkit-border-radius: .5rem;
	border-radius: .5rem;
	width: calc(100% - 2rem);
	margin: 0 1rem;
}

#poll-page .poll .question {
	margin-bottom: 1rem;
	font-weight: bold;
}

.radios .radios-row {
	margin-top: .7rem;
}

.radios .check {
	display: inline-block;
	vertical-align: top;
	color: #2aaae2;
	width: 1.563rem;
	height: 1.563rem;
	font-size: 1.5rem;
	margin-top: -.25rem;
	margin-right: .32rem;
}

.radios .txt {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 2.4rem);
}

#next-btn {
	border: none;
	-webkit-border-radius: .5rem;
	border-radius: .5rem;
	background-color: #2aaae2;
	color: #fff;
	width: 60%;
	height: 2.750rem;
	font-size: 1.063rem;
	margin-top: .9rem;
	margin-left: 20%;
}

.red {
	color: #d20000;
}

.cyan {
	color: #2aaae2;
}

.s-text {
	font-family: 'bebas_neueregular';
	font-size: .86rem;
}

.s-text-s {
	font-family: 'bebas_neueregular';
	font-size: .7rem;
	color: #FFFFFF;
}

@media (prefers-color-scheme: dark) {
	
	body {
		background-color: #FFFFFF;
		background-image: url(bg.png);
		background-position: 33% 50%;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	#wrapper {
		background: rgba(255,255,255,0.5);
	}
	
	#qrcode {
		background-color: #FFFFFF;
		background-image: url(bg.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
}

/* (iOS 11.0-11.2) */
@supports (padding-top: constant(safe-area-inset-top)) {
	#head {
			--safe-area-inset-top: constant(safe-area-inset-top);
			height: calc(3rem + var(--safe-area-inset-top));
			padding-top: constant(safe-area-inset-top);
	}
	#menu {
			--safe-area-inset-top: constant(safe-area-inset-top);
			top: calc(var(--safe-area-inset-top) - .1rem);
	}
	#wrapper > div {
			--safe-area-inset-top: constant(safe-area-inset-top);
			padding-top: calc(3.6rem + var(--safe-area-inset-top)) !important;
	}
	#ask-button {
			--safe-area-inset-top: constant(safe-area-inset-top);
			top: calc(10rem + var(--safe-area-inset-top));
	}
	#domanda-page .names-selector {
			--safe-area-inset-top: constant(safe-area-inset-top);
			top: calc(3rem + var(--safe-area-inset-top));
	}
	#domanda-page .question-container {
			--safe-area-inset-top: constant(safe-area-inset-top);
			height: calc(100% - 7rem - var(--safe-area-inset-top));
			top: calc(3rem + var(--safe-area-inset-top));
	}
	#ham {
		--safe-area-inset-top: constant(safe-area-inset-top);
		padding-top: var(--safe-area-inset-top);
	}
}

/* (iOS 11.2+) */
@supports (padding-top: env(safe-area-inset-top)) {
	#head {
			--safe-area-inset-top: env(safe-area-inset-top);
			height: calc(3rem + var(--safe-area-inset-top));
			padding-top: var(safe-area-inset-top);
	}
	#menu {
			--safe-area-inset-top: env(safe-area-inset-top);
			top: calc(var(--safe-area-inset-top) - .1rem);
	}
	#wrapper > div {
			--safe-area-inset-top: env(safe-area-inset-top);
			padding-top: calc(3.6rem + var(--safe-area-inset-top)) !important;
	}
	#ask-button {
			--safe-area-inset-top: env(safe-area-inset-top);
			top: calc(10rem + var(--safe-area-inset-top));
	}
	#domanda-page .names-selector {
			--safe-area-inset-top: env(safe-area-inset-top);
			top: calc(3rem + var(--safe-area-inset-top));
	}
	#domanda-page .question-container {
			--safe-area-inset-top: env(safe-area-inset-top);
			height: calc(100% - 7rem - var(--safe-area-inset-top));
			top: calc(3rem + var(--safe-area-inset-top));
	}
	#ham {
		--safe-area-inset-top: env(safe-area-inset-top);
		padding-top: var(--safe-area-inset-top);
	}
}