﻿@font-face {
  font-family: 'HelveticaNeue';
  font-weight: normal;
  src: url('HelveticaNeue-Condensed.ttf');
}

@font-face {
	font-family: 'HelveticaNeue';
	font-weight: bold;
	src: url('HelveticaNeueCondensedBold.ttf');
  }

  @font-face {
	font-family: 'HelveticaNeueLight';
	font-weight: normal;
	src: url('HelveticaNeueLightCondensed.ttf');
  }

  @font-face {
  font-family: 'HelveticaNeueCondensedBlack';
  font-weight: normal;
  src: url('helvetica-neue-black-condensed.ttf');
}*


html {
	height:100%;
    background-color:white;
}

body
{
    background-color:white;
	margin: 0px;
    font-family: 'HelveticaNeue', sans-serif!important;
    line-height:24px;
	height:100%;
	text-align:center;
	font-weight:normal;
}

input:focus,
select:focus,
textarea:focus,

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #5a5a5a;
  opacity: 1; /* Firefox */
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent; 
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #372817; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: black; 
}

option {
	font-size:24px;
}

button:focus, button:active {
    outline: none !important;
}

button {
	font-family: 'HelveticaNeue'!important;
	cursor:pointer;
	width:147px;
	height:55px;
	border-radius:10px!important;
	border:none;
	color:#eee2d5;
	background-color:#372817;
}

a
{
border:none;
text-decoration:none;
color:inherit;
}

a:hover {
	text-decoration:none;
	color:inherit;
}


img
{
	border:none;
}

sub, sup {
    position: initial!important;
}

hr {
	height:1px;
	border: none;
    height: 1px;
    color: #858483; /* old IE */
    background-color: #858483; /* Modern Browsers */
	margin-bottom:40px;
	margin-top:10px;
}

select {
	width:100%;
	height:62px;
	border:0;
	border-radius:10px;
	font-size:24px;
	font-family:HelveticaNeue;
}

.mobileOnly {
	display:none;
}

.green {
	color:#1b9871;
}

.red {
	color:#e10c7c;
}

.blue {
	color:#0096d1;
}

#luce_customer {
	text-transform:uppercase;
}

#gas_customer {
	text-transform:uppercase;
}

.mainContainer {
	padding-top:120px;
	background-color:white;
}

.homeFooter {
	margin-top:150px;
	background-image: linear-gradient(to right, #009871 , #0096d0);
	height:175px;
	width:100%;
	color:white;
	font-size:18px;
}

.homeFooterInner {
	padding-top:15px;
	padding-left:50px;
	padding-right:50px;
	width:100%;
	max-width:1400px;
	display:table;
	margin:0 auto;
	color:white;
	font-size:20px;
	line-height:24px;
	text-align:left;
}

.footer1 {
	display:table-cell;
	width:40%;
	vertical-align:top;
}

.footer2 {
	display:table-cell;
	width:20%;
	vertical-align:top;
}

.footer3 {
	display:table-cell;
	width:30%;
	vertical-align:top;
}

.footer3 img {
	max-width:300px;
	padding-top:40px;
}

.menuContainer {
	position:fixed;
	width:100%;
	height:120px;
	background-image: linear-gradient(to right, #9d3cb6 , #e6437d);
	box-sizing:border-box;
	z-index:100;
}

.menuInner {
	max-width:1400px;
	width:100%;
	margin:0 auto;
	padding-top:17px;
}

.menuInner ul {
	list-style: none;
	padding-left:0;
}

.menuInner li {
	display:inline-block;
	color:white;
	font-size:20px;
	text-transform:uppercase;
	/*font-family:HelveticaNeueRoman;*/
	font-weight:bold;
	margin:10px 67px 0px 0px;
	cursor:pointer;
}

.menuInner li:hover {
	text-decoration:underline;
}

.menuLogo {
	cursor:auto!important;
}

.menuLogo img {
	width:300px;
}


.menuMobile {
	display:none;
}

.image1 img {
	width:100%;
}

.image1Mobile {
	display:none;
}

.image2 {
	padding-top:20px;
}

.image2 img {
	width:100%;
}

.image2Mobile {
	display:none;
}

.titleText1 {
	font-size:50px;
	line-height:60px;
	padding-top:40px;
	text-transform: uppercase;
	color:#d7027d;
	font-family: HelveticaNeueCondensedBlack;
}

.blockText1 {
	padding-top:10px;
	font-size:52px;
	line-height:58px;
	margin:0 auto;
	font-family: HelveticaNeueLight;
	text-transform: uppercase;
}

.blockText2 {
	font-size:52px;
	line-height:58px;
	margin:0 auto;
	font-weight:bold;
}

.blockText3 {
	padding-top:25px;
	font-size:40px;
	line-height:45px;
	color:#e02f59;
	font-weight:bold;
	text-transform: uppercase;
}

.blockText3b {
	padding-top:25px;
	font-size:30px;
	line-height:35px;
	color:#e02f59;
	font-weight:bold;
}

.blockText3Button {
	background-image: linear-gradient(to right, #d7017d , #9c3cb7);
	color:white;
	max-width:230px;
	width:100%;
	height:53px;
	font-size:33px;
	line-height:33px;
	margin:25px auto 25px auto;
	text-transform:uppercase;
	box-sizing:border-box;
	font-weight:bold;
	border-radius:30px;
	cursor:pointer;
	display:flex;
	justify-content:center;
	align-items:center;
}

.blockText3ButtonLarge {
	width:100%;
	max-width:420px;
}

.block3Container {
	max-width:1300px;
	width:100%;
	display:table;
	margin:0 auto;
}

.block3Column {
	display:table-cell;
	width:300px;
	font-size:25px;
	line-height:27px;
}

.block3Answer {
	font-family: HelveticaNeueLight;
	font-weight:normal;
}

.block3Info {
	text-align:center;
	font-size:20px;
	line-height:22px;
	padding-top:20px;
}

.separator {
	height:1px;
	max-width:1792px;
	width:90%;
	background-color:#e10c7c;
	margin:30px auto 30px auto;
}

.separatorPurple {
	height:3px;
	width:100%;
	background-image: linear-gradient(to right, #d7027d , #9d3bb6);
	margin:0px auto 30px auto;
}

.separatorPurple2 {
	height:3px;
	width:100%;
	background-image: linear-gradient(to right, #d7027d , #9d3bb6);
	margin:0px auto 0px auto;
}

.separatorBlueGreen {
	height:3px;
	width:100%;
	background-image: linear-gradient(to right, #009870 , #0096cf);
	margin:10px auto 30px auto;
}

.separatorBlueGreen2 {
	height:3px;
	width:100%;
	background-image: linear-gradient(to right, #009870 , #0096cf);
	margin:5x auto 0px auto;
}

.titleText4 {
	font-size:62px;
	line-height:62px;
	text-transform:uppercase;
	font-weight:bold;
}

.titleText5 {
	font-size:100px;
	line-height:100px;
	color:#e10c7c;
	text-transform:uppercase;
	font-weight:bold;
}

.blockText5 {
	padding-top:15px;
	font-size:32px;
	line-height:35px;
	color:#f5aa54;
	font-weight:bold;
}

.blockText6 {
	font-size:32px;
	line-height:35px;
	max-width:830px;
	width:90%;
	margin:0 auto;
	padding-top:20px;
}

.blockText7 {
	font-size:18px;
	line-height:25px;
	width:100%;
	margin:20px auto 0 auto;
	padding:10px;
	background-color:#f2f2f2;
	color:#d7027d;
}

.icons {
	display:block;
	width:100%;
	padding-top:60px;
	text-align:center;
}

.icon {
	display:inline-block;
	width:33%;
	text-align:center;
	vertical-align:top;
}

.icon img {
	width:100%;
	max-width:350px;
}

.icon1 {
	max-width:350px;
	margin:0 auto;
}

.icon2 {
	max-width:420px;
	margin:0 auto;
}

.icon3 {
	max-width:450px;
	margin:0 auto;
}

.iconTitle {
	padding:50px 0px 30px 0px;
	font-size:40px;
	line-height:43px;
	font-weight:bold;
}

.iconText {
	font-size:24px;
	line-height:27px;
	margin:0 auto;
	padding-top:10px;
	font-family:HelveticaNeueCondensedBlack;
}

.iconNote {
	padding-top:25px;
	color:#e10c7c;
	font-size:16px;
	line-height:20px;
	margin:0 auto;
	background-color:#f2f2f2;
}

.iconSubtitle {
	font-size:18px;
	line-height:25px;
}

.titleText5 {
	font-size:100px;
	line-height:100px;
	color:#e10c7c;
	text-transform:uppercase;
}

.reg_info {
	display:table;
	width:96%;
	margin:0 auto;
}

.reg_col {
	display:table-cell;
	width:33%;
}

.reg_col1 {
	max-width:460px;
	margin:0 auto;
}

.reg_col2 {
	max-width:460px;
	margin:0 auto;	
	text-align:center;
}

.reg_col3 {
	max-width:460px;
	margin:0 auto;
}

.reg_text_small {
	font-size:20px;
	line-height:26px;
}

.reg_title {
	text-transform:uppercase;
	font-size:30px;
	line-height:32px;
	font-weight:bold;
	color:#1b9871;
	padding:35px 0 15px 0;
}

.reg_title_blue {
	text-transform:uppercase;
	font-size:30px;
	line-height:32px;
	font-weight:bold;
	color:#0096d1;
	padding:15px 0 15px 0;
}

.reg_title_red {
	text-transform:uppercase;
	font-size:30px;
	line-height:32px;
	font-weight:bold;
	color:#dd4290;
	padding:15px 0 15px 0;
}

.reg_text {
	font-size:20px;
	line-height:24px;
}

.boxRules {
	background-image: linear-gradient(to right, #9e4693 , #e84675);
	color:white;
	max-width:524px;
	width:100%;
	max-width:420px;
	height:63px;
	font-size:35px;
	line-height:63px;
	margin:35px auto 10px auto;
	text-transform:uppercase;
	box-sizing:border-box;
	font-weight:bold;
	border-radius:20px;	
}

.linkRules {
	font-size:22px;
	line-height:30px;
	padding-bottom:20px;
}

.linkRules img {
	padding-top:5px;
	width:50px;
}

.image3Mobile {
	display:none;
}

.image3 {
	padding-top:20px;
}

.image3 img {
	width:100%;
}

.titleText6 {
	font-size:62px;
	line-height:62px;
	text-transform:uppercase;
	padding-top:0px;
	font-weight:bold;
}

.text6 {
	font-size:22px;
	line-height:22px;
	font-weight:bold;
}

.image4 {
	padding-top:20px;
}

.image4 img {
	max-width:900px;
	width:90%;
}

.bottomContainer {
	display:table;
	width:100%;
	padding-top:50px;
}

.bottomCell1 {
	display:table-cell;
	text-align:right;
	width:50%;
	vertical-align:top;
}

.bottomCell2 {
	display:table-cell;
	width:50%;
	vertical-align:top;
	font-size:28px;
	line-height:32px;
}

.bottomCellButton {
	background-image: linear-gradient(to right, #d7017d , #9c3cb7);
	color:white;
	max-width:250px;
	width:100%;
	height:63px;
	font-size:33px;
	line-height:33px;
	margin:0px auto;
	text-transform:uppercase;
	box-sizing:border-box;
	font-weight:bold;
	border-radius:30px;
	cursor:pointer;
	display:flex;
	justify-content:center;
	align-items:center;
}

.bottomText {
	max-width:650px;
	font-size:28px;
	line-height:32px;
	text-align:right;
	display:inline-block;
}

.bottomBox {
	color:white;
	max-width:650px;
	height:100px;
	font-size:30px;
	line-height:34px;
	font-weight:bold;
	box-sizing:border-box;
	padding:14px 30px;
	margin-left:40px;
	margin-top:5px;
	background-image: linear-gradient(to right, #9e4693 , #e84675);
	border-radius:20px;	
}

.regRow {
	max-width:1120px;
	margin:40px auto;
	text-align:left;
}

.regRow_b {
	max-width:1500px;
	margin:40px auto;
	text-align:center;
}

.regRow2 {
	max-width:1100px;
	margin:40px auto;
	text-align:center;
}

.regText {
	font-weight:bold;
	font-size:30px;
	line-height:36px;
	margin:0 14px 0px 14px;
	text-align:center;
}

.regTextSmall {
	font-weight:bold;
	font-size:20px;
	line-height:26px;
	margin:0 0 20px 14px;
	text-align:center;
}

.regCell {
	display:inline-block;
	width:350px;
	margin:0 10px;
}

.regCellSmall {
	display:inline-block;
	width:40px;
	margin:0 10px;
}

.regCellDisabled {
	opacity:0.5;
}

.regField {
	width:100%;
}

.regField input {
	width:100%;
	height:50px;
	font-size:24px;
	line-height:30px;
	border:solid 1px #818181;
	background-image: linear-gradient(#d8d8d8, #fefefe);	
	color:black;
}

.regRadio {
	width:50px;
	text-align:left;
	padding-bottom:5px;
	display:inline-block;
	vertical-align:middle;

}

.regRadioLabel {
	display:inline-block;
	font-size:26px;
	line-height:32px;
	font-weight:bold;
	vertical-align:middle;
}

.quizRadioLabel {
	display:inline-block;
	font-size:26px;
	line-height:32px;
	vertical-align:middle;
	width:80%;
	max-width:800px;
	text-align:left;
}

.regRadioListItem {
	padding-top:20px;
	text-align:center;
}

.regPassaEstenergy {
	text-align:center;
	color:#7e2673;
	font-weight:bold;
	font-size:18px;
	line-height:22px;
	padding-top:25px;
	cursor:pointer;
}

.privacyItem {
	 text-align:center;
	 padding-bottom:40px;
}

.privacyLink {
	font-size:30px;
	line-height:36px;
	color:#e10c7c;
	text-decoration:underline;
	text-align:center;
	font-weight:bold;
}

.partecipaButton {
	background-image: linear-gradient(to right, #9e4693 , #e84675);
	color:white;
	max-width:250px;
	width:100%;
	height:63px;
	font-size:33px;
	line-height:63px;
	margin:35px auto 10px auto;
	text-transform:uppercase;
	box-sizing:border-box;
	font-weight:bold;
	border-radius:20px;
	cursor:pointer;
	text-align:center;
}

.playGameButton {
	background-image: linear-gradient(to right, #9e4693 , #e84675);
	color:white;
	max-width:300px;
	width:100%;
	height:63px;
	font-size:28px;
	line-height:63px;
	margin:35px auto 10px auto;
	text-transform:uppercase;
	box-sizing:border-box;
	font-weight:bold;
	border-radius:20px;
	cursor:pointer;
	text-align:center;
}

.quizButton {
	margin:30px auto 0 auto;
	max-width:700px;
	width:90%;
	height:90px;
	color:white;
	text-transform:uppercase;
	font-size:35px;
	line-height:35px;
	font-weight:bold;
	text-align:center;
	background-color:#0ea186;
	padding-top:30px;
	cursor:pointer;
	border-radius:20px;
}

.playInfo {
	font-size:28px;
	line-height:28px;
	font-weight:bold;
	color:#e10c7c;
	padding:40px 0 0px 0;
}

.playButton {
	margin:30px auto 0 auto;
	max-width:700px;
	width:90%;
	height:90px;
	color:white;
	text-transform:uppercase;
	font-size:35px;
	line-height:35px;
	font-weight:bold;
	text-align:center;
	background-color:#0ea186;
	padding-top:30px;
	cursor:pointer;
	border-radius:20px;
}

.ripartecipaButton {
	margin:30px auto 0 auto;
	max-width:400px;
	width:90%;
	height:90px;
	color:white;
	text-transform:uppercase;
	font-size:20px;
	line-height:25px;
	font-weight:bold;
	text-align:center;
	background-color:#0ea186;
	padding-top:23px;
	cursor:pointer;
	display:none;
}

.partecipaConfirm {
	text-align:center;
	display:none;
	padding-top:25px;
	font-size:40px;
	line-height:45px;
	color:#e02f59;
	font-weight:bold;
}

#errorMsg {
	color:red;
	padding-top:30px;
	font-size:20px;
	line-height:24px;
	text-align:center;
}

#quizErrorMsg {
	color:red;
	padding-top:30px;
	font-size:20px;
	line-height:24px;
	text-align:center;
}

.regBeforeCell2 {
	padding-bottom:30px;
}

.regCell2 {
	display:inline-block;
	max-width:700px;
	width:100%;
	margin:0 50px;
	vertical-align:top;
	text-align:left;
}

.quizQuestionTitle {
	font-size:38px;
	line-height:38px;
	font-weight:bold;
	text-transform:uppercase;
	color:#e10c7c;
	padding-bottom:12px;
}

.quizQuestion {
	font-weight:bold;
	font-size:30px;
	line-height:32px;
}

.regBlock {
	background-image: linear-gradient(to right, #9e4693 , #e84675);
	color:white;
	max-width:350px;
	width:100%;
	height:80px;
	font-size:32px;
	line-height:32px;
	padding-top:10px;
	margin:35px auto 10px auto;
	box-sizing:border-box;
	font-weight:bold;
	border-radius:20px;
	text-align:center;
}

.customRadio {
	cursor:pointer;
}

.regLabel {
	text-align:left;
	font-size:18px;
	line-height:28px;
	color:#e10c7c;
	text-transform:uppercase;
	margin-top:5px;
	font-weight:bold;
}

.answerTitle {
	font-size:60px;
	line-height:65px;
	color:#e10c7c;
	font-weight:bold;
}

.answerText {
	padding-top:20px;
	font-size:40px;
	line-height:45px;
	color:black;
}

.answerText2 {
	padding-top:20px;
	font-size:40px;
	line-height:45px;
	color:#e10c7c!important;
}

.answerImage {
	width:30%;
}

#formBlock {
	display:none;
}

#quizBlock {
	display:none;
}

#answerBlock {
	display:none;
	max-width:90%;
	margin:0 auto;
}

#answer0 {
	display:none;
}

#answer1 {
	display:none;
}

#answer2 {
	display:none;
}

#answer3 {
	display:none;
}

#answer4 {
	display:none;
}

#answer5 {
	display:none;
}
