﻿#preloaderPayPal {
	display: none;
	background: url(/../img/ajax-loader.gif) no-repeat center center;
	background-size: 64px auto;
	width: 100%;
	margin: 50px auto 0 auto;
	background-color: rgba(0, 0, 0, 0.8);
	position: absolute;
	z-index: 9999999;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
/*Pre Arval Header*/
#arval-header {
	width: 100%;
	height: auto;
	background: #55585a;
	position: relative;
	float: left;
	z-index: 99999999;
}

	#arval-header .center {
		max-width: 1200px;
		margin: 0 auto;
		padding: 0px 25px 0px 25px;
		line-height: 70px;
	}

	#arval-header .float_left .premium-center {
		display: block;
		width: 241px;
		height: auto;
		border: #fff solid 1.3px;
		margin: 10px 0px 10px 0px;
	}

	#arval-header .float_left {
		float: left;
		width: 245px;
	}

		#arval-header .float_left a {
			padding: 0px;
			margin: 0px;
			-webkit-transition: all .2s ease;
			-moz-transition: all .2s ease;
			-o-transition: all .2s ease;
			transition: all .2s ease;
		}

			#arval-header .float_left a:hover {
				opacity: 0.6;
			}

	#arval-header .float_right {
		float: right;
		width: auto;
	}

		#arval-header .float_right span {
			font-size: 13px;
			color: #fff;
			letter-spacing: 0.5px;
			font-weight: 300;
			font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
			display: block;
		}

			#arval-header .float_right span a {
				color: #fff;
				text-decoration: underline;
			}

				#arval-header .float_right span a:hover {
					text-decoration: none;
				}


/*=========================================*/
/*Arval Page*/
#box-arval-page {
	width: 100%;
	height: auto;
	background: #fff;
	position: relative;
	float: left;
}

	#box-arval-page .center {
		max-width: 1200px;
		margin: 0 auto;
		padding: 0px 25px 0px 25px;
		line-height: 40px;
	}

	#box-arval-page .float_left .premium-center {
		display: block;
		width: 250px;
		height: auto;
		margin: 26px 0px 15px 60px;
	}

	#box-arval-page .float_left {
		float: left;
		width: 41.66666667%;
	}

		#box-arval-page .float_left a {
			padding: 0px;
			margin: 0px;
		}

	#box-arval-page .float_right {
		float: right;
		width: 58.33333333%;
	}

		#box-arval-page .float_right h2 {
			font-size: 26px;
			font-weight: 500;
			color: #fff;
			font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
			padding: 64px 0px 0px 0px;
			color: #7c7d81;
			margin-top: 67px !important;
		}

	#box-arval-page h3 {
		font-size: 26px;
		font-weight: 500;
		color: #fff;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		padding: 24px 0px 0px 0px;
		color: #7c7d81;
		width: 100%;
		text-align: center;
	}

	#box-arval-page .float_right span {
		font-size: 17px;
		color: #7c7d81;
		letter-spacing: 0.5px;
		font-weight: 400;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		display: block;
		line-height: 28px;
	}

	#box-arval-page .altezza-video {
		padding: 0px 0px 100px 0px;
	}

	#box-arval-page .tutto-video {
		background: #f0f0f0;
		width: 100%;
		height: auto;
		float: left;
	}

		#box-arval-page .tutto-video .video {
			display: block;
			width: 100%;
			max-width: 1000px;
			margin: 0 auto;
		}

	#box-arval-page .altezza-testo {
		padding: 100px 0px 120px 0px;
		width: 100%;
		height: auto;
		float: left;
	}

	#box-arval-page .altezza-testo-fine {
		padding: 85px 0px 85px 0px;
		width: 100%;
		height: auto;
		float: left;
	}

	#box-arval-page .float_left_so {
		width: 50%;
		float: left;
	}

	#box-arval-page .float_right_so {
		width: 50%;
		float: right;
	}

	#box-arval-page .responsive {
		width: 100%;
		display: block;
	}

	#box-arval-page .float_right_so p {
		font-size: 17px;
		color: #7c7d81;
		letter-spacing: 0.5px;
		font-weight: 400;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		display: block;
		line-height: 28px;
	}

	#box-arval-page .float_right_so .single-item {
		margin: 70px 0px 0px 70px;
	}
/*=========================================*/
/*Box Arval*/
#box-arval {
	width: 100%;
	height: auto;
	background: #55585a;
	position: relative;
	float: left;
	margin-bottom: 30px;
}

	#box-arval .center {
		max-width: 1200px;
		margin: 0 auto;
		padding: 0px 25px 0px 25px;
		line-height: 40px;
	}

	#box-arval .float_left .premium-center {
		display: block;
		width: 300px;
		height: auto;
		margin: 26px 0px 15px 0px;
	}

	#box-arval .float_left {
		float: left;
		width: 41.66666667%;
	}

		#box-arval .float_left a {
			padding: 0px;
			margin: 0px;
		}

	#box-arval .float_right {
		float: right;
		width: 58.33333333%;
	}

		#box-arval .float_right h2 {
			letter-spacing: 1px;
			font-size: 29px;
			text-transform: uppercase;
			font-weight: 500;
			color: #fff;
			font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
			padding: 64px 0px 0px 0px
		}

		#box-arval .float_right span {
			font-size: 17px;
			color: #fff;
			letter-spacing: 0.5px;
			font-weight: 400;
			font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
			display: block;
			line-height: 28px;
		}

		#box-arval .float_right .link_btn {
			margin-top: 30px;
		}

		#box-arval .float_right .btn-style-one {
			position: relative;
			padding: 11px 30px;
			border: 2px solid #fff;
			line-height: 24px;
			color: #fff;
			text-align: center;
			display: inline-block;
			font-size: 18px;
			text-decoration: none;
			font-weight: 400;
			letter-spacing: 1px;
			text-transform: uppercase;
			font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
			-webkit-transition: all .2s ease;
			-moz-transition: all .2s ease;
			-o-transition: all .2s ease;
			transition: all .2s ease;
		}

			#box-arval .float_right .btn-style-one:hover {
				opacity: 0.6;
			}
/*=========================================*/

.headeralto {
	margin-bottom: 1%;
}

.build-01.indexveicoli {
	margin-top: 20px;
}


.scrollToTopBtn {
	display: flex;
	position: fixed;
	bottom: 0px;
	background-color: #007bff;
	color: #fff;
	padding: 10px 10px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	content: "\2191";
	width: max-content;
	height: 100%;
}

	.scrollToTopBtn span {
		font-size: 12px;
		font-weight:bold
	}
	.scrollToTopBtn.noshow{
		display:none !important;
	}

	.tag_cercati {
		margin: 15px auto;
	}

	.tag_cercati p.font_sz_var_04 {
		margin-bottom: 0.5rem;
	}

	.tag_cercati p.item {
		background-color: #fff;
		border-radius: 6px;
		padding: 8px 12px;
		margin: 0.5rem;
	}

		.tag_cercati p.item span {
			vertical-align: middle;
		}

			.tag_cercati p.item span.material-symbols-rounded {
				vertical-align: middle;
				cursor: pointer;
			}

span.material-symbols-rounded {
	transform: rotate(180deg);
}

.material-symbols-rounded {
	font-family: 'Material Symbols Rounded';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	transition: 0.4s ease-in-out;
}

.filtri_attivi {
	margin-top: 10px;
	font-size: 13px;
	border-radius:6px
	
}

	.filtri_attivi .item {
		background-color: #EEEEEE;
		padding: 8px;
		border-radius:6px;
		width:fit-content;
	}

	.filtri_attivi .item input[type=submit] {
		-webkit-appearance: none;
		display: inline-block;
		height: 20px;
		aspect-ratio: 1/1;
		background: #EEEEEE url(../img/icons/close.svg) center no-repeat;
		background-size: 60%;
		cursor: pointer;
	}


	.filtri_attivi .item input[type=submit]:hover {
		background-color: #eee;
	}

.box-car-advisor{
	text-align: center;
}

.box-car-advisor p{
	font-size: 24px;
	font-weight:bold;
}

@media only screen and (min-width : 120px) and (max-width : 1023.999px) {
	/*Pre Arval Header*/
	#arval-header {
		margin-top: 80px;
		z-index: 9;
	}

		#arval-header .center {
			line-height: 20px;
			padding: 10px;
		}

		#arval-header .float_left {
			float: none;
			width: 100%;
		}

			#arval-header .float_left .premium-center {
				margin: 0 auto;
			}

		#arval-header .float_right {
			float: none;
			width: 100%;
		}

			#arval-header .float_right span {
				font-size: 12px;
				text-align: center;
				margin-top: 10px;
			}

				#arval-header .float_right span a {
					display: block;
				}
	/*=========================================*/
	/*Arval Page*/
	#box-arval-page .float_right h2 {
		font-size: 20px;
		line-height: 25px;
		padding: 0px 0px 0px 0px;
		text-align: center;
	}

	#box-arval-page .center {
		line-height: 20px;
		padding: 10px;
	}

	#box-arval-page .float_left_so {
		width: 100%;
		float: none;
	}

	#box-arval-page .float_right_so {
		width: 100%;
		float: none;
	}

	#box-arval-page .float_left {
		float: none;
		width: 100%;
	}

		#box-arval-page .float_left .premium-center {
			margin: 0 auto;
		}

	#box-arval-page .float_right {
		float: none;
		width: 100%;
	}

		#box-arval-page .float_right span {
			text-align: center;
			margin-top: -5px;
			line-height: 20px;
		}

		#box-arval-page .float_right .btn-style-one {
			font-size: 14px;
			margin: 0 auto;
			width: 130px;
			display: block;
		}

		#box-arval-page .float_right .link_btn {
			margin-bottom: 30px;
		}

	#box-arval-page .float_right_so .single-item {
		margin: 40px 0px 0px 0px;
	}
	/*=========================================*/
	/*Box Arval*/
	#box-arval .float_right h2 {
		font-size: 20px;
		line-height: 25px;
		padding: 0px 0px 0px 0px;
		text-align: center;
	}

	#box-arval .center {
		line-height: 20px;
		padding: 10px;
	}

	#box-arval .float_left {
		float: none;
		width: 100%;
	}

		#box-arval .float_left .premium-center {
			margin: 0 auto;
		}

	#box-arval .float_right {
		float: none;
		width: 100%;
	}

		#box-arval .float_right span {
			text-align: center;
			margin-top: -5px;
			line-height: 20px;
		}

		#box-arval .float_right .btn-style-one {
			font-size: 14px;
			margin: 0 auto;
			width: 130px;
			display: block;
		}

		#box-arval .float_right .link_btn {
			margin-bottom: 30px;
		}
	/*=========================================*/
}
	/*=========================================*/

	.chisiamonowrap {
		flex-wrap: unset !important;
	}

	.Font-Size-2rem {
		font-size: 2rem;
	}

	.Font-Size-14px{
		font-size:14px;
	}

	.bordersticky {
		border-radius: 1px;
		border-top-left-radius: 20px;
		border-bottom-right-radius: 20px;
		color: #000 !important;
		text-align: center;
		margin: 2px;
		width: 105%;
	}

	.login {
		cursor: pointer;
		font-size: 17px !important;
	}



		.login.pulsante:hover {
			background-color: #696969
		}

	.titolologin {
		font-size: 30px;
	}

	.flex-login {
		display: flex;
	}

	.field {
		margin: 5px;
	}

	.altezzapromo {
		height: 80px;
	}

.submenu-header {
	background-color: lightgray;
	position: fixed;
	z-index: 999999999999999999999999999999;
	top: 80px;
	width: 100%;
	align-items: center;
	text-align: center;
	right: 0;
	height: 100%;
	box-shadow: 0 0px 4px rgba(0,0,0,0.30);	
}

	.submenu-header-a {
		font-size: 22px;
	}

	.submenu-header-li {
		margin: 14px;
		border-bottom: solid 0.5px #fff;
		color: white;
		text-align: left;
		padding-bottom:5px;
	}

	.headermobile {
		display: none;
	}


	.header-logo {
		width: 50%;
		margin-top: 7%;
	}

	.header-a {
		margin-right: -20%;
	}

	.paginatore {
		font-size: 16px !important;
		margin: 2%;
	}

	.misurelogo {
		max-height: 52px;
		max-width: 150px;
	}

	/*SOCIAL BAR*/

.social-sticky-bar {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	background-color: #ccc;
	position: fixed;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 5px;
	padding: 5px 10px;
	z-index: 999999;
	box-shadow: 0 0px 4px rgba(0,0,0,0.30);
}

		.social-sticky-bar .item {
			position: relative;
		}

			.social-sticky-bar .item .opensubitem {
				padding: 8px;
			}

			.social-sticky-bar .item:hover {
			}


.click {
	position: absolute;
	bottom: 50px;
	background-color: #fff;
	padding: 10px;
	left: 15px;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: flex-start;
	z-index: 9;
	border-radius: 8px;
	border-bottom-left-radius: 0;
	box-shadow: 0 0px 4px rgba(0,0,0,0.30);
}


	.social-sticky-bar .item .subitem .sub-link {
		font-size: 12px;
		margin-bottom: 2px;
	}

	.social-sticky-bar .item .subitem {
		display: none;
	}

		.social-sticky-bar .item .subitem .title {
			white-space: nowrap;
			font-size: 14px;
			margin-bottom: 3px;
		}

		.social-sticky-bar .item .subitem a {
			white-space: nowrap;
		}


	@media only screen and (min-width : 319px) and (max-width : 1023.999px) {
		.dicono {
			width: 90%;
			margin: 0 auto;
			justify-content: space-between;
			display: flex;
			margin-top: 20px;
			flex-wrap: wrap;
		}

			.dicono .item {
				display: flex;
				justify-content: flex-start;
				overflow: inherit !important;
				box-sizing: border-box;
				flex-basis: 100%;
				width:134% !important;
			}

				.dicono .item .icongrey {
					background-color: #F4F4F4;
					display: flex;
					align-items: center;
					justify-content: center;
					width: 20%;
				}

					.dicono .item .icongrey i {
						color: #000;
						font-size: 38px;
					}

				.dicono .item .content {
					width: 85% !important;
					padding: 10px;
					box-shadow: 0px 0px 6px #00000029;
					padding-left: 30px !important;
				}

					.dicono .item .content .stars {
						display: flex;
						justify-content: flex-start;
						margin: 5px 0;
					}

						.dicono .item .content .stars i {
							color: #000;
							font-size: 16px;
							margin: 0 5px;
						}

					.dicono .item .content .text {
						margin: 10px 5px;
					}

						.dicono .item .content .text.rules {
							height: 80px;
							overflow: hidden;
							margin-bottom: 80px;
							text-overflow: ellipsis;
							width: 210px !important;
							white-space: normal;
						}

						.dicono .item .content .text .title {
							font-weight: 700;
							font-size: 16px;
							text-align: left;
							color: #000;
						}

						.dicono .item .content .text .text {
							font-weight: 400;
							font-size: 12px;
							text-align: left;
							color: #000;
						}


		.social-sticky-bar {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			align-content: center;
			align-items: center;
			justify-content: center;
			background-color: #ccc;
			position: fixed;
			left: 0;
			right: 0;
			bottom: 5px;
			padding: 5px 10px;			
			box-shadow: 0 0px 4px rgba(0,0,0,0.30);
		}


			.social-sticky-bar .item {
				position: unset;
			}

				.social-sticky-bar .item:hover .subitem {
					position: absolute;
					bottom: 40px;
					background-color: #fff;
					padding: 10px;
					left: 0;
					right: 0;
					display: flex;
					flex-direction: column;
					align-content: center;
					justify-content: center;
					align-items: flex-start;
					z-index: 9;					
					box-shadow: 0 0px 4px rgba(0,0,0,0.30);
				}

				.social-sticky-bar .item .subitem .click {
					display: none;
				}

		.click {
			position: absolute;
			bottom: 40px;
			background-color: #fff;
			padding: 10px;
			left: 0;
			right: 0;
			display: flex;
			flex-direction: column;
			align-content: center;
			justify-content: center;
			align-items: flex-start;
			z-index: 9;			
			box-shadow: 0 0px 4px rgba(0,0,0,0.30);
		}

		.filtri_attivi{
			display:block !important;
			width:fit-content
		}
		.filtri_attivi .item{
			margin:7px;
		}
	}	

	@media screen and (width: 1024px) and (height: 768px) {
		.head_space {
			display: none;
		}
	}

	@media screen and (width: 768px) and (height: 1024px) {

		.head_space {
			display: none;
		}
	}


	@media screen and (width: 820px) and (height: 1180px) {
		.head_space {
			display: none;
		}
	}

	@media screen and (min-with: 600px) and (max-width: 1200px)
	{
		.head_space{
			display : none;
		}
		.flexDisplay {
			display: block;
		}
	}

	@media only screen and (min-width: 380px) and (max-width: 430px) {
		.contattiFlexBasis {
			flex-basis: 100% !important;
		}

			.contattiFlexBasis div {
				flex-basis: 100% !important;
			}

			.contattiFlexBasis .item .info {
				flex-basis: 100%;
			}

			.contattiFlexBasis .item {
				flex-basis: 100%;
			}
		.flexDisplay {
			display: block;
		}
	}

	.font-size-18Px {
		font-size: 18px !important;
	}
	


.dicono {
	margin: 0 auto;
	justify-content: space-between;
	display: flex;
	margin-top: 20px;
}

	.dicono .item { display: flex; justify-content: space-around; margin: 0; align-content: stretch; align-items: center; height: auto; margin-left: 2%; margin-bottom: 15px; width: 30%; }

		.dicono .item .icongrey {
			z-index: 4;
			width: 90px;
			display: flex;
			justify-content: center;
			flex-direction: column;
			box-shadow: 0px 0px 5px -1px #AAAAAA;
			border-radius: 8px;
			margin-right: -30px;
			background-color: #fff;
			height: 70px;
			text-align: center;
		}

			.dicono .item .icongrey i {
				color: #416271;
				font-size: 38px;
				width: 70px;
			}

.diconodinoi { display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start; }
.diconodinoi .text { font-size:12px !important;}
.diconodinoi .text.right { text-align:right !important;}

		.dicono .item .content { text-align: left; padding-left: 30px; padding-right: 10px; margin-left: 5px; background-color: #fff; border-radius: 15px; padding: 15px 15px 10px 40px; width: 70%; box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.68); }

			.dicono .item .content.altezza {
				position: relative;
			}



			.dicono .item .content .stars {
				display: flex;
				justify-content: flex-start;
				margin: 5px 0;
			}

				.dicono .item .content .stars i {
					color: #000;
					font-size: 16px;
					margin: 0 5px;
				}

			.dicono .item .content .text {
				margin: 10px 5px;
			}

				.dicono .item .content .text.rules {
					height: auto;
					margin-bottom: 0;
					text-overflow: ellipsis;
					width: auto;
					word-break:break-word;
				}



				.dicono .item .content .text.title {
					font-weight: 700;
					font-size: 12px;
					text-align: left;
					color: #000;
				}

					.dicono .item .content .text.title.position {
						position: absolute;
						bottom: 0;
					}

				.dicono .item .content .text .text {
					font-weight: 400;
					font-size: 16px;
					text-align: left;
					color: #000;
					margin-left: 0 !important;
				}


.starcolor{
	color:yellow !important;
}


.checked {
	color: yellow !important;
}

.notchecked{
	color:dimgrey !important;
}

.flexDisplay {
	display:flex;
	flex-wrap:wrap;
}

.title_h2{
	font-size:14px;
	font-weight:normal;
	padding:5px;
}

.pulsanteServizi {
	text-align: center;
	border-radius: 5px;
	background-color: orange;
	padding: 1.2%;
	color: white;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 14px;
	display:block;
}


.pulsanteServiziLink {
	text-align: center;
	border-radius: 5px;
	background-color: darkred;
	padding: 1.2%;
	color: white;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 14px;
	display: block;
}


.filtriProdotti {
	display: flex;
	justify-content: space-evenly;
	width: 100%;
}

.orderPromo {
	position: relative;
	display: block;
	text-align: right;
	margin: 15px;
	box-sizing: border-box;
}

.filtroProdotto {
	font-family: 'Montserrat', sans-serif !important;
	font-size: 14px !important;
	border-radius: 10px 10px 10px 10px;
	width: 100%;
	text-align: left;
	border-bottom: 0.5px solid;
	border-top: 0px;
	border-left:0px;
	border-right:0px;
	padding:7px;
}

.tipologiaPromo {
	background: #ffffff95;
	border-radius: 50px 50px 50px 50px;
	position: absolute;
	left: 8%;
	bottom: 5%;
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
}


.PromoBox1 {
	padding-top: 10px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}

@media only screen and (min-width: 320px) and (max-width: 600px)
{
	.tipologiaPromo {
		background: #ffffff95;
		border-radius: 50px 50px 50px 50px;
		position: absolute;
		left: 3%;
		bottom: 3%;
		padding: 10px;
		font-size: 12px;
		font-weight: bold;
	}
	.containerTestDrive {
		display: block !important;
		width: 100% !important;
	}

	.SvgImages {
		width: 25%;
		margin-left: 50px;
	}
}

@media only screen and (min-width: 601px) and (max-width: 1023.999px)
{
	.tipologiaPromo {
		background: #ffffff95;
		border-radius: 50px 50px 50px 50px;
		position: absolute;
		left: 3%;
		bottom: 3%;
		padding: 10px;
		font-size: 12px;
		font-weight: bold;
	}

	.containerTestDrive {
		display: block !important;
		width: 100% !important;
	}
}

.containerTestDrive {
	display: flex;
	width: 100%;
}

.SvgImages {
	width:25%;
}


@media screen and (max-width: 768px) {
	.scrollToTopBtn {
		bottom:59px;
		display:none !important;
	}
}