
/*	Mobile  */
	@media screen and (max-width: 440px) {

		.Container {
		    margin-top: 7rem;
		    padding-top: 0;
		    width:92vw;
		    margin-left:auto;
		    margin-right:auto;
		    display: block;
		}
		.Container H1.PageTitle {
		    margin-bottom: 1.8rem;
		    font-size: 2rem;
		    font-weight: 300;
		}
		.Container .Columns,
		.Container .Columns .LeftColumn,
		.Container .Columns .RightColumn {
			display: block;
			width:100%;
		}
		.Container .Columns .Row {
			display: block;
			width:100%;
		}
		.Container .Columns H2 {
			display: block;
			margin: 0;
			padding: 0;
			font-size: 1.2rem;
			margin-bottom: 0.5rem;
			text-transform: uppercase;
		}

	/*	LOGIN FORM A SINISTRA */
		.Container .Columns .LeftColumn .Box {
			margin-bottom: 2rem;
			padding-bottom: 2rem;
			border-bottom: 1px dashed #999999;
		}
		.Container .Columns .LeftColumn .Box P {
			display: block;
			margin: 0;
			padding: 0;
			font-size: 1.2rem;
			margin-bottom: 1rem;
		}
		.Container .Columns .LeftColumn .Box LABEL {
			width:100%;
			box-sizing: border-box;
			margin-bottom: 1rem;
		}
	/*	REGISTRAZIONE COLONNA DESTRA */
		.Container .Columns .RightColumn .DatiRegistrazione {
			display: flex;
			flex-direction: column;
		}
		.Container .Columns .RightColumn .DatiRegistrazione H2 {
			margin-bottom:1rem;
		}
		.Container .Columns .RightColumn .Row P {
			margin:0px;
			padding: 0px;
		}
		.Container .Columns .RightColumn .Row LABEL {
			margin-bottom: 1rem;
		}
		#Register > div:nth-child(4) > div:nth-child(2) > label:nth-child(1) { /* SESSO */
			flex:0.5 !important;
		}
		#Register > div.DatiRegistrazione > div:nth-child(4) > label { /* CELLULARE */
			flex:0.5 !important;
		}
		#Register > div.DatiRegistrazione > div:nth-child(4) > p { /* CELLULARE DISCLAIMER */
			font-size: 0.95em;
			line-height: 1.4em;
			padding-bottom: 1rem;
		}
		#Register > div.DatiRegistrazione > div:nth-child(5) > label:nth-child(1) { /* CAP */
			flex: 0.18 !important;
		}
		#Register > div.DatiRegistrazione > div:nth-child(5) > label:nth-child(2) { /* COD FISC */
			flex: 0.3 !important;
		}
		.Container .Columns .RightColumn .DateSelector { /* CONTENITORE DATA NASCITA */
			display: flex;
			column-gap: 1rem;
			width: 100%;
		}
		.Container .Columns .RightColumn #DataGiorno {
			width: 11rem;
		}
		.Container .Columns .RightColumn #DataAnno {
			width: 13rem;
		}
		.Container .Columns .RightColumn .Newsletter LABEL {
			position: relative;
			padding-left:2rem;
			margin-bottom: 1rem;
		}
		.Container .Columns .RightColumn .Newsletter LABEL INPUT {
			position: absolute;
			left: 0;
			top: 0.05em;
			width: 1.2rem;
			height: 1.2rem;
			font-size: 2rem;
		}

		.Container .Columns .RightColumn .ButtonsBlock {
			display: block;
			margin-top: 2rem;
			text-align: center;
		}
		.Container .Columns .RightColumn .ButtonsBlock .captchaCont {
			display: inline-block;
			margin-left: auto;
			margin-right: auto;
		}
		.Container .Columns .RightColumn .ButtonsBlock .proceedButton {
			display: inline-block;
			background-color: var(--Palette1);
			color: #ffffff;
			font-size: 1.3rem;
			font-weight: 600;
			line-height: 1.8rem;
			text-transform: uppercase;
			padding: 1.4rem 1rem;
			-webkit-border-radius: 0.2rem;
			-moz-border-radius: 0.2rem;
			border-radius: 0.2rem;
			cursor: pointer;
			width: 100%;
			max-width: none;
			box-sizing: border-box;
			margin-top: 1rem;
		}
		.Container .Columns .RightColumn .ButtonsBlock .proceedButton:HOVER {
			background-color: var(--Palette1dark);
		}

		.Forms {

		}
		.Forms BUTTON {
			display: inline-block;
			width: 100%;
			line-height: 1.8rem;
			text-transform: uppercase;
			padding: 1rem;
			padding:0.5em;
			padding-left: 1em;
			padding-right: 1em;
			color:#ffffff;
			border:0;
			outline: none;
			box-sizing: border-box;
			background-color: var(--Palette1);
			cursor: pointer;
			-webkit-border-radius: 0.2rem;
			-moz-border-radius: 0.2rem;
			border-radius: 0.2rem;
			margin-top: 1rem;
			font-size: 1.3rem;
			font-weight: 700;
		}
		.Forms BUTTON:HOVER {
			background-color: var(--Palette1dark);
		}
		.Forms BUTTON span {
			font-family: var(--Font_Normal);
		}

		.Forms LABEL {
			display: block;
		}
		.Forms LABEL INPUT[type=password],
		.Forms LABEL INPUT[type=text] {
			display: block;
			width:100%;
			margin: 0;
			padding: 0;
			margin-top:0.3rem;
			font-size:1.3em;
			line-height: calc(2.4em - 2px);
			height: calc(2.4em - 2px);
			padding-left:0.5em;
			padding-right:0.5em;
			color:#444444;
			outline: none !important;
			border:1px solid #444444;
			background-color: #ffffff;
			font-family: var(--Font_Normal);
			box-sizing: border-box;
			-webkit-border-radius: 0.2rem;
			-moz-border-radius: 0.2rem;
			border-radius: 0.2rem;
		}
		.Forms LABEL INPUT[type=password]::placeholder,
		.Forms LABEL INPUT[type=text]::placeholder {
			color: #bbbbbb;
			font-style:italic;
		}
		.Forms LABEL INPUT[type=password]:-ms-input-placeholder,
		.Forms LABEL INPUT[type=text]:-ms-input-placeholder {
			color: #bbbbbb;
			font-style:italic;
		}
		.Forms LABEL INPUT[type=password]::-ms-input-placeholder,
		.Forms LABEL INPUT[type=text]::-ms-input-placeholder {
			color: #bbbbbb;
			font-style:italic;
		}

		.Forms LABEL SELECT {
			display: block;
			width:100%;
			margin: 0;
			padding: 0;
			margin-top:0.3rem;
			font-size:1.3em;
			line-height: calc(2.4em - 2px);
			height: calc(2.4em - 2px);
			padding-left:0.2em;
			color:#444444;
			outline: none !important;
			border:1px solid #444444;
			background-color: #ffffff;
			font-family: var(--Font_Normal);
			-webkit-border-radius: 0.2rem;
			-moz-border-radius: 0.2rem;
			border-radius: 0.2rem;
			cursor: pointer;
		}
		.Forms LABEL SELECT:disabled {
			border:1px solid #444444 !important;
			background-color: #ffffff !important;
			opacity: 1;
			cursor: not-allowed;
		}

		.Forms LABEL INPUT[type=checkbox]{
			display: block;
			width:2rem;
			float:left;
			margin: 0;
			padding: 0;
		}

		.Forms LABEL INPUT:disabled {
			border:1px solid #444444 !important;
			background-color: #ffffff !important;
			opacity: 1;
			cursor: not-allowed;
		}

	}

/*	Desktop  */
	@media screen and (min-width: 441px) {

		HTML,BODY {
			margin: 0rem;
		    padding: 0rem;
		}

		.Container {
			margin-top: 8rem;
		}

		.Container H1.PageTitle {
			display: block;
			margin: 0;
			padding: 0;
			margin-bottom: 2.7rem;
			line-height: 1em;
			font-size: 2.2rem;
			font-weight: 200;
			color: var(--Page_Title_Color);
			text-align: left;
			text-transform: uppercase;
		}

		.Container .Columns {
			display: flex;
			width:100%;
			column-gap: 2rem;
			margin-left: auto;
			margin-right: auto;
		}
		.Container .Columns .LeftColumn {
			width:28rem;
		}
		.Container .Columns .RightColumn {
			width:100%;
			padding-left: 2rem;
			border-left: 1px solid #cccccc;
		}

		.Container .Columns .Row {
			display: flex;
			width:100%;
			column-gap: 1rem;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 1rem;
		}
		.Container .Columns H2 {
			display: block;
			margin: 0;
			padding: 0;
			font-size: 1rem;
			margin-bottom: 1rem;
			text-transform: uppercase;
		}

	/*	LOGIN FORM A SINISTRA */
		.Container .Columns .LeftColumn .Box LABEL {
			width:100%;
			box-sizing: border-box;
			margin-bottom: 1rem;
		}
		.Container .Columns .LeftColumn .Box:first-of-type {
			margin-bottom: 3rem;
		}

	/*	REGISTRAZIONE COLONNA DESTRA */
		.Container .Columns .RightColumn .DatiRegistrazione {
			display: flex;
			flex-direction: column;
		}
		.Container .Columns .RightColumn .Row {
			display: flex;
			margin-bottom: 1rem;
		}
		.Container .Columns .RightColumn .Row P {
			margin:0px;
			padding: 0px;
		}
		.Container .Columns .RightColumn .Row > P,
		.Container .Columns .RightColumn .Row > LABEL {
			flex:1;
		}

		#Register > div.DatiRegistrazione > div:nth-child(4) > p { /* CELLULARE DISCLAIMER */
			font-size: 0.85em;
			line-height: 1.3em;
			padding-top: 1.4rem;
		}

		#Register .DatiRegistrazione .frmCellulare {
			flex: 0.5 !important;
		}
		#Register .DatiRegistrazione .frmGenere {
			flex:0.5 !important;
		}
		#Register .DatiRegistrazione .frmNome {
			flex:1;
		}
		#Register .DatiRegistrazione .frmCognome {
			flex:1;
		}
		#Register .DatiRegistrazione .frmDataNascita {
			flex:1;
		}
		#Register .DatiRegistrazione .frmNazione {
			flex:1;
		}
		#Register .DatiRegistrazione .frmProvincia {
			flex:1;
		}
		#Register .DatiRegistrazione .frmComune {
			flex:1;
		}
		#Register .DatiRegistrazione .frmProvinciaNascita {
			flex:1;
		}
		#Register .DatiRegistrazione .frmCap {
			flex: 1;
			flex-basis: 9rem;
			max-width:9rem;
		}
		#Register .DatiRegistrazione .frmCodiceFiscale {
			flex: 1;
			flex-basis: 13.6rem;
			max-width:13.6rem;
		}

		.Container .Columns .RightColumn .DateSelector { /* CONTENITORE DATA NASCITA */
			display: flex;
			column-gap: 1rem;
			width: 23.6rem;
		}
		.Container .Columns .RightColumn #DataGiorno {
			width: 11rem;
		}
		.Container .Columns .RightColumn #DataAnno {
			width: 13rem;
		}
		.Container .Columns .RightColumn .Newsletter LABEL {
			position: relative;
			padding-left:2rem;
			margin-bottom: 1rem;
		}
		.Container .Columns .RightColumn .Newsletter LABEL INPUT {
			position: absolute;
			left: 0;
			top: 0.05em;
			width: 1.2rem;
			height: 1.2rem;
			font-size: 2rem;
		}

		.Container .Columns .RightColumn .ButtonsBlock {
			display: block;
			margin-top: 2rem;
		}
		.Container .Columns .RightColumn .ButtonsBlock .captchaCont {
			display: block;
			float:left;
		}
		.Container .Columns .RightColumn .ButtonsBlock .proceedButton {
			display: inline-block;
			background-color: var(--Palette1);
			color: #ffffff;
			font-size: 1.4rem;
			font-weight: 500;
			line-height: 4.2rem;
			margin-left: 1rem;
			padding-left: 1.5rem;
			padding-right: 1.5rem;
			-webkit-border-radius: 0.2rem;
			-moz-border-radius: 0.2rem;
			border-radius: 0.2rem;
			cursor: pointer;
			font-family: var(--Font_Normal);
			text-transform: uppercase;
			transition: all 0.2s ease;
		}
		.Container .Columns .RightColumn .ButtonsBlock .proceedButton:HOVER {
			background-color: var(--Palette2dark);
		}

		.Forms {

		}
		.Forms BUTTON {
			display: inline-block;
			font-size:1.1em;
			padding:0.5em;
			padding-left: 1em;
			padding-right: 1em;
			color:#ffffff;
			border:0;
			outline: none;
			box-sizing: border-box;
			background-color: var(--Palette1);
			cursor: pointer;
			-webkit-border-radius: 0.2rem;
			-moz-border-radius: 0.2rem;
			border-radius: 0.2rem;
			font-family: var(--Font_Normal);
			text-transform: uppercase;
			transition: all 0.2s ease;
		}
		.Forms BUTTON:HOVER {
			background-color: var(--Palette1dark);
		}

		.Forms LABEL {
			display: inline-block;
		}
		.Forms LABEL INPUT[type=password],
		.Forms LABEL INPUT[type=text] {
			display: block;
			width: 100%;
			margin: 0;
			padding: 1.3rem;
			margin-top: 0.3rem;
			font-size: 0.9em;
			line-height: calc(2.4em - 2px);
			height: calc(2.4em - 2px);
			padding-left: 0.5em;
			padding-right: 0.5em;
			color: #444444;
			outline: none !important;
			border: 1px solid #444444;
			background-color: #ffffff;
			font-family: var(--Font_Normal);
			box-sizing: border-box;
			-webkit-border-radius: 0.2rem;
			-moz-border-radius: 0.2rem;
			border-radius: 0.2rem;
		}
		.Forms LABEL INPUT[type=password]::placeholder,
		.Forms LABEL INPUT[type=text]::placeholder {
			color: #bbbbbb;
			font-style:italic;
		}
		.Forms LABEL INPUT[type=password]:-ms-input-placeholder,
		.Forms LABEL INPUT[type=text]:-ms-input-placeholder {
			color: #bbbbbb;
			font-style:italic;
		}
		.Forms LABEL INPUT[type=password]::-ms-input-placeholder,
		.Forms LABEL INPUT[type=text]::-ms-input-placeholder {
			color: #bbbbbb;
			font-style:italic;
		}

		.Forms LABEL SELECT {
			display: block;
			width:100%;
			margin: 0;
			padding: 0;
			margin-top:0.3rem;
			font-size:1.1em;
			line-height: calc(2.4em - 2px);
			height: calc(2.4em - 2px);
			padding-left:0.2em;
			color:#444444;
			outline: none !important;
			border:1px solid #444444;
			background-color: #ffffff;
			font-family: var(--Font_Normal);
			-webkit-border-radius: 0.2rem;
			-moz-border-radius: 0.2rem;
			border-radius: 0.2rem;
			cursor: pointer;
		}
		.Forms LABEL SELECT:disabled {
			border:1px solid #444444 !important;
			background-color: #ffffff !important;
			opacity: 1;
			cursor: not-allowed;
		}
		.Forms LABEL SELECT .SeparatorLine {
			font-size:0.05rem;
			line-height: 1em;
			background-color: #cccccc;
		}
		.Forms LABEL SELECT .Separator {
			font-size:0.2rem;
			line-height: 1em;
		}

		.Forms LABEL INPUT[type=checkbox]{
			display: block;
			width:2rem;
			float:left;
			margin: 0;
			padding: 0;
		}

		.Forms LABEL INPUT:disabled {
			border:1px solid #444444 !important;
			background-color: #ffffff !important;
			opacity: 1;
			cursor: not-allowed;
		}

	}

