@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');

@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: 'Michelin-semibold';
	src: url('../fonts/Michelin-SemiBold.eot');
	src: url('../fonts/Michelin-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Michelin-SemiBold.woff2') format('woff2'),
		url('../fonts/Michelin-SemiBold.woff') format('woff'),
		url('../fonts/Michelin-SemiBold.ttf') format('truetype'),
		url('../fonts/Michelin-SemiBold.svg#Michelin-SemiBold') format('svg');
	font-weight: 600;
	font-style: italic;
}

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

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

@font-face {
	font-family: 'Michelin-bold';
	src: url('../fonts/Michelin-Bold.eot');
	src: local('☺'), url('../fonts/Michelin-Bold.woff') format('woff'), url('../fonts/Michelin-Bold.ttf') format('truetype'), url('../fonts/Michelin-Bold.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';
	font-weight: 700;
	font-size: 1.4vw;
	/*25*/
	color: #275096;
	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: 1440px;
	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 Sans';
	font-weight: 400;
}

#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 Sans';
	font-weight: 400;
}

button#baloo {
	background-color: #27509B;
	font-family: 'Open Sans';
	font-weight: 700;
	font-style: oblique;
	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;
}

contact a:hover {
	text-decoration: none;
	border-bottom: 3px solid #27509B;
}



.locator {
	max-width: 1400px;
	margin: auto;
	padding: 0;
}

.locator-title {
	font-family: 'Conv_Michelin-Black';
	font-size:
		/*38*/
		1.8vw;
	color: #fff;
	text-align: center;
}

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

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

.locator-text {
	font-family: 'Open Sans';
	font-weight: 400;
	font-style: oblique;
	font-size: 0.8vw;
	color: #fff;
	text-align: center;
}

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

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


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

.text-deal {
	font-family: 'Open Sans';
	font-weight: 400;
	font-style: oblique;
	font-size:
		/*19*/
		1.4vw;
	color: #fff;
	line-height: 1em;
	text-align: center;
}

@media (max-width: 1440px) {
	.text-deal {
		font-size: 1.8vw;
	}
}

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

.locator-pad {
	padding: 4%;
}

@media (max-width: 1440px) {
	.locator-pad {
		padding: 3%;
	}
}


@media (max-width: 1680px) {
	.margin-ciao {
		margin-top: 10px;
	}
}

@media (max-width: 1440px) {
	.margin-ciao {
		margin-top: 20px;
	}
}

.text-ciao {
	font-weight: 400;
	font-size: 3.3vw;
	color: #fff;
	text-align: left;
}

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

.text-nome {
	font-weight: 900;
	font-size: 3.8vw;
	margin-top: -30px;
	color: #fff;
	text-align: left;
}

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


.text-profilo {
	font-weight: 400;
	font-size: 0.9vw;
	color: #27509B;
	text-align: left;
}

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


.text-datee {
	font-weight: 900;
	font-size: 2.3vw;
	color: #27509B;
	text-align: left;
}

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

.text-cane {
	font-weight: 200;
	font-size: 1.8vw;
	color: #27509B;
	text-align: left;
}

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

.mario {
	background-color: #EDEDED;
	border: 6px solid #27509B;
	border-radius: 70px;
	padding: 2% 5% 2% 5%;
	position: relative;
	width: 46%;
	margin: 0 auto;
	display: block;
}

@media (max-width: 414px) {
	.mario {
		border: 2px solid #27509B;
		border-radius: 35px;
		padding: 2% 11% 2% 5%;
		position: relative;
		width: 83%;
		margin: 0 auto;
		display: block;
	}
}

.mario:after {
	content: url("../../img/ok.png");
	position: absolute;
	bottom: -9px;
	right: 0;
	width: 117px;
	height: 136px;
}

@media (max-width: 1440px) {
	.mario:after {
		content: url("../../img/ok-1440.png");
		bottom: 0;
		right: -2%;
		width: 97px;
		height: 113px;
	}
}

@media (max-width: 414px) {
	.mario:after {
		content: url("../../img/ok-mobile.png");
		bottom: 0;
		right: -7%;
		width: 66px;
		height: 77px;
	}
}

.gatto {
	font-weight: 900;
	font-size: 1.8vw;
	color: #27509B;
	text-align: left;
}

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


#pluto a:hover {
	font-family: 'Open Sans';
	font-weight: 800;
	font-style: oblique;
	color: #fce500;
	text-decoration: none;
}

.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 Sans';
	font-weight: 800;
	font-style: oblique;
	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 Sans';
	font-weight: 600;
	font-style: oblique;
	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;
}

.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 Sans';
	font-weight: 700;
	font-style: oblique;
	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 Sans';
	font-weight: 400;
	font-style: oblique;
	font-size: 0.7vw;
	text-align: center;
	margin: auto;
	text-transform: uppercase;
}

.thtext {
	font-family: 'Open Sans';
	font-weight: 400;
	font-style: oblique;
	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 Sans';
	font-weight: 400;
	text-align: center;

}

.tbtext {
	font-size: 0.6vw;
	font-family: 'Open Sans';
	font-weight: 400;
	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 Sans';
		font-weight: 400;
		font-style: oblique;
		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 Sans';
	font-weight: 800;
	font-style: oblique;
	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 Sans';
	font-weight: 400;
	font-style: oblique;
	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 {
	background-color: #FCE500;
	color: #27509B;
	font-family: 'Open Sans';
	font-weight: 400;
	font-style: oblique;
	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;
	}
}


.button-blue-seller {
	background-color: #27509B;
	color: #fff;
	font-family: 'Open Sans';
	font-weight: 400;
	font-style: oblique;
	font-size: 1vw;
	text-align: center;
	padding: 14px;
	text-transform: uppercase;
	width: 87%;
	border-radius: 80px;
}

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

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

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


.button-blue-seller a:hover,
active {
	color: #FCE500;
	text-decoration: none;
}

.tot-nmbrs {
	font-size: 2.2vw;
	font-family: 'Open Sans';
	font-weight: 800;
	font-style: oblique;
	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 Sans';
	font-weight: 400;
	font-style: oblique;
	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 Sans';
	font-weight: 400;
	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: #fff;
	background-color: #27509b;
	font-family: 'Open Sans';
	font-weight: 400;
	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;
	}
}

.footer a:hover {
	color: #fce500;
	text-decoration: none;
}

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

@media (max-width: 414px) {
	.logo {
		width: 55% !important;
		margin-top: auto;
	}
}

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

@media (max-width: 414px) {
	.menu {
		height: 30px;
	}
}

/*.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: 19px;
	}
}

.autocar {
	font-size: 1.2vw
}

.lark {
	width: 50%;
}

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

}

mark {
	background: #ff0;
}

.thebold {
	font-family: 'Open Sans';
	font-weight: 700;
}

.text-autocar {
	font-size: 0.9vw;
	/*22*/
	font-family: 'Open Sans';
	font-weight: 400;
	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 Sans';
	font-weight: 400;
	font-style: oblique;
	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: 3rem;
	}

	.title-tab {
		font-size: 3.8vh;
	}

}


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

}

.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 Sans';
	font-weight: 600;
	font-style: oblique;
	color: #27509B;
	background-color: #9FB6CC;
	text-transform: uppercase;
}

.login-rivenditori-2 {
	font-size: 0.8vw;
	font-family: 'Open Sans';
	font-weight: 600;
	font-style: oblique;
	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;
	}
}


.box-codice-mastro {
	border-radius: 20px;
	background-color: #9ab1c7;
	font-size: 4vh;
	font-weight: 700;
	color: #fff;
}

.title-mastro {
	color: #27509B;
	font-family: 'Open Sans';
	font-weight: 700;
	font-style: oblique;
	font-size: 1.5vw;
}

.text-mastro {
	font-size: 1vw;
	font-weight: 100;
}

.text {
	font-family: 'Open Sans';
	font-weight: 400;
	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 Sans';
	font-weight: 400;
	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: 414px) {

	.text-thanks {
		font-size: 2rem;
	}

	span.smaller {
		font-size: 2vh !important;
	}
}


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

	span.smaller {
		font-size: 2.2vh !important;
	}
}

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

.titoletto {
	font-size: 1.3vw;
	/*25*/
	font-family: 'Open Sans';
	font-weight: 600;
	font-style: oblique;
	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 Sans';
	font-weight: 400;
	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 Sans';
	font-weight: 400;
}

@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 Sans';
	font-weight: 400;
	font-style: oblique;
	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 Sans';
	font-weight: 400;
}

@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%;
	}
}

.formedit {
	height: 38px;
	width: 60%;
	font-size: 16px;
	background-color: #fff;
	border-radius: 20px;
	border: 1px solid #68696b;
}

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

.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_s2 {
	height: 38px;
	width: 32%;
	font-size: 16px;
	background-color: #fff;
	border: 1px solid #68696b;
}


@media (max-width: 667px) {
	.formselect_s2 {
		width: 30%;
	}
}

.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%;
		font-size: 16px;
	}
}

.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;
	}
}

label.errore-michelin {
	color: red;
	font-size: 0.7vw;
}

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

/* -------------- 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: #fff;
	border-color: transparent;
}

.navbar-default .navbar-toggle {
	border: 2px solid #ddd;
	border-radius: 20px;
	background-color: transparent;
}

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

}

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

.navbar-default .navbar-toggle .icon-bar:hover,
.navbar-default .navbar-toggle .icon-bar:focus {
	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;
}

promo.nav>li>a {
	background-color: #ffe969;
}

.nav>li>a {
	font-family: 'Open Sans';
	font-weight: 400;
	text-transform: lowercase;
	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.8vw;
	}
}

@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;
	line-height: 1.2em;
}

/* per il mobile */

@media (max-width: 320px) {
	.navbar-default .navbar-nav>li>a {
		font-size: 3vh;
		line-height: 1.2em;
	}
}


.nav>li>a:hover,
.nav>li>a:focus {
	color: #fff;
	font-family: 'Open Sans';
	font-weight: 400;
	text-transform: lowercase;
	background-color: #3470c6;
}

.nav>li>a.active {
	color: #fff;
	font-family: 'Open Sans';
	font-weight: 400;
	text-transform: lowercase;
	background-color: #3470c6;
}

.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 Sans';
	font-weight: 400;
	font-style: oblique;
	text-transform: lowercase;
	font-size: 3.5vh;
}

.button {
	font-family: 'Open Sans';
	font-weight: 400;
	text-transform: lowercase;
	font-size: 0.8vw;
	position: relative;
	display: block;
	color: #27509B;
	top: 0px;
	bottom: 0px;
	border: none;
	background: transparent;
	width: 100%;
}

@media (max-width: 747px) {
	.button {
		font-size: 2.8vh;
		text-align: center;
	}
}


.contact {
	font-family: 'Open Sans';
	font-weight: 800;
	font-style: oblique;
	font-size: 1.5vw !important;
	padding: 5px;
	color: #183261;
	text-align: center;
	text-transform: uppercase;
}

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

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



/* CAROUSEL */

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

.carousel-indicators {
	top: 1% !important;
}

.carousel-indicators li {
	background-color: rgba(223, 225, 225, 0.47);
	border: 1px solid rgba(223, 225, 225, 0.47);
}

.carousel-indicators .active {
	background-color: rgba(47, 77, 164, 0.43);
}

/* GALLERY */

.height300 {
	height: 100px;
	overflow: hidden;
}

.box-gallery {
	background-color: #F7F7F7;
	border: 1px solid #27509A;
	border-radius: 10px;
	color: #6B6B6B;
	font-family: 'Open-ita';
	font-weight: 100;
	padding: 2%;
	font-size: 0.8vw;
}

.box-gallery-pari {
	background-color: #E5EFF5;
	border: 1px solid #27509A;
	border-radius: 10px;
	color: #27509B;
	font-family: 'Open-ita';
	font-weight: 100;
	font-size: 0.8vw;
	padding: 2%;
}

.subtitle-ricetta {
	font-weight: 700;
	font-family: 'Open-semibold';
}

/* NUOVO --------------- testi index*/


.main-title {
	font-size: 3vw;
	color: #fce500;
	font-family: 'Michelin-bold';
	text-align: center;
	text-shadow: 6px 4px 6px #0F0F0F;
	position: absolute;
	top: 29%;
	width: 100%;
}

@media (max-width: 414px) {
	.main-title {
		font-size: 4vh;
		top: 25%;
	}
}

.main-main-title {
	font-size: 3vw;
	color: #fce500;
	font-family: 'Michelin-bold';
	text-align: center;
	text-shadow: 6px 4px 6px #0F0F0F;
	position: absolute;
	top: 29%;
	width: 100%;
}

@media (max-width: 414px) {
	.main-main-title {
		font-size: 4vh;
		top: 16%;
	}
}

.paragraph-title {
	font-family: 'Open';
	font-weight: 600;
	color: #fce500;
	text-align: center;
	font-size: 1.5vw;
	background: #27509b;
	padding: 0.5%;
	margin-top: -10px;
}

@media (max-width: 1024px) {
	.paragraph-title {
		font-size: 1.8vw;
	}
}

@media (max-width: 414px) {
	.paragraph-title {
		font-size: 2.8vh;
		padding: 2.5%;
		margin-top: 0px;
	}
}

.box-index-title {
	font-family: 'Michelin-bold';
	color: #27509b;
	text-align: center;
	font-size: 1.5vw;
	padding: 1%;
}



.box-text {
	font-family: 'Open';
	font-weight: 400;
	color: #27509b;
	text-align: center;
	font-size: 1.5vw;
}

.dealer-text {
	font-family: 'Michelin-bold';
	color: #27509b;
	text-align: center;
	position: absolute;
	top: 101%;
	width: calc(100% - 30px);
	font-size: 1.2vw;
}

@media (max-width: 414px) {
	.dealer-text {
		font-size: 2vh;
		position: relative;
		margin-bottom: 20px
	}
}

/* ALTRO index */

.video {
	position: relative;
}

#videoBG {
	position: relative;
	z-index: -1;
}

@media (min-aspect-ratio: 16/9) {
	#videoBG {
		width: 100%;
		height: auto;
	}
}

@media (max-aspect-ratio: 16/9) {
	#videoBG {
		width: auto;
		height: 100%;
	}
}

@media (max-width: 767px) {
	#videoBG {
		display: none;
	}

	.index {
		background: url('../../img/poster-index-mobile.jpg');
		background-size: cover;
		width: 100%;
		height: 578px;
	}

	.video.moto {
		background: url('../../img/poster-moto-mobile.jpg') !important;
		background-size: cover !important;
		width: 100%;
		height: 578px;
	}

	.video.auto {
		background: url('../../img/poster-auto-mobile.jpg') !important;
		background-size: cover !important;
		width: 100%;
		height: 578px;
	}

	.video.autocarro {
		background: url('../../img/poster-autocarro-mobile.jpg') !important;
		background-size: cover !important;
		width: 100%;
		height: 578px;
	}

}

.arrow {
	position: absolute;
	bottom: -60%;
	left: 45%;
	animate-duration: 2s;
}

@media (max-width: 1024px) {
	.arrow {
		bottom: -46%;
		left: 27%;
	}
}

.main-arrow {
	position: absolute;
	bottom: -60%;
	left: 45%;
	animate-duration: 2s;
}

@media (max-width: 1024px) {
	.main-arrow {
		bottom: -22%;
		left: 27%;
	}
}

@media (max-width: 320px) {
	.main-arrow {
		left: 21%;
	}
}

@media (max-width: 320px) {
	.bottoni {
		width: 40%;
	}
}



/* BOX */

.boxes {
	margin-bottom: 20px;
}

@media (max-width: 1024px) {
	.boxes {
		margin-bottom: 44px;
	}
}

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

.box-index {
	border: solid #27509b 6px;
	background: #fff;
	position: relative;
	border-radius: 69px;
}

.card {
	position: relative;
	bottom: -55px;
	left: 30%;
	margin-top: -55px;
}

.gato:hover {
	content: url("../../img/box-2020743.png");
	position: relative;
	bottom: 10px;
}

/* DEALER */

@media (max-width: 1024px) {
	.dealer-icon {
		width: 63%;
	}
}

.title-big {
	font-size: 2.2vw;
	color: #27509b;
	font-family: 'Michelin-bold';
	text-align: center;
}

@media (max-width: 414px) {
	.title-big {
		font-size: 2.2vh;
		margin-top: 60px;
	}
}

#trova {
	font-size: 0.7vw;
	color: #27509b;
	font-family: 'Open';
	font-weight: 400;
}

@media (max-width: 1440px) {
	#trova {
		font-size: 0.8vw;
	}
}

@media (max-width: 1024px) {
	#trova {
		font-size: 1vw;
	}
}

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

@media (max-width: 414px) {
	#btn_vai {
		margin: auto !important;
	}
}

.forminput_deal {
	height: 38px;
	width: 100%;
	font-size: 16px;
	background-color: transparent !important;
	border: 2px solid #27509b;
	border-radius: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	font-family: 'Open Sans';
	font-weight: 400;
	font-style: oblique;
	-webkit-padding-start: 16px;
}

#trova select option,
select {
	background-color: #324fa5;
}

@media (max-width: 1200px) {
	.forminput_deal {
		background-position: 323px 13px;
	}
}

@media (max-width: 414px) {
	.forminput_deal {
		background-position: 225px 13px;
	}
}

select option,
select {
	background-color: #fff !important;
	font-family: 'Open Sans' !important;
	font-weight: 400;
	font-style: oblique;
	color: inherit;
}

@media (max-width: 736px) {
	.forminput_deal {
		width: 86%;
	}
}

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

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

.franco_over {
	font-family: 'Open-extra-ita';
	color: #fce500;
	text-decoration: none;
}

.bowie {
	font-size: 0.8vw;
	color: #27509B;
}

@media (max-width: 1440px) {
	.bowie {
		font-size: 0.9vw;
	}
}

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

@media (max-width: 414px) {
	.bowie {
		margin-bottom: 5%;
		font-size: 2vh;
	}
}

.pluto a:hover {
	font-family: 'Open-extra-ita';
	color: #fce500;
	border-radius: 10px;
	padding: 2%;
	background-color: #27509B;
	text-decoration: none;
}




#back a:hover {
	color: #27509B;
	border-bottom: #fce500 solid 4px;
	border-radius: 30px;
	text-decoration: none;
	padding: 0.5%;
}


/* PROMO */

.subtitle-promo {
	font-size: 1.2vw;
	font-family: 'Conv_Michelin-Regular';
	color: #fff;
	text-shadow: 4px 2px 12px #111;
}

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


/* 2023 */

.text-23 {
	font-size: 1.5rem;
	padding: 2%;
	font-weight: 400;
}


.tot-new {
	background-color: #FFF5BB;
	color: #27509B;
	font-family: 'Open Sans';
	font-size: 1vw;
	font-style: oblique;
	font-weight: 300;
	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;
	}
}



.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;
}


.border-yellow {
	border: 5px solid #f8e100;
	/* Yellow border */
	border-radius: 20px;
}

.bg-lightblue {
	background-color: #d8e1f1;
	/* Light blue background */
}

.bg-lightblue:hover {
	background-color: #275097;
	/* Light blue background */
}

.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;
}

.buoni-542 {
	font-family: 'Open Sans';
	font-weight: 800;
	font-style: oblique;
}

.subtitle-buoni-542 {
	font-family: 'Open';
}

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


/* ====================
	RUOTA DELLA FORTUNA
   ==================== */

#ruota {
	background: transparent;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.shadowed {
	filter: drop-shadow(0 0 0rem #4dac27);
}

.shadowed:hover {
	filter: drop-shadow(0 0 1rem #4dac27);
}

.shadowedactive {
	filter: drop-shadow(0 0 1rem #4dac27);
}

#wheel {
	transition: 5s ease-in-out;
}

.gray {
	transition: 1.5s ease-in-out;
}

#wheel_pointer {
	position: relative;
	z-index: 9000;
}

#hover_gira {
	position: relative;
	z-index: 10000;
}

.btn_ruota {
	background-color: transparent;
	border: 0;
}

#gira {
	background-color: transparent;
	background: transparent;
	border-width: 0px;
}

#gira_m {
	background-color: transparent;
	background: transparent;
	border-width: 0px;
}

/* ------------------ */
/* Allineamento verticale del contenuto delle colonne */
.table-wrapper {
  display: table;
  width: 100%;
  height: 100vh; /* Altezza piena viewport per allineamento verticale */
}

@media (max-width: 500px) {
  .table-wrapper {
	height: auto; /* Altezza automatica per schermi più piccoli */
  }
}

.table-cell {
  display: table-cell;
  vertical-align: middle;
}

/* Garantire che Bibendum sia sopra tutto */
.omino {
  position: relative;
  z-index: 10;
}

@media (max-width: 500px) {
  .omino {
	width: 60%;
	left: 18%;
top: 10px;
margin-top: 57px;
  }
}

#hover_gira,
#wheel,
#wheel_pointer {
  position: relative;
  z-index: 1;
}

@media (max-width: 600px) {
	.box-index-title {
		font-size: 2rem!important;
	}
}


.btn-new-250 {
    background-color: #27509b;
    border-radius: 30px;
    font-family: 'Michelin-bold';
    font-size: 1.8rem;
    padding: 1.2%;
    color: #fff;
    text-align: center;
}