@font-face {
    font-family: 'Cinematografica';
    src: local('Cinematografica-Bold'),
        url('../../fonts/Cinematografica-Bold.woff2') format('woff2'),
        url('../../fonts/Cinematografica-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
  
@font-face {
    font-family: 'Cinematografica';
    src: local('Cinematografica-Regular'),
        url('../../fonts/Cinematografica-Regular.woff2') format('woff2'),
        url('../../fonts/Cinematografica-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html{
	font-size: 27px;
    letter-spacing: 2.3px;
}
body{
	font-family: 'Cinematografica', 'Open sans', sans-serif;
	font-size:1.5rem;	font-weight:normal;
	line-height: 1;
	
	
}
a, a:active, a:hover, a:focus{
	text-decoration: none;
}
#user_messages {
    max-width: 400px;
    margin: 0 auto;
    line-height: 1.2em;
}
.info-box img, .main-container img{
	border-radius: .5rem;
}
.no-border {
    border: 0;
}
.inner-header div {
    height: 100%;
}

.full-width{
	width:100%;
}
.before-footer {
    padding-top: 2px;
}
.ap-level-box .block-overlay {
    max-width: 100px;
    right: 0;
}
.bottom-line {
    display: inline-block;
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 20px;
    padding-bottom: 15px;
}
.vu-right, .vu-left{
	top:60px;
}
/*.vu-center{
	position: relative;
	top: 50px;
}*/
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: .6rem!important;
    padding-left: .6rem!important;
}

@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1200px;
	}

}
@media (min-width: 1440px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1400px;
	}
	}
.block-banner{
	box-shadow: 0px 5px 8px -5px #000;
}
div#Info1 {
    background-color: whitesmoke;
}
#Info2 h2 {
    position: relative;
    top: -120px;
    background: #f5f5f5c2;
}
/*.infobox{
	background: url(../../images/alter/pellicola.png) top center repeat-x;
}*/
/*COOKIES BANNER*/
.cookiebanner{
    background-color: #256C40!important;
}
.cookiebanner, .cookiebanner a, .cookiebanner label{
    color: #FFF!important;
}
.cookiebanner a{
    text-decoration:underline!important;
}

.cookiebanner a:hover{
    color:#d2d2d2!important
}
.button-cookies, .cookiebanner input[type="button"] {
	background-color: #ffffff!important;
    color: #256C40!important;
    border: none!important;
    border-radius: 10px;
    padding: 5px 10px;
	font-size: 20px;
	font-weight: bold;
	border:1px solid #FFF!important;
}
.button-cookies:hover, .cookiebanner input[type="button"]:hover {
	background-color:#256C40!important;
	color: #ffffff!important;
}
/*END COOKIES BANNER*/

.main-container {
	/*overflow-x: hidden;*/
}
.inner-header{
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 99;
	/*background:url(../../images/alter/bg.png) bottom center no-repeat;*/
	/*background-size: cover;*/

}
/*STICKY HEADER*/
#Header.fixed-header {    
	position: fixed;    width: 100%;  width: -moz-available;          /* WebKit-based browsers will ignore this. */
        width: -webkit-fill-available;  z-index: 9990;/*height:67px;*/top: 0;
}
.inner-header {
    height: 50px;
}
#Banner{margin-top:50px;}
.logo-main{
    height: 100%;
	width: auto;
	/*padding-bottom: 10px;*/
}

.logo-main,.logo-main-2, .inner-header{   
    transition: all .2s ease-in-out;

}
/*#Header.fixed-header .logo-main,*/ #Header.fixed-header .inner-header {   
	/*height: 3.5rem;*/
}
.inner-header{
	    /*box-shadow: 0px 1px 0px 1px #ccc;*/
		
}

#Header.fixed-header .inner-header{
	box-shadow: 0px 10px 6px #00000029;

	top:0;
	    /*box-shadow: 0px 1px 0px 1px #ccc;*/
}
.logo-bar, .logo, .menu_box{	transition:all .2s ease-in-out;}


/*END STICKY HEADER*/

/*MENU*/
.menu_wrapper {     
	/*margin: 0 auto;*/
	float: right;
	height: auto!important;
}

.nav-link{
    font-size: 30px;
    font-weight: bold;
	font-family: 'Cinematografica', 'Open sans', sans-serif;
	padding:0em 1.2em!important
}
.fixed-header .nav-link{
/*    padding: 0em 1em!important;
	font-size: .85rem;*/
}
.nav-link, .nav-link:hover, .nav-link:active,.nav-link:focus{
	/*color: #FFF;*/text-decoration: none;
}

.navbar-nav{
	list-style: none;    
	padding: 0;
}
.navbar {
    padding: 0;
}
.menu_box {    
	margin: 8px auto;    
	width: fit-content;
}
.navbar-toggle .icon-bar {   
	background-color: #007cbb;
}
.navbar-toggle{
	margin-right: 8px;
}
/*END MENU*/
/*FONT*/
.font-sdt, .font-std{
	font-family: 'Open sans', sans-serif;
	font-size: 19px;
	letter-spacing: 0.2px;
}
.font-special{
	font-family: 'Cinematografica', 'Open sans', sans-serif;
	font-weight: bold;

}
.font-base {    
	font-size: 1rem;
}
.font-xxs {
	font-size: 0.60rem; /**/
}
.font-xs { 
	font-size: 0.90rem; /*14px*/
}
.font-s{    
	font-size:.8rem; /*16*/
	line-height: 1.3;
}
.font-m, h3 {    
	font-size:1rem; /*20*/
}
.font-ml {    
	font-size:1.25rem; /*25*/
	line-height: 1.25rem;
}
.font-l{    
	font-size:1.60rem; /*32*/
}

.font-xl{
	font-size: 2.5rem;    
	line-height: 1;
}
h1{
	font-size: 3rem;    
	line-height: 1;
}
h2{
	font-size: 1.15rem;    /*23*/
}
#Tabella-Dati thead tr th {
    border: 0;
}
#Tabella-Dati .bg-head{}
#Tabella-Dati p{
	color: #FFFFFF;
	font-size: 1.6rem;
	font-family: 'Cinematografica', 'Open sans', sans-serif;
	margin: 0!important;
}
#Tabella-Dati .tab-head p{
color: #18563F;
font-size: 1.4rem;
font-family: 'Cinematografica', 'Open sans', sans-serif;
margin-top: 5px!important;
}
#Tabella-Dati tr{
vertical-align: middle;
}

#Tabella-Dati tr:last-child td{
	border: 0;
	}
#Tabella-Dati th:nth-child(2),#Tabella-Dati td:nth-child(2){
	text-align: left;
	width: 45%;
}
#Tabella-Dati td:nth-child(3){
	min-width: 20rem;
}
#Tabella-Dati th:nth-child(2) p,#Tabella-Dati td:nth-child(2) p{
padding-left: 9rem;
}
#Banner h2{
	font-size: .95rem;    /*19*/
}
.font-xxl{
	font-size:2.25rem;    /*45*/
	/**/
}
h3 {
    font-size: 1.4rem;
}
.h1, .h2, .h3, h1, h2, h3 {    
	margin-top: 0;    
	/*line-height: 1rem;*/
	margin:0;
	padding:0;
	font-family: 'Cinematografica', 'Open sans', sans-serif;
	font-weight: bold;
}
/*.bold{
	font-weight: 800;
}*/

h1{
	/*color:#000!important;
	font-weight:800;*/
}
h2 {
    /*font-weight: bold;*/
    font-size: 1.7rem;
}

.no-underline, .btn-box a{
	text-decoration:none!important;
}
/*END FONT*/
/*COLOR*/
/*MAIN COLOR #007cbb blu*/
/*SECONDARY COLOR  #b3b3b3 #grigio*/
/**-#63513d marrone*/
.table-wrapper {
    /*width: calc(100% - 142px);*/
    overflow: hidden;
}
/*.table>:not(caption)>*>* {
    padding: 5px 5px 5px 7px!important;
	border: 0;
	width: 22px;
}*/

.fixed-header .left-block .mt-15 {
    margin-top: 8px;
}
.fixed-header .menu_box {
    margin-top: 3px;
}
.search-box{
    background: #e8e8e8;
    padding: 20px 20px;
    margin-top: 30px;
}

/*.border-main {    
	box-shadow:0px 0px 5px 6px #007cbb;
}*/
.border-secondary{ 
	box-shadow:0px 0px 5px 6px /*#CEE7DE*/#fff;
}
/*a{
	text-decoration: underline;
}*/
.btn a:focus ,.btn a:hover,.btn a:active {
	color: #ffffff;
}
h2
.btn a, a.btn, button.btn  {
	text-decoration: none;
	/*border:1px solid #b3b3b3;*/
	
}

.btn {    

    /*box-shadow: 0px 3px 0px #003121;*/
    padding: 3px 1.25rem;
	font-weight: 700;
	font-size: 1.9rem;
    white-space: inherit;

	
}
.richiesta .btn {
    max-width: 255px;
}

input.product:checked~label {
    opacity: 0.7;
}

.btn-large .btn{
    padding: 2px 40px;
    
	/*box-shadow: 4px -4px 0px #273069;*/
}
.btn-small{
	font-size: 1.9rem!important;
    padding: 5px .5rem;
	/*width: 100px;*/
    
	/*box-shadow: 4px -4px 0px #273069;*/
}

.btn-box {
    display: inline-block;
    
}
.rounded-box{
	border-radius: 71px;
	border: 1px solid #FFFFFF;
	padding-left: 20px!important;
}
.circle-box{
	background-color: #FFFFFF;
	border-radius: 100%;
	width: 130px;
	height: 130px;
	position: relative;
	z-index: 1;
}
.thankyou  .circle-box{   
	right: 20%;
	top: -30px;
}
.areapersonale .block-overlay{
	z-index: 0;
}
.thankyou   .block-overlay {
    width: 92%;
}
.data-ora {
    border: 1px solid #007cbb;
    border-radius: 5px;
	    padding: 15px;
    color: grey;
}
.btn-shadow{
/*		box-shadow:8px -8px 0px #7391b2;*/

	
}

.btn:hover {    
	/*box-shadow: 0px 4px 0px #CEE7DE;*/
}
/*END COLOR*/

.spacing-text{    margin: 140px auto;}

/*PAGINATION*/
.paginationjs .paginationjs-pages li.active>a {
    /*background: #e6007e!important;*/
	color:#51312d!important;
	background: #FFF!important;
    /*line-height: 29px!important;*/
}
.paginationjs .paginationjs-pages li>a:hover{
	background: #FFF!important;
}

.paginationjs .paginationjs-pages li>a {
    background: 0 0;
	font-size:17px!important;
	min-width: 21px!important;
	/*font-family:'benguiat_frisky', sans-serif;*/
	    padding: 0 5px;
    text-decoration: none;
}
.paginationjs .paginationjs-pages li {
    border: 0!important;
}

.paginationjs .paginationjs-pages {
    float: none!important;
}

.paginationjs .paginationjs-pages ul {
    float: none!important;
    display: inline-flex;
	    list-style: none;
	    padding: 0;
}

.border-bottom{border-bottom:1px solid lightgray;}

/*FORM*/
.form-small{width:100%;max-width:320px;    margin: 5px auto;}
form .custom-file-upload {
	display: inline-block;    
	padding: 7px 10px;    
	cursor: pointer;    
	font-weight: normal;
	    margin: 5px 0;
		border-radius:0;
	box-shadow:0px 3px 6px #00000029;
}
#form_receipt .scontrino input[type="text"] { 
	height: 38px;    
	text-align: center; 
/*	font-size:1em;    
	color: #000;*/
}
.scontrino {
    overflow: hidden;
}
form input~span {
    margin: 2px;
}
#form_receipt  .scontrino .data input[type="text"] {
    width: 26%!important;
}

#form_receipt .files {
	max-width: 558px;
    margin: 0 auto;
}
#form_receipt .files p{
	font-size: .8rem;
}
#form_receipt .files .inputs{
    
}
.flex{
	display: flex;
    justify-content: center;
}
.flex .block{
	-js-display: flex;
     display: flex; 
     flex-flow: column; 
     align-items: center;
	 margin: 5px 15px;
}



form .inputs, form .inputs{
    width: 100%;
    border-radius: 0;
    border: 1px solid #FFF;
    text-align: center;
    color: #18563F;
    min-width: 62px;
    font-size: 12px;
    line-height: 35px;
    margin-bottom: 10px;
    background: #f4f4f4;
    max-width: 500px;
	font-weight: normal!important;
	padding: 0 10px;
    height: 40px;
	 
}
::placeholder{
	color: #18563F;
}
.scontrino .inputs{
	text-align: center;
}
.prize-sel .inputs{
	font-size: 12px;
    line-height: 20px;
    width: 4.5rem;
    padding: 0px 0px 0px 5px;
    text-align: left;
	display: block;
    margin-left: -30px;
}
form .partecipa .inputs,form .partecipa .inputs{
	font-size: 1rem;
}
form .scontrino .inputs,form .registrazione .inputs{
        border:1px solid #f4f4f4;
}
form .scontrino label{
 
}

   
.partecipa form .inputs{
	
}
.inputs.full-width{
	   /*box-shadow: 0px 0px 8px 0px #000;*/
}
form .small-input{	line-height: 20px;max-width: 320px;}
form .ricerca .inputs, .small-inputs{
	width: 70%;    
}
/*form .ricerca-full .inputs{
	width: 100%;    
	color:#005c23;
	font-weight:500;
}
form .ricerca .inputs, .small-inputs{
	width: 70%!important;    
}
*/
form input[disabled] {    
	color: #009881!important;
    background: lightgray;
}
.btn-flat {
    padding: 7px;
    box-shadow: none;
    line-height: 1em;
	font-size:.8em;
}
.cerca .btn {
    padding: 2px 25px;
}

.btn-large .btn {
    line-height: 40px;
}
form select{    
	padding: 3px 10px;
}
form .inputs.error{ 
	border: 1px solid red!important;
}
.inputs.qty{
	width: 70px;
	font-weight: bold!important;
}
.actionproduct{
	border-radius: 100%;
	width: 37px;
	height: 37px;
	border: 1px solid #FFF;
	color: #FFF;
	background-color:#009881 ;
	font-weight: bold;
}

form label {  
	font-size: 1rem;    
	font-weight: normal;    
	width: 100%;    
	margin: 12px 0px 5px 0px;
	display: block;
}

.partecipa .product.inputs{
	font-weight: bold!important;
}
form .bg-black label{font-weight:normal;}
/*.dati-acquisto>div{margin-top:33px;}*/
.check-label label, .radio-label label  {
    margin: 0;
	text-align: left;
    display: initial;
	cursor:pointer;
	z-index:999;
}
.check-block>input, .check-block>label {
    display: initial;
	z-index: 12;
    position: relative;
}
.check-block>input{
	margin-right: 5px;
}

.error~.check-label {
    border: 1px solid red;
	margin-left: -25px;
    padding-left: 25px;
}

input[value="1"].error ~.check-error, input[value="F"].error ~.check-error {
    border-right: 0;
}
input[value="0"].error ~.check-errorm, input[value="M"].error ~.check-error {
    border-left: 0;
}
#receipt_file_front_name{color:#FFF;text-align:center;}
input[type=radio],input[type=radio]~label {
    position: relative;
    z-index: 12;
}
.error~.radio-label label{
    color:red;

}

@-webkit-keyframes c-error {
	0%, 100% {
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	}
  
	10%, 30%, 50%, 70%, 90% {
	  -webkit-transform: translateX(-5px);
	  transform: translateX(-5px);
	}
  
	20%, 40%, 60%, 80% {
	  -webkit-transform: translateX(5px);
	  transform: translateX(5px);
	}
  }
  
  @keyframes c-error {
	0%, 100% {
	  -webkit-transform: translateX(0);
	  -ms-transform: translateX(0);
	  transform: translateX(0);
	}
  
	10%, 30%, 50%, 70%, 90% {
	  -webkit-transform: translateX(-5px);
	  -ms-transform: translateX(-5px);
	  transform: translateX(-5px);
	}
  
	20%, 40%, 60%, 80% {
	  -webkit-transform: translateX(5px);
	  -ms-transform: translateX(5px);
	  transform: translateX(5px);
	}
  }
  @-moz-keyframes c-error {
	0%, 100% {
	  -webkit-transform: translateX(0);
	  -ms-transform: translateX(0);
	  transform: translateX(0);
	  -moz-transform: translateX(0);
	}
  
	10%, 30%, 50%, 70%, 90% {
	  -webkit-transform: translateX(-5px);
	  -ms-transform: translateX(-5px);
	  transform: translateX(-5px);
	  -moz-transform: translateX(-5);
	}
  
	20%, 40%, 60%, 80% {
	  -webkit-transform: translateX(5px);
	  -ms-transform: translateX(5px);
	  transform: translateX(5px);
	  -moz-transform: translateX(5);
	}
  }
  
  
  form .inputs.error{ 
	  border: 2px solid red!important;
  animation: c-error 1.5s  linear;
  -webkit-animation: c-error 1.5s  linear;
  -moz-animation: c-error 1.5s  linear;	
  animation-iteration-count: 3;
  }
  form input[type="file"].error~.custom-file-upload,form input[type="radio"].error~label, .prodotto.error~label {    
	border: 2px solid red!important;
  animation: c-error 1.5s  linear;
  -webkit-animation: c-error 1.5s  linear;
  -moz-animation: c-error 1.5s  linear;
  animation-iteration-count: 3;	
  }
  form input[type="file"] {
    width: 100%;
}

/*TOOLTIP*/
.check-block{margin:0 auto;}
.box-header{
border-top:1px solid #666;
border-bottom:1px solid #666;
    height: 6em;
}
.box-header p, .box-header h3 {
    line-height: 5em;
}
.special-error{
	border:2px dashed red;
	color:red;
	margin: 50px auto;
	padding:10px;

}
.card-small .line{    max-width: 140px;
    border-bottom: 2px solid gray;
    margin: 0 auto;
    width: 90%;
}
.line-small{
    border-bottom: 1px solid gray;
	width: 50%;
	min-width:200px;
	margin: 10px auto;
}
.linea{
	border-bottom: 1px solid #bfbfbf;
 }
.btn-style{
	background-color:#eeeeee;
	border-radius:5px;
	
    line-height: 2em;

}
.coccarda:after {
    content: "";
    width: 3.1rem;
    height: 3.1rem;
    background: url(../../images/alter/coccarda.svg) no-repeat top center;
    position: absolute;
    top: 32%;
    left: 60px;
}
.stato-scalata{
	width: 41px;
    height: 41px;
    float: right;
    position: relative;
    left: 20px;
}
/*.mytooltip {
    background: #fff;
    border: 1px solid #007cbb;
    border-radius: 5px;
    padding: 10px;
	position:relative;
	    box-shadow: 0px 4px 4px #c3c3c3;

}*/
/*END FORM*/
/*.vu-bottom {
    margin-top: -250px;
}
.home .vu-bottom{
	margin-top: -150px;
}*/
.btn-radius{
	border-radius: .5rem;
}
.button-standard{
	line-height: 1;
	min-width: 180px;
	font-family: 'Cinematografica', 'Open sans', sans-serif!important;
	font-weight: bold;
}
#TopBar {
    
}
/*OVERLAY*/
.loading-overlay {       
	background: #214c9bf2;    
}
.loading-overlay .lds-spinner{
	margin-top:100px;
}
/*END OVERLAY*/
/*FOOTER*/
#Footer *{
	/*color: #b3b3b3;*/
	
/*	font-family: 'Roboto', serif;*/
}
#Footer {    
	/*background:url(../../images/alter/bg-footer.png) no-repeat top center;*/
	/*background-size: 100%;*/
	/*padding-top: 35px;*/
	overflow:hidden;
	    line-height: .8rem;
		margin-top: -2px;
}
#Footer  .copyright{
	margin: 10px 0 0 0;
	font-weight: 300;
}
.card {
    display: inherit;
    margin: 0 auto;
	
	}
.semibold{
	font-weight: 500;
}
.display-contents{
	display: contents!important;
}
/*END FOOTER*/

/**/
#Wrapper {
    overflow: hidden;
}
.block-overlay {
    top: 2px;
}


@media (max-width: 1440px){
	/*.vu-bottom {
		margin-top: -200px;
	}
	.home .vu-bottom {
		margin-top: -120px;
	}*/
}
@media (max-width: 1200px){
	/*.vu-bottom {
		margin-top: -150px;
	}
	.home .vu-bottom {
    margin-top: -100px;
}*/
.font-ml {
	font-size: 1.10rem;
}
/*html{font-size: 18px;}*/
/*.nav-link {
    font-size: 12px;
}*/
.font-xs {
    font-size: 0.50rem;
}
	/*.logo-main {    
		height: 90px;
	}*/
}
@media (max-width: 1199px){
	/*html{font-size: 16px;}*/
}
@media (max-width: 991px){
	.block-overlay.wow.slideInRight {
		width: 140%;
		right: -20%;
	}
	.rounded-box {
		width: 100%;
	}
	.areapersonale .block-overlay {
		z-index: 0;
		width: calc(100% - 30px)!important;
	}
	.arrow-box{
		width: 95%;
	}
	.nav-link{
		font-size: 10px;
	}
	
	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: .5rem!important;
		padding-left: .5rem!important;
	}
	.vu-right, .vu-left{
		top:45px;
	}
	/*.inner-header {
		height: 75px;
	}
	#Header.fixed-header .inner-header {
		height: 55px;
	}*/
.fixed-header .menu_box {
    margin-top: 0px;
}
/*html{font-size: 16px;}*/
#Tabella-Dati th:nth-child(2) p, #Tabella-Dati td:nth-child(2) p {
    padding-left: 4rem;
}
.dettaglio-partecipazione .align-left {
    text-align: center;
}
.logo-bar {
    margin-left: 0;
}
}
@media (min-width: 768px){
.nav-text {    transition: all .2s ease-in-out}
/*#Header.fixed-header .nav-text {    font-size: 0.8em;}*/
}


@media (max-width: 767px){
	/*.font-xl, h1 {
		font-size: 1.2rem;
}*/
.thankyou .saldo-pti {
    max-width: 80%;
    display: block;
}
	.thankyou .circle-box {
		right: 20%;
	}
	.nav-link{
		font-size: 14px;
	}

.vu-right, .vu-left {
    top: 20px;
}
.full-width-sm{
	width:100%;
}
/*html{font-size: 16px;}*/

#Tabella-Dati th:nth-child(2) p, #Tabella-Dati td:nth-child(2) p {
    padding-left: 0;
}
#Tabella-Dati th:nth-child(2), #Tabella-Dati td:nth-child(2) {
    width: auto;
	min-width: 10.5rem;

}
#Tabella-Dati p, #Tabella-Dati .tab-head p {
    font-size: 1rem;
}
.btn-small {
    font-size: 1.2rem!important;
    min-width: auto!important;
}
.btn-large .btn {
    font-size: 1.55em;
}
.menu_box{	transition: 0s;}
	.spacing-text{    margin: 80px auto;}
	form label {
		margin-top: 25px;
	}
	.logo-bar{
		float: left;
	}
/*MENU*/
	.navbar-fixed-top-mobile {    
		position: fixed;    
		right: 0;    
		left: 0; 
		top: 0;   
		z-index: 1030;
	}
	#navbarNavDropdown {    
		background: #3a3a3aed;    
		position: inherit;    
		top: 0px;    
		left: 0;       
		height: 100vh;
	}
	.nav-link 	{
		padding: 30px 5px!important;    
	}
	.nav-link .nav-text	{
		line-height: 2em;
	}
	.navbar-nav{
		margin:0;
	}
	#overlay-menu-button {
		position: absolute;
		right: 0em;
		top: .5rem;
		padding: 10px;
		z-index: 5;
		cursor: pointer;
		user-select: none;
	}
	#overlay-menu-button span {
		height: 4px;
		width: 35px;
		border-radius: 2px;
	/*	background-color: #63513d;*/
		position: relative;
		display: block;
		transition: all .2s ease-in-out;
	}
	#overlay-menu-button span:before {
		top: -10px;
		visibility: visible;
	}
	#overlay-menu-button span:after {
		top: 10px;
	}
	#overlay-menu-button span:before, #overlay-menu-button span:after {
		height: 4px;
		width: 35px;
		border-radius: 2px;
		position: absolute;
		content: "";
		transition: all .2s ease-in-out;
	}
	#overlay-menu-input {
		display: none;
	}

	#overlay-menu-input:checked ~ #overlay-menu {
		visibility: visible;
	}
	#overlay-menu-input:checked ~ #overlay-menu-button span:before {
		transform: rotate(45deg) translate(7px, 7px);
		opacity: 1;
	}
	#overlay-menu-input:checked ~ #overlay-menu-button span:after {
		transform: rotate(-45deg) translate(7px, -7px);
	}

	#overlay-menu {
		height: 100vh;
		width: 150px/*menu*/;
		z-index: 2;
		visibility: hidden;
		position: fixed;
		top: 0;
		right:  0;
	}
	#overlay-menu.active {
		visibility: visible;
	}
	#overlay-menu ul {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		text-align: center;
		height: 100vh;
		width: 150px/*menu*/;
		padding-left: 0;
		list-style-type: none;
	}
	#overlay-menu ul li {
		/*padding: 1em;*/
		    height: 10vh;
	}
	#overlay-menu ul li a {
		text-decoration: none;
		font-size: 1rem;
	}
	.menu_inner {
		width: 150px/*menu*/;
		height: 100vh;
	}
/*END MENU*/
}
@media only screen and (max-width: 575px) {
	h1 {
		font-size: 2.3rem;
	}
	.font-xl {
		font-size: 2rem;
		
	}
	.thankyou .circle-box {
		top: -15px;
	}
	.thankyou .saldo-pti {
		max-width: 55%;
	}
	.premi .ap-point-box {
		height: auto!important;
	}
	.rounded-box p {
		text-align: left;
		margin-left: 15px;
	}
	.rounded-box {
		width:100%;
	}
	.saldo-pti{
		display: block;
		margin: 0!important;
		margin-top: 10px!important;
	}
	.circle-box {
		width: 90px;
		height: 90px;
	}
	.thankyou .circle-box {
		 width: 130px; 
		 height: 130px; 
	}
	.button-standard {
    min-width: 150px;
}
.vu-left{display: none;}
.vu-left-xs{display: block!important;}
.vu-center {
    padding-bottom: 0;
}
/*html {    font-size: 16px;}*/
/*#Header.fixed-header .inner-header, #Header.fixed-header .logo-main {
    height: 40px;
}*/
#Tabella-Dati th:nth-child(2) p, #Tabella-Dati td:nth-child(2) p {
    padding-left: 0;
}
#Tabella-Dati th:nth-child(2), #Tabella-Dati td:nth-child(2) {
    width: auto;
	min-width: 0;

}
#Tabella-Dati p, #Tabella-Dati .tab-head p {
    font-size: .8rem;
}
#Tabella-Dati td:nth-child(3) {
    min-width: 0;
}
.btn-small {
    font-size: 1rem!important;
    min-width: auto!important;
}
}
@media only screen and (max-width: 420px) {
/*html {    font-size: 16px;}
.inner-header {
    height: 60px;
}
*/
}
@media only screen and (max-width: 320px){

}