@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'Conv_Michelin-Regular';
	src: url('../fonts/Michelin-Regular.eot');
	src: local('☺'), url('../fonts/Michelin-Regular.woff') format('woff'), url('../fonts/Michelin-Regular.ttf') format('truetype'), url('../fonts/Michelin-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Michelin-Black';
	src: url('../fonts/Michelin-Black.eot');
	src: local('☺'), url('../fonts/Michelin-Black.woff') format('woff'), url('../fonts/Michelin-Black.ttf') format('truetype'), url('../fonts/Michelin-Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Open-bold-ita';
    src: url('../fonts/OpenSans-BoldItalic.eot');
    src: url('../fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-BoldItalic.woff') format('woff'),
        url('../fonts/OpenSans-BoldItalic.ttf') format('truetype'),
        url('../fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open-semibold';
    src: url('../fonts/OpenSans-Semibold.eot');
    src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Semibold.woff2') format('woff2'),
        url('../fonts/OpenSans-Semibold.woff') format('woff'),
        url('../fonts/OpenSans-Semibold.ttf') format('truetype'),
        url('../fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open-bold';
    src: url('../fonts/OpenSans-Bold.eot');
    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold.woff') format('woff'),
        url('../fonts/OpenSans-Bold.ttf') format('truetype'),
        url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open-extra-ita';
    src: url('../fonts/OpenSans-ExtraboldItalic.eot');
    src: url('../fonts/OpenSans-ExtraboldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-ExtraboldItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-ExtraboldItalic.woff') format('woff'),
        url('../fonts/OpenSans-ExtraboldItalic.ttf') format('truetype'),
        url('../fonts/OpenSans-ExtraboldItalic.svg#OpenSans-ExtraboldItalic') format('svg');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Open-xtra';
    src: url('../fonts/OpenSans-Extrabold.eot');
    src: url('../fonts/OpenSans-Extrabold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Extrabold.woff2') format('woff2'),
        url('../fonts/OpenSans-Extrabold.woff') format('woff'),
        url('../fonts/OpenSans-Extrabold.ttf') format('truetype'),
        url('../fonts/OpenSans-Extrabold.svg#OpenSans-Extrabold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Open-light';
    src: url('../fonts/OpenSans-Light.eot');
    src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Light.woff2') format('woff2'),
        url('../fonts/OpenSans-Light.woff') format('woff'),
        url('../fonts/OpenSans-Light.ttf') format('truetype'),
        url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open';
    src: url('../fonts/OpenSans.eot');
    src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans.woff2') format('woff2'),
        url('../fonts/OpenSans.woff') format('woff'),
        url('../fonts/OpenSans.ttf') format('truetype'),
        url('../fonts/OpenSans.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open-semi-ita';
    src: url('../fonts/OpenSans-SemiboldItalic.eot');
    src: url('../fonts/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-SemiboldItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-SemiboldItalic.woff') format('woff'),
        url('../fonts/OpenSans-SemiboldItalic.ttf') format('truetype'),
        url('../fonts/OpenSans-SemiboldItalic.svg#OpenSans-SemiboldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Open-ita';
    src: url('../fonts/OpenSans-Italic.eot');
    src: url('../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Italic.woff2') format('woff2'),
        url('../fonts/OpenSans-Italic.woff') format('woff'),
        url('../fonts/OpenSans-Italic.ttf') format('truetype'),
        url('../fonts/OpenSans-Italic.svg#OpenSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open-light-ita';
    src: url('../fonts/OpenSansLight-Italic.eot');
    src: url('../fonts/OpenSansLight-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSansLight-Italic.woff2') format('woff2'),
        url('../fonts/OpenSansLight-Italic.woff') format('woff'),
        url('../fonts/OpenSansLight-Italic.ttf') format('truetype'),
        url('../fonts/OpenSansLight-Italic.svg#OpenSansLight-Italic') format('svg');
    font-weight: 300;
    font-style: italic;
}

body {
  font-family: 'Open-bold';
  font-size: 1.4vw; /*25*/
  color: #000;
  background-color: #fff;
}

@media (max-width: 1366px) and (orientation: landscape) {
	body {
		  font-size: 1.3vw;
		}
	}

@media (max-width: 1024px) and (orientation: landscape) {
	body {
		  font-size: 1.4vw;
		}
	}
	
@media (max-width: 736px) {
	body {
		  font-size: 2.2vh;
		}
	}

@media (max-width: 320px) {
	body {
		  font-size: 2.5vh;
		}
	}
	
.row {
   margin: auto;
   max-width: 1200px;
   padding: 0px;
}

.row-2 {
   margin: auto;
   width: 100%;
   padding: 0px;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.big {
   width: 100%;
}

#wrapper {
  background: #fff;
  overflow: hidden;
  height: 0px;
  color: #27509B;
 -webkit-transition: height 1.5s ease-out;
-moz-transition: height 1.5s ease-out;
-ms-transition: height 1.5s ease-out;
-o-transition: height 1.5s ease-out;
transition: height 1.5s ease-out;
  font-family: 'Open';
}

#wrapperlogin {
  background: #fff;
  overflow: hidden;
  height: 0px;
  color: #27509B;
 -webkit-transition: height 1.5s ease-out;
-moz-transition: height 1.5s ease-out;
-ms-transition: height 1.5s ease-out;
-o-transition: height 1.5s ease-out;
transition: height 1.5s ease-out;
  font-family: 'Open';
}

button#baloo {
	background-color: #27509B;
	font-family: 'Open-bold-ita';
	color: #fff;
	padding: 10px;
	margin: 6% auto auto 36%;
}

@media (max-width: 1680px) {
	button#baloo {
	margin: 6% auto auto 39%;
}
}

@media (max-width: 1440px) {
	button#baloo {
	margin: 6% auto auto 40%;
}
}

@media (max-width: 1280px) {
	button#baloo {
	margin: 6% auto auto 41%;
}
}

@media (max-width: 414px) {
	button#baloo {
	margin: 3% auto auto 21%;
}
}

button, input, select[multiple], textarea {

    background-image: none;
    padding: 0;

}

@media (max-width: 414px) {
	button {
		background: none;
		border: none;
	}
}

.yellow {
	height: 10px;
	background-color: #FCE500;
	margin: 0;
}

hr.bottom {
	border: 0;
	margin: 0;
	height: 7px;
	background-color: #fff;
}

hr.white-big {
	border-bottom: 0;
	border-top: 0;
	margin-bottom: 0;
	margin-top: 0;
	height: 3px;
}

.blue {
	margin: 0;
	height: 10px;
	background-color: #27509B;
}

.white {
	margin: 0;
	height: 10px;
	background-color: #fff;
}

.subs {
	font-size: 1.8vw; /*25*/
	font-family: 'Conv_Michelin-Black';
	text-align: center;
	line-height: 1.2em;
	color: #fff;
}

@media (max-width: 414px) {
	.subs {
		font-size: 3.8vh;
	}
}

.conferma449 {
	font-size: 1.2vw;
	font-family: 'Open-extra-ita';
	line-height: 1.2em;
	color: #fff;
	padding-top: 10%;
	padding-bottom: 10%;
	text-align: center;
}

@media (max-width: 768px) {
	.conferma449 {
		font-size: 2.2vw;
	}
}

@media (max-width: 414px) {
	.conferma449 {
		font-size: 2.5vh;
	}
}

.audi {
	z-index: 1000;
	margin: -3% auto auto 26.5%;
	position: absolute;
	height: auto;
}

@media (max-width: 1680px) {
	.audi {
		margin: -4% auto auto 30%;
	}
}

@media (max-width: 1440px) {
	.audi {
		margin: -4% auto auto 34.5%;
	}
}

@media (max-width: 1366px) {
	.audi {
    margin: -4% auto auto 36.5%;
	}
}

@media (max-width: 1280px) {
	.audi {
	margin: -5% auto auto 39.5%;
	}
}

@media (max-width: 1024px) {
	.audi {
    margin: -5.5% auto auto 40.5%;
	}
}

@media (max-width: 768px) {
	.audi {
    margin: -6% auto auto 38.5%;
	}
}

@media (max-width: 414px) {
	.audi {
		margin: -16% auto auto 26.5%;
	}
}

.int {
	font-size: 1.3vw; /*25*/
	font-family: 'Open-semi-ita';
	text-align: center;
	line-height: 1.2em;
	color: #27509B;
	text-transform: uppercase;
}

@media (max-width: 1680px) {
	.int {
		font-size: 1.5vw;
	}
}

@media (max-width: 1024px) {
	.int {
		font-size: 1.6vw;
	}
}

@media (max-width: 800px) {
	.int {
		font-size: 1.5vw;
	}
}

@media (max-width: 768px) {
	.int {
		font-size: 2vw;
	}
}


@media (max-width: 736px) {
	.int {
		font-size: 3vh;
	}
}

@media (max-width: 414px) {
	.int {
		font-size: 3.6vh;
		line-height: 1.2em;
	}
}


@media (max-width: 360px) {
	.int {
		font-size: 3vh;
	}
}

.text-baloo {
	font-family: 'Conv_Michelin-Black';
	font-size: 1.6vw;
	color: #fff;
	text-align: center;
}

@media (max-width: 414px) {
	.text-baloo {
		font-size: 2vh;
	}	
}

.baloo {
	z-index: 1000;
	margin: -27% auto auto 19%;
	position: absolute;
	height: auto;
}

@media (max-width: 1680px) {
	.baloo {
	margin: -27% auto auto 14%;
	}
	
}

@media (max-width: 1440px) {
	.baloo {
	margin: -27% auto auto 8%;
	}
	
}

@media (max-width: 1366px) {
	.baloo {
	margin: -27% auto auto 6%;
	}
	
}

@media (max-width: 1280px) {
	.baloo {
	margin: -27% auto auto 3%;
	}
	
}

@media (max-width: 800px) {
	.baloo {
	margin: -27% auto auto 0%;
	}
	
}


@media (max-width: 414px) {
	.baloo {
	margin: -127% auto auto -1%;
	}
	
}

.greybox2 {
	background-color: rgba(107,107,107,0.65); 
	text-align: center;
	padding: 10px;
	}	
	
.contact {
	font-family: 'Open-ita';
	font-size: 1.5vw;
	padding: 5px;
	color: #FCE500;
	text-align: center;
	text-transform: uppercase;
}

@media (max-width: 800px) {
	.contact {
		font-size: 1.8vw;
	}
}

@media (max-width: 736px) {
	.contact {
		font-size: 2.5vh;
	}
}

.radio-img  > input { 
  display:none;
}

.radio-img  > img{
  cursor:pointer;
  border:2px solid transparent;
}

.radio-img  > input:checked + img{ 
  border: none;
}

.sondaggio {
	display: inline-block;
	width: auto;
	padding: 1%;
	margin: auto;
}

.off {
	opacity: 0.5;
}

.mod {
	background-color: #fff !important;
	color: #27509B;
	text-transform: uppercase;
}

@media (max-width: 440px) {
	.pad {
		padding-bottom: 10px; 
	}
}

.glow {
    width: auto;
    height: auto;
    border-radius: 50%;
    background-color: transparent;
    box-shadow:
       0px 0px 17px #Fff, -2px 4px 7px #099FF0;
}

.rivenditori {
	background: #FCE500;
	font-family: 'Open-bold-ita'; 
	color: #27509B;
	font-size:  1vw;
	text-align: center;
	text-transform: uppercase;
}

@media (max-width: 1280px) {
	.rivenditori {
		font-size: 1.4vw;
	}
}

@media (max-width: 736px) {
	.rivenditori {
		font-size: 2.5vh;
	}
}

.conferma {
	background: #fff!important;
}

@media (min-width: 800px) {

.one {
	width: 16%;
}


.three {
	width: 36%;
}

}

.btns {
		width: 70%;
	}

@media (max-width: 800px) {
	.btns {
		width: 26%;
	}
}

.thtext-amz {
	font-family: 'Open-ita';
	font-size: 0.7vw;
	text-align: center;
	margin: auto;
	text-transform: uppercase;
}

.thtext {
	font-family: 'Open-ita';
	font-size: 0.6vw;
	text-align: center;
	margin: auto;
	text-transform: uppercase;
}


@media (max-width: 1680px) {
	
	.thtext-amz {
	font-size: 0.65vw;
}

}


@media (max-width: 1440px) {
	
	.thtext-amz {
	font-size: 0.8vw;
}

}


@media (max-width: 1280px) {
	.thtext {
	font-size: 0.6vw;
}
	
	.thtext-amz {
	font-size: 0.8vw;
}

}

@media (max-width: 1024px) {
	.thtext {
	font-size: 0.8vw;
}
	
	.thtext-amz {
	font-size: 1vw;
}

}

.tbtext-amz {
	font-size: 0.8vw;
	font-family: 'Open';
	text-align: center;
	
}

.tbtext {
	font-size: 0.6vw;
	font-family: 'Open';
	text-align: center;
	
}



@media (max-width: 1280px) {
	.tbtext {
	font-size: 0.8vw;
}
	
	.tbtext-amz {
	font-size: 1vw;
	
}
}


@media (max-width: 1024px) {
	.tbtext {
	font-size: 1vw;
}
	.tbtext-amz {
	font-size: 1.2vw;
	
}
}

@media (max-width: 800px) {
	.tbtext {
	font-size: 1.2vw;
background: rgba(252,231,0,1);
background: -moz-linear-gradient(left, rgba(252,231,0,1) 0%, rgba(252,231,0,1) 11%, rgba(249,242,170,1) 33%, rgba(247,247,247,1) 43%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(252,231,0,1)), color-stop(11%, rgba(252,231,0,1)), color-stop(33%, rgba(249,242,170,1)), color-stop(43%, rgba(247,247,247,1)));
background: -webkit-linear-gradient(left, rgba(252,231,0,1) 0%, rgba(252,231,0,1) 11%, rgba(249,242,170,1) 33%, rgba(247,247,247,1) 43%);
background: -o-linear-gradient(left, rgba(252,231,0,1) 0%, rgba(252,231,0,1) 11%, rgba(249,242,170,1) 33%, rgba(247,247,247,1) 43%);
background: -ms-linear-gradient(left, rgba(252,231,0,1) 0%, rgba(252,231,0,1) 11%, rgba(249,242,170,1) 33%, rgba(247,247,247,1) 43%);
background: linear-gradient(to right, rgba(252,231,0,1) 0%, rgba(252,231,0,1) 11%, rgba(249,242,170,1) 33%, rgba(247,247,247,1) 43%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce700', endColorstr='#f7f7f7', GradientType=1 );
		
}
	
	.tbtext-amz {
	font-size: 1.4vw;
background: rgba(252,231,0,1);
background: -moz-linear-gradient(left, rgba(252,231,0,1) 0%, rgba(252,231,0,1) 11%, rgba(249,242,170,1) 33%, rgba(247,247,247,1) 43%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(252,231,0,1)), color-stop(11%, rgba(252,231,0,1)), color-stop(33%, rgba(249,242,170,1)), color-stop(43%, rgba(247,247,247,1)));
background: -webkit-linear-gradient(left, rgba(252,231,0,1) 0%, rgba(252,231,0,1) 11%, rgba(249,242,170,1) 33%, rgba(247,247,247,1) 43%);
background: -o-linear-gradient(left, rgba(252,231,0,1) 0%, rgba(252,231,0,1) 11%, rgba(249,242,170,1) 33%, rgba(247,247,247,1) 43%);
background: -ms-linear-gradient(left, rgba(252,231,0,1) 0%, rgba(252,231,0,1) 11%, rgba(249,242,170,1) 33%, rgba(247,247,247,1) 43%);
background: linear-gradient(to right, rgba(252,231,0,1) 0%, rgba(252,231,0,1) 11%, rgba(249,242,170,1) 33%, rgba(247,247,247,1) 43%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce700', endColorstr='#f7f7f7', GradientType=1 );
		
}
}

@media (max-width: 768px) {
	.tbtext {
	font-size: 1.4vw;
}
	
	.tbtext-amz {
	font-size: 1.6vw;
}
}

@media (max-width: 414px) {
	.tbtext {
	font-size: 1.5vh;
}
	.tbtext-amz {
	font-size: 1.7vh;
}
}

@media (max-width: 320px) {
	.tbtext {
	font-size: 1.7vh;
}
	
	.tbtext-amz {
	font-size: 1.9vh;
}
}

@media only screen and (max-width: 800px) {
	
	/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 2px solid #27509B; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #27509B;
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
		font-family: 'Open-ita';
		text-transform: uppercase;
	}
	
	@media (max-width: 414px) {
		#no-more-tables td:before { 
		font-size: 1.1vh;
	}
	}
	
	@media (max-width: 320px) {
		#no-more-tables td:before { 
		font-size: 1.2vh;
	}
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}

.table .thead-dark th {
  color: #27509B;
  background-color: #FCE500;
  border-color: #FCE500 !important;
  text-align: center;
}

.table-bordered th,
  .table-bordered td {
    border: 1px solid #27509B !important;
  }

.promo-title {
	font-family: 'Open-extra-ita'; 
	text-align:left;
	font-size: 40px;
	line-height: 1em;
	margin-top: 8px;
}

@media (max-width: 1024px) {
	.promo-title {
		font-size: 36px;
	}
}

@media (max-width: 960px) {
	.promo-title {
		font-size: 30px;
	}
}

@media (max-width: 414px) {
	.promo-title {
		font-size: 27px;
	}
}

.tot-224 {
	background-color: #FCE500;
	color: #27509B;
	font-family: 'Open-ita';
	font-size: 0.8vw;
	text-align: left;
	padding: 14px;
	text-transform: uppercase;
}

@media (max-width: 1024px) {
	.tot-224 {
		font-size: 1vw;
	}
}

@media (min-width: 667px) and (max-width: 736px) {
	.tot-224 {
		width: 31%;
	}
}

@media (max-width: 414px) {
	.tot-224 {
		font-size: 1.3vh;
	}
}


.tot-new {
	background-color: #FFF5BB;
	color: #27509B;
	font-family: 'Open-ita';
	font-size: 1vw;
	text-align: left;
	padding: 14px;
	text-transform: uppercase;
	width: 87%;
}

@media (max-width: 1024px) {
	.tot-new {
		font-size: 1.2vw;
	}
}

@media (min-width: 667px) and (max-width: 736px) {
	.tot-new {
		width: 31%;
	}
}

@media (max-width: 414px) {
	.tot-new {
		font-size: 1.5vh;
	}
}

.tot {
	background-color: #FCE500;
	color: #27509B;
	font-family: 'Open-ita';
	font-size: 1vw;
	text-align: left;
	padding: 14px;
	text-transform: uppercase;
	width: 87%;
}

@media (max-width: 1024px) {
	.tot {
		font-size: 1.2vw;
	}
}

@media (min-width: 667px) and (max-width: 736px) {
	.tot {
		width: 31%;
	}
}

@media (max-width: 414px) {
	.tot {
		font-size: 1.5vh;
	}
}

.tot-nmbrs {
	font-size: 2.2vw;
	font-family: 'Open-extra-ita';
	text-transform: uppercase;
}

@media (max-width: 1024px) {
	.tot-nmbrs {
	font-size: 2.5vw;
}
}

@media (max-width: 414px) {
	.tot-nmbrs {
	font-size: 2.5vh;
}
}

.note-ss {
	color: #27509B;
	font-family: 'Open-ita';
	font-size: 0.8vw;
	text-transform: uppercase;
}

@media (max-width: 1280px) {
	.note-ss {
	font-size: 0.7vw;
}

}

@media (max-width: 1024px) {
	.note-ss {
	font-size: 0.9vw;
}

}

@media (max-width: 736px) {
	.note-ss {
    font-size: 1.2vw;
    padding-bottom: 10px;
}
}

@media (max-width: 414px) {
	.note-ss {
		font-size: 1.5vh;
		padding-bottom: 16px;
	}
}

.footer-promo {
	font-size: 0.7vw;
	line-height: 1.2em;
	text-align: center;
	color: #fff;
	background-color: #27509B;
	font-family: 'Open';
	padding-bottom: 10px;
	padding-top: 10px;
	}

@media (max-width: 1366px) and (orientation: landscape) {
	.footer-promo  {
	font-size: 1.2vw;
	}
	}


@media (max-width: 1024px) and (orientation: landscape) {
	.footer-promo  {
	font-size: 1.5vw;
	}
	}

@media (max-width: 800px) { 
	.footer-promo  {
	font-size: 1.2vw;
	}
}
	

@media (max-width: 414px) { 
	.footer-promo  {
	font-size: 2vh;
	}
}

.footer {
	font-size: 0.8vw;
	line-height: 1.8em;
	text-align: center;
	color: #27509B;
	background-color: #FCE500;
	font-family: 'Open';
	padding-bottom: 0.5px;
	padding-top: 0.5px;
	}

@media (max-width: 1366px) and (orientation: landscape) {
	.footer {
	font-size: 1.2vw;
	}
	}


@media (max-width: 1024px) and (orientation: landscape) {
	.footer {
	font-size: 1.5vw;
	}
	}

@media (max-width: 800px) { 
	.footer {
	font-size: 1.2vw;
	}
}
	

@media (max-width: 414px) { 
	.footer {
	font-size: 2vh;
	}
}

.logo {
	margin-top: 4%;
	z-index: 10;
	}	

.menu {
	background-color: #FCE500;
	z-index: 1000;
	position: relative;
	border-top: 12px solid #27509B;
	}	

/*.margin-menu {
	margin-top: 12px;
	}*/

.margin-two {
	margin-top: -0.6%;
}

@media (max-width: 1366px) {
	.margin-two  {
	margin-top: -0.7%;
}

}

@media (max-width: 1280px) {
	.margin-two  {
	margin-top: -0.8%;
}

}

@media (max-width: 1024px) {
	.margin-two  {
	margin-top: -1%;
}

}

@media (max-width: 960px) {
	.margin-two  {
	margin-top: -1.1%;
}

}

@media (max-width: 800px) {
	.margin-two {

    margin-top: -1.2%;

}
}

@media (max-width: 768px) {
	.margin-two {

    margin-top: -1.3%;

}
}

@media (max-width: 414px) {
	.margin-two  {
	margin-top: -2.5%;
}

}

.area {
	height: auto;
	width: 100%;
	color: #000;
}

  @media (max-width: 736px) {
	.area {
		width: 91%;
	}
}

@media (max-width: 1024px) {
	h2{
		font-size: 28px;
	}
} 

@media (max-width: 414px) {
	h2{
		font-size: 26px;
	}
} 

.autocar {
	font-size: 1.2vw
}

.lark {
	 width: 50%;
}

@media (max-width: 414px) {
	.lark {
	 width: 90%;
	}
	
}

mark {
	background: #ff0;
}

.thebold {
	  font-family: 'Open-bold';
}

.text-autocar {
	font-size: 0.9vw; /*22*/
	font-family: 'Open';
	text-align: center;
	line-height: 1.5em;
	}

@media (max-width: 1366px) {	
	.text-autocar {
	font-size: 1.3vw;
	}
	
	}

@media (max-width: 736px) {	
	.text-autocar {
	font-size: 3.2vh;
	}
	
	}

@media (max-width: 414px) {	
	.text-autocar {
	font-size: 2.2vh;
	}
	
	}
	
@media (max-width: 320px) {	
	.text-autocar {
	font-size: 2.5vh;
	}
	
	}	

.hightext {
	font-family: 'Open-ita';
	text-transform: uppercase;
	font-size: 1.1vw; /*20*/
	text-align: center;
	padding: 5px;
	color: #27509B;
	background-color: #FCE500;
	margin: auto;
}

@media (max-width: 1024px) {
	.hightext {
		font-size: 1.3vw; 
	}
}


@media (max-width: 736px) {
	.hightext {
		font-size: 2.2vh; 
	}
}


.title-smaller {
	font-family: 'Conv_Michelin-Black';
	font-size: 1.4vw;
}

@media (max-width: 414px) {
		.title-smaller {
		font-size: 3vh;
	}
}

.title-tab {
	font-family: 'Conv_Michelin-Black';
	font-size: 2vw;
}

.title {
    font-family: 'Conv_Michelin-Black';
	font-size: 2.3vw; /*51px*/
	text-align: center;
	color: #27509B;
	}	

@media (max-width: 1366px) {	
	.title {
	font-size: 3vw;
	}
	
	.title-tab {
	font-size: 2.7vw;
	}
	
	
	}

@media (max-width: 1024px) {	
	.title {
	font-size: 3.4vw;
	}
	
	.title-tab {
	font-size: 3vw;
	}
	
	
	}	
	
@media (max-width: 736px) {	
	.title {
	font-size: 4.2vh;
	}
	
	.title-tab {
	font-size: 3.8vh;
	}
	
	}

.title-tiny {
    font-family: 'Conv_Michelin-Black';
	font-size: 1.8vw; /*38px*/
	text-align: center;
	color: #27509B;
	}	

@media (max-width: 1366px) {	
	.title-tiny {
	font-size: 2.5vw;
	}
	
	}

@media (max-width: 1024px) {	
	.title-tiny {
	font-size: 3vw;
	}
	
	}	
	
@media (max-width: 736px) {	
	.title-tiny {
	font-size: 3.8vh;
	}
	
	}


@media (max-width: 800px) {
	.puffi {
		width: 46%;
	}
}

.login-rivenditori {
	font-size: 0.6vw;
	font-family: 'Open-semi-ita';
	color: #27509B;
	background-color: #9FB6CC;
	text-transform: uppercase;
}

.login-rivenditori-2 {
	font-size: 0.8vw;
	font-family: 'Open-semi-ita';
	color: #27509B;
	background-color: #9FB6CC;
	text-transform: uppercase;
}

@media (max-width: 1366px) {
	.login-rivenditori {
		font-size: 0.8vw;
	}
	
	.login-rivenditori-2 {
		font-size: 1vw;
	}
}


@media (max-width: 1024px) {
	.login-rivenditori {
		font-size: 0.9vw;
	}
	
	.login-rivenditori-2 {
		font-size: 1.1vw;
	}
}

@media (max-width: 800px) {
	.login-rivenditori {
	    font-size: 1.1vw;
}
	.login-rivenditori-2 {
	    font-size: 1.3vw;
}
}

@media (max-width: 736px) {
	.login-rivenditori {
		font-size: 1.2vw;
	}
	
	.login-rivenditori-2 {
		font-size: 1.4vw;
	}
}

@media (max-width: 414px) {
	.login-rivenditori {
		font-size: 2vh;
	}
	
	.login-rivenditori-2 {
		font-size: 2.2vh;
	}
}

.text-224 {
	font-size: 1.5vw;
}

@media (max-width: 440px) {
	.text-224 {
	font-size: 2vh;
}
}

.text {
	font-family: 'Open';
	font-size: 0.8vw;
	text-align: center;
}

@media (max-width: 1366px) {
	.text {
		font-size: 1.2vw;
	}
}


@media (max-width: 800px) {
	.text {
		font-size: 1.2vw;
	}
}
	
@media (max-width: 768px) {
	.text {
		font-size: 1.5vw;
	}
}


@media (max-width: 736px) {
	.text {
		font-size: 2vh;
	}
}


@media (max-width: 640px) {
	.text {
		font-size: 3vh;
	}
}


@media (max-width: 480px) {
	.text {
		font-size: 3vh;
	}
}

@media (max-width: 414px) {
	.text {
		font-size: 2vh;
	}
}
	
.text-thanks {
	font-size: 1vw; /*25*/
	font-family: 'Open';
	text-align: center;
	line-height: 1.2em;
	}

@media (max-width: 1366px) {	
	.text-thanks {
	font-size: 1.3vw;
	}
	
	}

@media (max-width: 736px) {	
	.text-thanks {
	font-size: 2.2vh;
	}
	
	}
	
@media (max-width: 320px) {	
	.text-thanks {
	font-size: 2.5vh;
	}	
	}	

@media (max-width: 414px) {
	.text-promo {
		font-size: 2vh!important;
	}
}

.titoletto {
	font-size: 1.3vw; /*25*/
	font-family: 'Open-semi-ita';
	text-align: center;
	line-height: 1.2em;
	color: #27509B;
	text-transform: uppercase;
}

@media (max-width: 1680px) {
	.titoletto {
		font-size: 1.5vw;
	}
}

@media (max-width: 1024px) {
	.titoletto {
		font-size: 1.6vw;
	}
}

@media (max-width: 800px) {
	.titoletto {
		font-size: 1.5vw;
	}
}

@media (max-width: 768px) {
	.titoletto {
		font-size: 2vw;
	}
}


@media (max-width: 736px) {
	.titoletto {
		font-size: 2.5vh;
	}
}

@media (max-width: 414px) {
	.titoletto {
		font-size: 1.7vh;
		line-height: 3em;
	}
}

@media (max-width: 360px) {
	.titoletto {
		font-size: 1.5vh;
	}
}

@media (max-width: 320px) {
	.titoletto {
		font-size: 1.4vh;
	}
}

.box {
border-radius: 12px 12px 12px 12px;
-moz-border-radius: 12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
border: 4px solid #FCE500;
	padding: 5px 24px;
	background-color: #FDFFD6;
}


.grigio {
	background-color: #E9E9EA;
}

.scuro {
	background-color: #D9D9DA;
	max-width: 500px;
}

.text-box {
	font-size: 0.8vw; /*19*/
	font-family: 'Open';
	color: #27509B;
	text-align: center;
}

@media (max-width: 1366px) {
	.text-box {
		font-size: 1.2vw;
	}
}


@media (max-width: 800px) {
	.text-box {
		font-size: 1.5vw;
	}
}
	
@media (max-width: 768px) {
	.text-box {
		font-size: 1.7vw;
	}
}


@media (max-width: 736px) {
	.text-box {
		font-size: 2vh;
	}
}


@media (max-width: 640px) {
	.text-box {
		font-size: 3vh;
	}
}


@media (max-width: 480px) {
	.text {
		font-size: 3vh;
	}
}

@media (max-width: 414px) {
	.text-box {
		font-size: 2vh;
	}
}

.update {
	font-size: 1.1vw;
}

@media (max-width: 414px) {
	.update {
	font-size: 1.6vh;
}
}

.note {
	font-size: 0.7vw; /*19*/
	font-family: 'Open';
}

@media (max-width: 1280px) {
	.note {
		font-size: 1vw; 
	}
}
	
@media (max-width: 1024px) {
	.note {
		font-size: 1.3vw; 
	}
}

@media (max-width: 640px) {
	.note {
		font-size: 3vh; 
	}
}

@media (max-width: 414px) {
	.note {
		font-size: 2vh; 
	}
}

	
@media (max-width: 414px) {
	.invio {
		width: 70%;
	}	
}

.invio-tab {
	margin:auto;
	display: inline; 
	margin-top: 19px;
	float: left;
}

@media (max-width: 414px) {
	.invio-tab {
		margin: auto;
		float: none;
	}	
}


.space {
	margin-top: 29%;
	}
	
	
@media (max-width: 1280px) {
	.space {
	margin-top: 30%;
	}
	}

@media (max-width: 1024px) {
	.space {
	margin-top: 24%;
	}
	}	

@media (max-width: 960px) {
	.space {
	margin-top: 24%;
	}
	}			
	
@media (max-width: 736px) {
	.space {
	margin-top: 64%;
	}
	}	

@media (max-width: 384px) {
	.space {
	margin-top: 75%;
	}
	}

@media (max-width: 375px) {
	.space {
	margin-top: 79%;
	}
	}	

@media (max-width: 360px) {
	.space {
	margin-top: 85%;
	}
	}	
	
@media (max-width: 320px) {
	.space {
	margin-top: 66%;
	}
	}			

/* --- FORM ---- */

.u2:hover {
	background-color: #FCE500;
	color: #27509B;
	}

.legal {
	font-size: 0.9vw;
}

@media (max-width: 1280px) {
	.legal {
    font-size: 1.1vw;
}
}

@media (max-width: 1024px) {
	.legal {
    font-size: 1.4vw;
}
}

@media (max-width: 800px) {
	.legal {
	font-size: 1.6vw;
}
}


@media (max-width: 667px) {
	.legal {
	font-size: 4vh;
}
}

@media (max-width: 414px) {
	.legal {
	font-size: 1.8vh;
}
}


@media (max-width: 320px) {
	.legal {
	font-size: 2.2vh;
}
}


.ted {
	padding-left: 30px;
	padding-top: 12px;
	padding-right: 30px;
	color: #27509B;
	font-size: 1.1vw;
}

@media (min-width: 980px) and (max-width: 1024px) {
	.ted {
  padding-inline-start: 0px;
  padding-right: 0px;
  font-size: 1.5vw;
  
}
	}

@media (max-width: 800px) {
	.ted {
  padding-inline-start: 0px;
  padding-right: 0px;
  font-size: 1.7vw;
	}
}

@media (max-width: 736px) {
	.ted {
  padding-inline-start: 0px;
  padding-right: 0px;
  font-size: 1.8vh;
	}
}

@media (max-width: 667px) and (orientation: landscape) {
	.ted {
  padding-inline-start: 0px;
  padding-right: 0px;
  font-size: 3.8vh;
	}
}

@media (max-width: 414px) {
	.ted {
	  font-size: 2.2vh;
	  padding-right: 0px;
	  padding-inline-start: 0px;
	}
}


@media (max-width: 375px) {
	.ted {
	  font-size: 2vh;
	}
}

@media (max-width: 320px) {
	.ted {
	  font-size: 2.2vh;
	}
}



@media (max-width: 480px) {
	.form {
    padding-inline-start: 14px;
  	padding-top: 8px;
	padding-right: 3px;
}

}


.form {
	padding-left: 30px;
	padding-top: 12px;
	padding-right: 30px;
	color: #27509B;
	font-size: 1.1vw;
}

@media (min-width: 980px) and (max-width: 1024px) {
	.form {
  padding-inline-start: 8px;
  padding-right: 0px;
  font-size: 1.5vw;
  
}
	}

@media (max-width: 800px) {
	.form {
  padding-inline-start: 4px;
  padding-right: 8px;
  font-size: 1.7vw;
	}
}

@media (max-width: 736px) {
	.form {
  padding-inline-start: 25px;
  padding-right: 61px;
  font-size: 1.8vh;
	}
}

@media (max-width: 667px) and (orientation: landscape) {
	.form {
  padding-inline-start: 38px;
  padding-right: 0px;
  font-size: 3.8vh;
	}
}

@media (max-width: 480px) {
	.form {
    padding-inline-start: 14px;
  	padding-top: 8px;
	padding-right: 3px;
}

}

@media (max-width: 414px) {
	.form {
	  font-size: 2.2vh;
	  padding-inline-start: 6px;
	}
}


@media (max-width: 375px) {
	.form {
	  font-size: 2vh;
	}
}

@media (max-width: 320px) {
	.form {
	  font-size: 2.2vh;
	}
}


.form-449 {
	font-size: 0.7vw;
	font-family: 'Open-ita';
	color: #fff;	
}

@media (min-width: 980px) and (max-width: 1024px) {
	.form-449 {
  font-size: 1.5vw;
  
}
	}

@media (max-width: 800px) {
	.form-449 {
  font-size: 1.2vw;
	}
}

@media (max-width: 736px) {
	.form-449 {
  font-size: 1.8vh;
	}
}

@media (max-width: 667px) and (orientation: landscape) {
	.form-449 {;
  font-size: 3.8vh;
	}
}

@media (max-width: 480px) {
	.form-449 {
	padding-right: 3px;
}

}

@media (max-width: 414px) {
	.form-449 {
	  font-size: 2.2vh;
	}
}


@media (max-width: 375px) {
	.form-449 {
	  font-size: 2vh;
	}
}

@media (max-width: 320px) {
	.form-449 {
	  font-size: 2.2vh;
	}
}

.paddington {
	padding-top: 1%;
}

.info {
	font-size: 1vw;
	color: #fff;
    font-family: 'Open';
	}

@media (max-width: 414px) {
	.info {
	font-size: 20px;
	}
	}

.formselect_o {
	height: 38px;
	width:100%;
	font-size: 16px;
	background-color:#fff;
	border: 1px solid  #68696b;
}		

@media (max-width: 736px) {
	.formselect_o {
		width: 106%; 
		}
	}

@media (max-width: 667px) {
	.formselect_o {
		width: 91%; 
		}
	}

.formselect_o2 {
	height: 38px;
	width:82%;
	font-size: 16px;
	background-color:#fff;
	border: 1px solid  #68696b;
}		

@media (max-width: 736px) {
	.formselect_o2 {
		width: 106%; 
		}
	}

@media (max-width: 667px) {
	.formselect_o2 {
		width: 91%; 
		}
	}

.forminput3 {
	height: 38px;
	width:100%;
	font-size: 16px;
	background-color:#fff;
	border: 1px solid  #68696b;
}

@media (max-width: 736px) {
	.forminput3 {
		width: 106%;
		}
	}

@media (max-width: 667px) {
	.forminput3 {
		width: 91%;
		}
	}

@media (max-width: 414px) {
	.forminput3 {
		margin-bottom: 4px;
		}
	}

.forminput2 {
	height: 38px;
	width:92%;
	font-size: 16px;
	background-color:#fff;
	border: 1px solid  #68696b;
}

@media (max-width: 736px) {
	.forminput2 {
		width: 106%;
		}
	}

@media (max-width: 667px) {
	.forminput2 {
		width: 91%;
		}
	}

@media (max-width: 414px) {
	.forminput2 {
		margin-bottom: 4px;
		}
	}

.forminput224 {
	height: 38px;
	width:87%;
	font-size: 16px;
	background-color:#fff;
	border: 1px solid  #68696b;
}


.formselect_s {
	height: 38px;
	width:28%;
	font-size: 16px;
	background-color:#fff;
	border: 1px solid  #68696b;
}

@media (max-width: 768px) {
	.formselect_s {
		width:27%;
		}
	}
	
@media (max-width: 736px) {
	.formselect_s {
		width: 32%;
		}
	}	
	
@media (max-width: 667px) {
	.formselect_s {
		width:29%;
		}
	}

.formlogin {
	height: 30px;
	width: 76%;
	font-size: 16px;
	background-color:#fff;
	border: 1px solid  #68696b;
}

@media (max-width: 736px) {
	.formlogin {
		width: 106%;
		}
	}

@media (max-width: 667px) {
	.formlogin {
		width: 91%;
		}
	}

@media (max-width: 414px) {
	.formlogin {
		margin-bottom: 4px;
		}
	}

.formselect_s {
	height: 38px;
	width:28%;
	font-size: 16px;
	background-color:#fff;
	border: 1px solid  #68696b;
}

@media (max-width: 768px) {
	.formselect_s {
		width:27%;
		}
	}
	
@media (max-width: 736px) {
	.formselect_s {
		width: 32%;
		}
	}	
	
@media (max-width: 667px) {
	.formselect_s {
		width:29%;
		}
	}

.form_sc {
	height: 38px;
	width: 36%;
	font-size: 16px;
	background-color:#fff;
	border: 1px solid  #68696b;
}


@media (max-width: 960px) {
	.form_sc {
		font-size: 11px;
		}
	}
	

@media (max-width: 768px) {
	.form_sc {
		width: 36%;
		}
	}
	
@media (max-width: 736px) {
	.form_sc {
		width: 32%;
		}
	}	
	
@media (max-width: 667px) {
	.form_sc {
		width: 36%;
		}
	}
	
.carica {
	font-size: 0.8vw;
}

@media (max-width: 1366px) {
	.carica {
	font-size: 1.2vw;
	}
}

@media (max-width: 736px) {
	.carica {
	font-size: 3.2vh;
	}
}


@media (max-width: 414px) {
	.carica {
	font-size: 1.8vh;
	}
}

@media (max-width: 320px) {
	.carica {
	font-size: 2.8vh;
	}
}

	

/* -------------- END --------------*/


label {
	width: 100%;
	
}

.margin {
	margin-bottom: 10px;
	}	
	
.hidemobile {
		display:block;
}

@media (max-width: 736px) {
	.hidemobile {
		display:none;
     }
} 


.showmobile {
		display:none;
}

@media (max-width: 736px) {
.showmobile {
		display:block;
}
	 
}

.hidemobile-2 {
		display:block;
}

@media (max-width: 768px) {
	.hidemobile-2 {
		display:none;
     }
} 


.showmobile-2 {
		display:none;
}

@media (max-width: 768px) {
.showmobile-2 {
		display:block;
}
	 
}


br {
	line-height:-10px;
}


a {
	text-decoration: inherit;
	color: inherit; 
	}
	
@media screen {   

    .no-screen, .no-screen * 
	{
        display: none !important;
    }
}

@media print
    {   
        .no-print, .no-print *
        {
            display: none !important;
        }
    }
	

	
.panel {
	background-color: transparent;
	}	
	
	
	/* -------- NAVBAR ------- */

.navbar-toggle .icon-bar {
  display: block;
  width: 34px;
  height: 4px;
  border: none;
}
.navbar-default {
	 background-color: #FCE500;
	border-color: transparent;
}
.navbar-default .navbar-toggle {
  border: none;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  opacity: 0.85;
  background-color: transparent;

}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #27509B;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border: none;
	background-color: rgba(39,80,155, 0.06);
	mix-blend-mode: normal;
}

	.nav > li > a {
     font-family: 'Open-semi-ita';
	 text-transform: uppercase;
	 font-size: 0.8vw;
	 position: relative;
	 display: block;
	 color: #27509B;
	 top: 0px;
	 bottom: 0px;
	 width: 100%;
	}

@media (max-width: 1680px) {
	.nav > li > a {
		font-size: 0.9vw;
	}
}

@media (max-width: 1366px) {
	.nav > li > a {
		font-size: 1vw;
	}
}

@media (max-width: 1024px) {
	.nav > li > a {
		font-size: 1.2vw;
	}
}

@media (max-width: 800px) {
	.nav > li > a {
		font-size: 1.4vw;
	}
}

@media (max-width: 768px) {
	.nav > li > a {
		position: relative;
		font-size: 0.8vh;
	}
}



.navbar-default .navbar-nav > li > a {
    color: #27509B;
	font-size: 3vh;
} /* per il mobile */

@media (max-width: 320px) {
	.navbar-default .navbar-nav > li > a {
		font-size: 4vh;
	}
}

.nav > li > a:hover,
.nav > li > a:focus {
 	color: #27509B;
	font-family: 'Open-extra-ita';
	text-transform: uppercase;
	background-color: transparent;
}

.nav > li.disabled > a {
  color: #999999;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
 	 font-family: 'Open-extra-ita';
	 text-transform: uppercase;
}

.navbar-nav {
  margin: 7.5px 0px;
  background-color: transparent;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  	color: #27509B;
	font-family: 'Open-extra-ita';
	text-transform: uppercase;
	font-size: 3.5vh;
}

.yellowBGBtn {
	background-color: rgb(252, 229, 0);
	color: rgb(39, 80, 155);
	font-family: "Open Sans";
	font-weight: 700;
	font-style: oblique;
	font-size: 1vw;
	text-align: left;
	padding-top: 7px;
	padding-right: 20px !important;
	padding-bottom: 7px;
	padding-left: 20px !important;
	text-transform: uppercase;
	border: 0px;
	border-radius: 60px;
}

/* CAROUSEL */

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4%;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    opacity: 0.3;
	filter: alpha(opacity=50);
}


 .border-yellow {
            border: 4px solid #f0e813; /* Yellow border */
        }
        .bg-lightblue {
            background-color: #d8e1f1; /* Light blue background */
        }
        .bg-blue {
            background-color: #2f3a76; /* Dark blue background */
            color: white;
        }
        .highlight {
            color: #f0e813; /* Yellow color for text */
        }
        .rounded-circle-custom {
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid #f0e813;
            border-radius: 50%;
            margin-bottom: 20px;
            font-weight: bold;
            font-size: 18px;
            color: #1d1c8c;
        }
        .greyed-out {
            background-color: #cccccc;
            color: #aaaaaa;
        }


.nuvole {
	background: url("../img/2024-1079_nuvole.png");
	background-size: auto;
}