
/*	Mobile  */
	@media screen and (max-width: 440px) {

		.Container H1.PageTitle {
			margin-top: 0 !important;
		    margin-bottom: 2.5rem;
		    font-family: var(--Font_Title);
		    font-size: 2.5rem;
        	text-align: left;
		}
		.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.6rem;
			margin-bottom: 0.5rem;
			font-family: var(--Font_Title);
		}

	/*	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;
			font-family: var(--Font_Text);
		}
		.Container .Columns .LeftColumn .Box LABEL {
			width:100%;
			box-sizing: border-box;
			margin-bottom: 1rem;
			font-family: var(--Font_Text);
		}
	/*	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;
			font-family: var(--Font_Text);
		}
		.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 {
			margin-top: 2rem;
			display: inline-block;
			font-size: 1.3rem;
			font-weight: 900;
			line-height: 1.3em;
			padding: 1rem 1.5rem;
			cursor: pointer;
			font-family: var(--Font_Text);
			text-transform: uppercase;
			text-align: center;
			cursor: pointer;
			position: relative;
			overflow: hidden;
			border-radius: 2px;
			background-color: #e6341d;
			color: white !important;
		}

		.Container .Columns .RightColumn .ButtonsBlock .proceedButton:HOVER:before, .Container .Columns .RightColumn .ButtonsBlock .proceedButton:FOCUS::before {
			left: 120%;
			-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
			transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
		}

		.Container .Columns .RightColumn .ButtonsBlock .proceedButton:before {
			content: "";
			background-color: white;
			height: 155px;
			left: -75px;
			opacity: .2;
			position: absolute;
			top: -50px;
			-webkit-transform: skewX(-38deg);
			transform: skewX(-38deg);
			-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
			transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
			width: 36px;
			z-index: 0;
		}






		.Forms BUTTON {
			border: 0;
			display: inline-block;
			width: 100%;
			font-size:1.4em;
			padding:0.5em;
			padding-left: 1em;
			padding-right: 1em;
			cursor: pointer;
			font-family: var(--Font_Text);
			text-transform: uppercase;
			text-align: center;
			cursor: pointer;
			position: relative;
			overflow: hidden;
			border-radius: 2px;
			background-color: #e6341d;
			color: white !important;
		}

		.Forms BUTTON:HOVER:before, .Forms BUTTON:FOCUS::before {
			left: 120%;
			-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
			transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
		}

		.Forms BUTTON:before {
			content: "";
			background-color: white;
			height: 155px;
			left: -75px;
			opacity: .2;
			position: absolute;
			top: -50px;
			-webkit-transform: skewX(-38deg);
			transform: skewX(-38deg);
			-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
			transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
			width: 36px;
			z-index: 0;
		}


		.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;
			font-family: var(--Font_Text);
		}
		.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_Text);
			-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) {

		.Container .Columns {
			display: flex;
			width:100%;
			column-gap: 2rem;
			margin-left: auto;
			margin-right: auto;
			margin-top: 3rem;
		}
		.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: 1.4rem;
			margin-bottom: 1rem;
			font-family: var(--Font_Title);
		}
		.Container .Columns P {
			font-family: var(--Font_Text);
		}

	/*	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;
			font-family: var(--Font_Text);
		}
		.Container .Columns .RightColumn .Row P {
			margin:0px;
			padding: 0px;
		}
		.Container .Columns .RightColumn .Row > P,
		.Container .Columns .RightColumn .Row > LABEL {
			flex:1;
		}
		#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.85em;
			line-height: 1.3em;
			padding-top: 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: 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;
			font-family: var(--Font_Text);
		}
		.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;
			margin-right: 1rem;
        	margin-bottom: 1rem;
		}
		.Container .Columns .RightColumn .ButtonsBlock .proceedButton {
			display: inline-block;
			font-size: 1.3rem;
			font-weight: 900;
			line-height: 4.3rem;
			padding-left: 1.5rem;
			padding-right: 1.5rem;
			cursor: pointer;
			font-family: var(--Font_Text);
			text-transform: uppercase;
			text-align: center;
			cursor: pointer;
			position: relative;
			overflow: hidden;
			border-radius: 2px;
			background-color: #e6341d;
			color: white !important;
		}

		.Container .Columns .RightColumn .ButtonsBlock .proceedButton:HOVER:before, .Container .Columns .RightColumn .ButtonsBlock .proceedButton:FOCUS::before {
			left: 120%;
			-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
			transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
		}

		.Container .Columns .RightColumn .ButtonsBlock .proceedButton:before {
			content: "";
			background-color: white;
			height: 155px;
			left: -75px;
			opacity: .2;
			position: absolute;
			top: -50px;
			-webkit-transform: skewX(-38deg);
			transform: skewX(-38deg);
			-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
			transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
			width: 36px;
			z-index: 0;
		}

		.Forms BUTTON {
			border: 0;
			display: inline-block;
			font-size:1em;
			padding: 0.5em 1em;
			padding-left: 1em;
			padding-right: 1em;
			outline: none;
			box-sizing: border-box;
			font-family: var(--Font_Text);
			text-transform: uppercase;
        	font-weight: 500;
			transition: background-color 0.2s ease;
			text-align: center;
			cursor: pointer;
			position: relative;
			overflow: hidden;
			text-transform: uppercase;
			border-radius: 2px;
			background-color: #e6341d;
			color: white !important;
		}

		.Forms BUTTON:HOVER:before, .Forms BUTTON:FOCUS::before {
			left: 120%;
			-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
			transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
		}

		.Forms BUTTON:before {
			content: "";
			background-color: white;
			height: 155px;
			left: -75px;
			opacity: .2;
			position: absolute;
			top: -50px;
			-webkit-transform: skewX(-38deg);
			transform: skewX(-38deg);
			-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
			transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
			width: 36px;
			z-index: 0;
		}


		.Forms LABEL {
			display: inline-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.1em;
			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_Text);
			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_Text);
			-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;
		}

	}

