@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  src: url(Ubuntu-Regular.ttf);
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight:bold;
  src: url(Ubuntu-Bold.ttf);
}

body {
	margin:0;
	background-color:white;
	font-family:Ubuntu;
	color:#00205c;
}

a {
	text-decoration:none;
	color:inherit;
}

a:hover {
	text-decoration:underline;
	color:inherit;
}

.mainContainer {
	width:100%;
	margin:0 auto;
}

hr {
	background-color:white;
	max-width:500px;
	width:100%;
	margin:20px auto;
	
}

h1 {
	font-family: Ubuntu;
	font-size:40px;
	font-weight:bold;
	line-height: 40px;
}

h2 {
	font-size:24px;
	font-weight:normal;
	line-height: 30px;
}


.red {
	color:#00b0bf;
}

.hidden {
	display:none;
}

/****LANDING PAGE*****/
.landing {
	text-align:center;
}

.topLanding img {
	width:100%;
}

.landingButton {
	bottom:30px;
	left:0;
	width:100%;
	text-align:center;
}

.landingButton button {
	width:192px;
	height:45px;
	color:white;
	font-size:15px;
	margin:0px 30px;
	border:0;
	background-color:#00b0bf;
	text-transform:uppercase;
}

.landingText1 {
	background-color:#00b0bf;
	color:white;
	font-size:40px;
	font-weight:bold;
	padding:0px 5px;
	margin-top:20px;
}

.landingText2 {
	font-size:20px;
	line-height:22px;
	font-weight:bold;
	padding-top:20px;
}

.landingText3 {
	font-size:18px;
	line-height:20px;	
	width:80%;
	margin:0 auto;
}

.landingSeparator {
	background-color:black;
	height:1px;
	margin:30px auto;
	width:80%;
}

.landingSeparator2 {
	background-color:black;
	height:1px;
	margin:30px auto;
	width:100%;
}

/*****COMMON***/
.headerMenuLogo {
	width:240px;
}

.headerWhite {
	text-align:center;
	background-color:white;
	background-image:url(../img/header.jpg?);
	background-size: cover;
	background-position:left;
	padding:20px 0;
	position:fixed;
	top:0px;
	width:100%;
	height:153px;
}

.headerWhiteLogo {
	width:200px;
}

.menuMobile {
	display:none;
}

.headerMenu {
	display:table;
	width:90%;
	margin:0 auto;
	height:130px;
	color:white;
}

.headerMenuLeft {
	width:30%;
	display:table-cell;
	vertical-align:middle;
	text-align:left;
}

.headerMenuRight {
	width:70%;
	display:table-cell;
	vertical-align:middle;
	text-align:right;	
}

.headerMenuRight div {
	display:inline-block;
	padding:0 20px;
	color:white;
	font-size:16px;
	font-weight: bold;
	text-transform: uppercase;
}

.customLink {
	text-decoration:underline;
	color:white;
	cursor:pointer;
}

.headerName {
	background-color:white;
	color:black!important;
	padding:5px 20px!important;
	font-weight: bold!important;
}

.menuSelected {
	text-decoration: underline;
}

.headerMenuleftItems {
	text-align:right;
	padding-top:40px;
	padding-right:40px;
}

.headerMenuleftItems div {
	padding-left:30px;
}

.menuItem {
	display:inline-block;
	text-transform: uppercase;
	font-size:20px;
}

/***INDEX PAGE / VIDEO ****/

.videoHeader {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	text-align:center;
	background-color:white;
	padding:20px 0;
}

.videoContainer {
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.videoContainer video {
	width:100%;
	height:100%;
	object-fit:cover;
}

#audioButton {
	position:fixed;
	bottom:20px;
	left:20px;
}

#audioButton img {
	width:50px;
	cursor:pointer;
}

.navettaNotes {
	font-size:16px;
	line-height:14px;
}

/**** LINK NON VALIDO ***/
.invalidLink {
	text-align:center;
	color:white;
	font-size:24px;
	line-height:26px;
	padding-top:120px;
}

.invalidBG {
	background-image:url(../img/kv.jpg?);
	background-size:cover;
	background-position:center;
	width:100%;
	height:100vh;
	background-color: black;
}

/***** NO PARTECIPATE ***/
.notPartecipateInfo {
	text-align:center;
	color:white;
	font-size:24px;
	line-height:26px;
	padding-top:120px;
}

.notPartecipateFinalConfirm {
	display:none;
	text-align:center;
	color:white;
	font-size:24px;
	line-height:26px;
	padding-top:120px;
}

/***** PARTECIPATE ***/
.partecipateInfo {
	padding-top:50px;
	text-align:center;
	color:white;
	font-size:24px;
	line-height:26px;
	padding-top:120px;
}

.partecipateDealer {
	padding-top:10px;
	text-align:center;
	color:white;
	font-size:20px;
	line-height:22px;
}

.partecipateTable {
	display:table;
	width:100%;
	max-width:600px;
	margin: 0 auto;
	color:white;
}

.partecipateColHeader {
	margin:20px 0;
	font-size:21px;
}

.partecipateCol {
	display:table-cell;
	width:280px;
}

.participateColSeparator {
	display:table-cell;
	width:40px;
}

.partecipateCol input[type="text"],
.partecipateCol input[type="email"] {
	background-color:white;
	color:#004595;
	width:280px;
	height:40px;
	border:0;
	margin-bottom:10px;
	box-sizing:border-box;
	padding-left:15px;
}

.intoleranceContainer {
	text-align:left;
	max-width:600px;
	width:100%;
	margin:0 auto;
	padding-top:10px;
}

.intoleranceContainer textarea {
	max-width:600px;
	width:100%;
	height:100px;
	background-color:white;
	color:black;
	border:0;
	box-sizing:bolder-box;
	padding:10px 10px;
}

.buttonContainer {
	text-align:center;
	width:600px;
	margin:0 auto;
	padding-top:20px;
}

.buttonContainer button {
	border:solid 1px white;
	background-color:black;
	color:white;
	width:192px;
	height:40px;
}

.pageContent {
	padding-top:150px;
	padding-bottom:80px;
	color:#004595;
}

.pageTitle {
	display:table;
	max-width:1400px;
	width:80%;
	margin:0 auto;
	padding:50px 0 10px 0;
}

.pageTitleLeft {
	display:table-cell;
	width:50%;
	text-align:left;
	vertical-align:middle;
	font-size:34px;
	line-height:40px;
	font-weight: bold;
}

.pageTitleRight {
	display:table-cell;
	width:50%;
	text-align:right;
	vertical-align:middle;
	font-size:20px;
	line-height:25px;
}

.pageTitleRight img {
	vertical-align: bottom;
	width:25px;
}

.pageSeparator {
	height:3px;
	width:100%;
	background-color: #00b0bf;
	margin:10px 0 10px 0;
}

/**** HOME ****/

.disabled {
	opacity:0.2;
}

.homeTable {
	display:table;
	margin:0 auto;
	padding:40px 0 30px 0;
	width:100%;
}

.homeTableCell {
	display:table-row;
	font-size:20px;
	line-height:25px;
}

.homeTableCellGrey {
	display:table-row;
	font-size:20px;
	line-height:25px;
	background-color:#e0e0e0;
}

.homeSubTable {
	display:table;
	max-width:1400px;
	width:80%;
	margin:0 auto;
	padding:10px 0 10px 0;
}

.homeSubTableTime {
	display:table-cell;
	font-weight: bold;
	width:300px;
}

.homeSubTableDescription {
	display:table-cell;
}

/**** AGENDA ****/

.agenda {
	max-width:1400px;
	width:80%;
	margin:0 auto;
	padding:50px 0 10px 0;
	font-size:18px;
	line-height:28px;
}

.agendaSeparator {
	width:100%;
	height:1px;
	background-color:#00205c;
	margin:20px 0;
}

.agenda h1 {
	font-size:40px;
	line-height:45px;
	font-weight: bold;
}

.agenda h2 {
	font-size:35px;
	line-height:40px;
	font-weight: bold;
}


/**** JOIN ****/

#error {
	font-weight: bold;
	color:#B00000;
	font-size:16px;
	line-height:18px;
}

.formSection {
	height:50px;
	font-size:44px;
	font-weight:bold;
}

.formSectionName {
	max-width:1400px;
	width:80%;
	margin:0 auto;
}

.joinFormTop {
	padding-top:30px
}

.joinForm {
	max-width:1400px;
	width:80%;
	margin:0 auto;
	padding:10px 0 10px 0;
	font-size:24px;
	line-height:33px;
	font-weight:normal;
}

.joinFormItem {
	font-size:22px;
	line-height:28px;
	display:inline-block;
	margin:10px 10px 10px 0;
	text-align: center;
	width:100%;
}

.joinFormItem input {
	display:inline-block;
	width:350px;
	height:50px;
	border-radius:15px;
	border:solid 2px #22ac38;
	padding:0 20px;
	box-sizing:border-box;
	color:#004595;
}

.joinFormItem textarea {
	display:inline-block;
	width:350px;
	height:150px;
	border-radius:15px;
	border:solid 2px #22ac38;
	padding:0 20px;
	box-sizing:border-box;
	color:#004595;
}


.joinFormItem input:focus {
    outline: none !important;
    border:solid 2px #000000;
  }

 .joinFormItem select {
	display:block;
	width:500px;
	height:40px;
	border-radius:20px;
	border:solid 2px #000000;
	padding:0 20px;
	box-sizing:border-box;
}

.joinFormItem select:focus {
    outline: none !important;
    border:solid 2px #000000;
  }

.joinInputDisabled {
	color:#8a8a8a;
}

.joinInputLarge {
	width:700px!important;
}

.joinInputExtraLarge {
	width:1010px!important;
}

.joinInputSmall {
	width:300px!important;
}

.joinFormItem select {
	display:block;
	width:300px;
	height:40px;
}

.joinFormItemLarge {
	text-transform: uppercase;
	font-size:16px;
	line-height:28px;
	display:inline-block;
	margin:10px;
	width:100%;
	max-width:945px;
}

.joinFormItemLarge input {
	display:block;
	width:100%;
	height:40px;
}

.joinFormPrivacy {
	max-width:1400px;
	width:95%;
	margin:0 auto;
	font-size:18px;
	line-height:24px;
}

.joinFormInfo {
	max-width:1400px;
	width:95%;
	margin:0 auto;
	font-size:22px;
	line-height:26px;
}

.joinFormPrivacy a {
	font-weight:bold;
	text-decoration:underline;
}

.formLogistic {
	max-width:1400px;
	width:80%;
	margin:0 auto;
	padding:10px 0 10px 0;
	font-size:18px;
	line-height:22px;
}

.logisticBlock {
	display:table;
	padding:10px 0;
}

.logisticLeft {
	display:table-cell;
	vertical-align: middle;
	text-transform: uppercase;
	font-size:24px;
	font-weight: bold;
	width:200px;
}

.logisticRight {
	max-width:800px;
	width:80%;
	display:table-cell;
	vertical-align: middle;;
}

.logisticRight input {
	margin-right:10px;
}

.logisticRight span {
	font-size:14px;
}

.formLogisticSmall {
	font-size:16px;
	line-height:20px;
}

.formLogisticInput {
	display:inline-block;
	padding-left:30px;
}

.smallButton {
	font-family:Ubuntu;
	font-size:15px;
	color:white;
	height:40px;
	width:200px;
	border-radius:30px;
	border:none;
	background-color:#00b0bf;
	padding:3px 10px 0 10px;
	box-sizing: border-box;
	cursor:pointer;
	display:inline-block;
	text-align:center;
	margin-right:15px;
	margin-top:10px;
	-webkit-user-select: none;
	text-transform: uppercase;
}

.smallButtonWhite {
	background-color:white;
	color:#00b0bf;
}

.confirmButton {
	font-family:Ubuntu;
	font-size:24px;
	line-height:24px;
	color:#ffffff;
	height:50px;
	max-width:280px;
	width:100%;
	border-radius:20px;
	border:none;
	background-color:#22ac38;
	box-sizing: border-box;
	cursor:pointer;
	display:inline-block;
	text-align:center;
	-webkit-user-select: none;
}

#dinnerQuestion {
	display:none;
}

.inputOther {
	width:80%;
	height:40px;
}

.toggleButton {
	font-family:Ubuntu;
	font-size:15px;
	color:#00205c;
	height:40px;
	min-width:200px;
	border-radius:30px;
	border:solid 2px #00205c;
	background-color:white;
	padding:7px 10px 0 10px;
	box-sizing: border-box;
	cursor:pointer;
	display:inline-block;
	text-align:center;
	margin-right:15px;
	margin-top:10px;
	-webkit-user-select: none;
	text-transform: uppercase;
}

.toggleButtonSmall {
	min-width:100px;
	margin-right:10px;
}

.toggleButtonSelected {
	background-color:#002078!important;
	color:white!important;
	border:solid 2px #002078;
}

#intolerance_details {
	display:none;
	width:100%;
	max-width:1000px;
	height:40px;
	border-radius:20px;
	border:solid 2px #000000;
	padding:0 20px;
	box-sizing:border-box;
	margin-top:20px;
}

#intolerance_details:focus {
    outline: none !important;
    border:solid 2px #000000;
  }

  #intolerance2_details {
	display:none;
	width:100%;
	max-width:1000px;
	height:40px;
	border-radius:20px;
	border:solid 2px #000000;
	padding:0 20px;
	box-sizing:border-box;
	margin-top:20px;
}

#intolerance2_details:focus {
    outline: none !important;
    border:solid 2px #000000;
  }

#disability_details {
	display:none;
	width:100%;
	max-width:1000px;
	height:40px;
	border-radius:20px;
	border:solid 2px #000000;
	padding:0 20px;
	box-sizing:border-box;
	margin-top:20px;
}

#disability_details:focus {
    outline: none !important;
    border:solid 2px #000000;
  }


  #organized_details {
	display:none;
}

#share_car_details {
	display:none;
}

#share_room_details {
	display:none;
}

.organized_details_alert {
	background-color:#00b0bf;
	color:white;
	font-size:16px;
	line-height:18px;
	padding:20px;
	box-sizing: border-box;
}

/****CONFIRM PAGE*****/
.confirm {
	color:black;
	text-align:center;
}

.confirmtext {
	color:#002086;
	font-size:30px;
	margin-top:70px;
	display: flex;
	justify-content: center; /* Centers horizontally */
	align-items: center; /* Centers vertically */
	height: 100vh; /* Takes full viewport height */
	width: 100vw
}

.confirmBox {
	background-color: #002086;
	color:white;
	font-size:30px;
	line-height:33px;
	padding:100px 150px;
	border-radius:50px;
}

.confirmText img {
	width:140px;
}

/**** FOOTER ****/

.footer {
	position:fixed;
	bottom:0px;
	width:100%;
	background-image:url(../img/footer.jpg);
	background-size: cover;
	height:70px;
}

.footerInner {
	display:table;
	max-width:1400px;
	width:80%;
	margin:0 auto;
	padding:10px 0;
	font-size:14px;
	line-height:16px;
	color:black;
}

.footerCenter {
	display:table-cell;
	width:100%;
	text-align:center;
	vertical-align:middle;
}



.subFooter {
	background-color:white;
	text-align:center;
}

.subfooter div {
	display:inline-block;
	padding:5px 20px;
	font-size:20px;
}

.redModal {
	background-color:white!important;
	color:black!important;
	font-size:20px;
	line-height:22px;
	border:solid 2px #00b0bf;
	border-radius:25px;
}

.redModal li {
	padding-bottom:20px;
}

#myModal h2 {
	color:#00b0bf!important;
}

.modalFooter {
	text-align:center;
	font-size:12px;
	line-height:14px;
}

#felpa_delega {
	display:none;
}

#felpa_no_delega {
	display:none;
}

#companionBlock {
	display:none;
}

#infoMezziPropri {
	display:none;
}

#infoMezziTreno {
	display:none;
}

#infoMezziAereo {
	display:none;
}