html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Roboto', 'Open Sans', sans-serif;
	font-size: 20px;
	margin: 0 auto;
	padding: 0;
	scroll-behavior: smooth;
}

.sin_logo,
.des_logo {
	display: inline-block;

}

input[type=number] {
	-moz-appearance: textfield;
}

.prima_fascia {
	background: url('img/a3.jpg') no-repeat;
	display: flex;
	height: 550px;
	background-size: cover;
}

.bollino_o {
	position: relative;
	top: -40px;
	left: 65px;
	width: 90px;
}

.bollino_mob {
	width: 56px;
	position: absolute;
	margin-left: 40px;
}

.seconda_fascia {
	width: 80%;
	margin: 0 auto;
	font-size: 16px;
	margin-top: 70px;
}

.grazie {
	font-size: 21px;
	padding: 10px;
}

.footer {}

.titolo {
	color: #f3971e;
	font-size: 42px;
	/* margin-top: 80px; */
	font-family: 'Montserrat', arial;
}

.testo_supra {
	line-height: 30px;
	margin-top: 14px;
}

.preventivo {
	color: #e18000;
	color: #d88417;
	/* color: black; */
	font-family: 'Montserrat', arial;
	font-size: 37px;
	line-height: 50px;
	font-weight: bold;
	/* font-weight: bold; */
	/* font-family: 'Roboto'; */
	font-size: 35px;
	line-height: 46px;
}

.aw {
	font-size: 21px;
	color: #286fb5;
	font-weight: bold;
}

.cont_messaggio {
	display: inline-block;
	line-height: 28px;
	background: #ffffffcc;
	padding: 25px;
	margin-left: 70px;
	margin-top: 60px;
	display: inline-block;
	min-width: 375px;
	height: max-content;
	font-size: 22px;
	margin-left: 170px;
	WIDTH: 462PX;
}

.cont_logo {
	text-align: center;
	padding: 20px;
}

.cont_dentro_form {
	width: 80%;
	margin: 0 auto;
}

.a3 {
	height: 64px !important;
	font-size: 29px !important;
}

.avanti:hover {
	background: #3074b8;
}

.indietro:hover {
	background: grey;
}

select,
.importo2 {
	width: 32%;
	margin: 0 auto;
	margin-top: 0px;
	display: inline-block;
	height: 45px;
	margin-top: 22px;
	font-size: 20px;
	border-radius: 4px;
	padding-left: 10px;
}

.invio_submit {
	font-size: 11px;
	margin-top: 12px;
}
}

.mezzo {
	width: 230px;
}

.datanascita {
	position: relative;
	top: 17px;

	font-size: 22px;
}

.select_importo {
	width: 300px;
	height: 50px;
	font-size: 28px;
}

.sopra_testo {
	font-size: 30px;
}

.cont_form {
	width: 650px;
	background: #ffffffbd;
	border-radius: 4px;
	display: inline-block;
	margin-top: 57px;
	margin-left: 17%;
	height: max-content;
}

.terza_titoletto {
	font-size: 25px;
}

.scritta_fab {
	position: absolute;
	margin-left: 230px;
	width: 300px;
	display: none;

}

.sopra_form {
	color: black;
	font-weight: bold;
	text-align: center;
	font-size: 34px;
	padding: 15px;
	font-weight: inherit;
	/*! margin-top: 20px; */
	position: relative;
	top: 12px;
}

.gratis_verde {
	background: #96b33d;
	width: 66%;
	margin: 0 auto;
	color: white;
	font-weight: bold;
	font-size: 41px;
	height: 60px;
	margin-top: 15px;
}

.mezzo {
	width: 100%;
	height: 60px;
	margin: 0 auto;
	margin-top: 15px;
	border-radius: 6px;
	font-size: 20px;
	color: #484040;
	padding-left: 10px;
	margin-top: 30px;
}

#email,
#telefono {
	margin-top: 10px;
	margin-bottom: 50px;
}

.dentro_form {
	width: 82%;
	margin: 0 auto;
}

.dentro_sopra_form {
	line-height: 40px;
}

.form {
	width: 100%;
}

.bottone {
	background: #f2a216;
	width: 100%;
	height: 60px;
	color: white;
	font-weight: bold;
	font-size: 34px;
	border-radius: 12px;
	cursor: pointer;
}

.cont_interno_secondo_sf {
	margin-left: 29%;
}

.img_seconda_fascia {
	width: 300px;
	display: inline-block;
}

.img_terza_fascia {
	width: 235px;
	display: inline-block;
	margin-bottom: 20px;
	border-radius: 16px;
	border-radius: 200px;
	height: 229px;
}

.pr {
	margin-left: 0%;
}

.condizioni {
	clear: both;
	background: #2874c0;
	padding: 8px;
	font-family: arial;
	color: white;
	font-size: 11px;
	text-align: justify;
}

.terza_fascia {
	text-align: center;
	background: url('img/sfondo_a.jpg') no-repeat;
	background-size: cover;
	padding: 30px;
	/*! color: white; */
	margin-top: 60px;
}

.cont_terzo_sf {
	display: flex;

}

.terza_due_int {
	height: 300px;
}

.arancio {
	color: #f3971e;
	font-weight: bold;
}

.cont_terza_titolo {
	font-size: 50px;
	/*! margin-bottom:50px; */
	font-family: Roboto;
	font-family: 'Montserrat', arial;
	margin-top: 22px;
	color: #f4971e;
	margin-bottom: 40px;
	font-weight: bold;
}

.cont_terza {
	display: flex;
	height: 415px;
}

.terza {
	width: 23%;
	margin: 0 auto;
	display: inline-block;
	font-size: 16px;
	margin-top: 30px;
}

.cont_terza_due {
	display: none;
}

.cont_terza_tre {
	display: none;
}

.cont_pulsanti {
	display: flex;
	width: 21%;
	text-align: center;

	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

.cont_terza_uno {
	display: flex;
}

.pulsante {
	background: grey;
	height: 30px;
	width: 30px;
	display: inline-block;
	/*! margin-left:30px; */
	margin: 0 auto;
	/*! margin-left: ; */
	border-radius: 20px;
}

.pulsante:hover {
	background: #2874c0;

}

.pulsante_uno {
	background: #2874c0;
}

.cont_interno_secondo_sf,
.cont_interno_terzo_sf {
	width: 60%;
	display: inline-block;
}

.form2,
.form3 {
	display: none;
}

.preventivo_minuto {
	font-size: 20px;
	font-weight: bold;
}

.un_minuto {
	color: #f4971e;
}

.indietro,
.avanti {
	display: inline-block;
	background: #f4971e;
	width: 49%;
	height: 60px;
	color: white;
	font-size: 26px;
	line-height: 60px;
	text-align: center;
	/* margin-top: 40px; */
	font-weight: bold;
	cursor: pointer;
	margin-bottom: 10px;
	box-shadow: 2px 2px 2px 2px #0000003b;
	margin-top: 10px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

.indietro {
	background: #CACAC1;
	cursor: pointer;
	font-size: f;
}

.terza_uno {
	margin-right: 5%;
}

.terza_tre {
	margin-left: 5%;
}

.terza_fascia_mob {
	display: none;
}

.cont_messaggio_mob {
	display: none;
}

.img_mob {
	display: none;
}

.img_web {
	display: inline-block;
}

.cont_s2 {
	display: inline-block;
}


* {
	box-sizing: border-box;
}

body {
	font-family: Verdana, sans-serif;
}

.mySlides {
	display: none;
}

/* Slideshow container */
.slideshow-container {
	max-width: 1000px;
	position: relative;
	margin: auto;
}

/* Caption text */
.text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}

/* The dots/bullets/indicators */
.dot {
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.active {
	background-color: #2874c0;
}

/* Fading animation */
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}

@-webkit-keyframes fade {
	from {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

@keyframes fade {
	from {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

/* On smaller screens, decrease text size */


.cont_pulsanti_web {
	margin-top: 40px;
}

#pulsante_uno {
	margin-right: 5%;
}

#pulsante_tre {
	margin-left: 5%;
}

.cont_secondo_sf {

	display: flex;

	margin-top: 70px;
}

.slider {
	width: 100%;
}

.value {
	/* width: 140px; */
	display: inline-block;
	color: #286fb5;
	font-weight: bold;
	font-size: 30px;
}

.slidecontainer {
	width: 100%;
	margin-bottom: 60px;
}

.slider {
	-webkit-appearance: none;
	width: 100%;
	height: 12px;
	border-radius: 5px;
	background: #286fb5;
	outline: none;

	-webkit-transition: .2s;
	transition: opacity .2s;
}

.slider:hover {
	opacity: 1;
}

.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 30px;
	height: 30px;
	border: 0;
	background: url('img/ara.png');
	cursor: pointer;
}

.importo_selez {
	font-weight: bold;
	color: black;
	font-size: 19px;
	margin-top: 25px;
	margin-bottom: 10px;
}

.slider::-moz-range-thumb {
	width: 30px;
	height: 30px;
	border: 0;
	background: url('img/ara.png');
	cursor: pointer;
}

#professione,
#cap,
#nome,
#cognome,
#email,
#telefono {
	width: 49%;
	/* margin-top: 10px; */
}

.rating {
	background: white;
	background: white;
	width: max-content;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
	padding: 6px;
	border-radius: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

.avanti_t {
	width: 100%;
}

.grazie {
	font-size: 37px;
	padding: 10px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.sotto_grazie {
	font-size: 21px;
}

.img_terza_fascia {
	width: 100px;
	height: inherit;
	margin-bottom: 0px;
	/*! margin-left: 15px; */
}

.terza_titoletto {
	font-size: 19px;
}

#cap {
	width: 39%;
}

#comune {
	width: 59%;
}

#professione {
	width: 98%;
}

@media screen and (max-width:1700px) {
	.cont_form {
		margin-left: 18%;
	}

	.cont_messaggio {
		margin-left: 100px;
	}

}

@media screen and (max-width:1600px) {

	.cont_interno_secondo_sf {
		margin-left: 20%;
		width: 80%;
	}

	.cont_form {
		width: 600px;
		margin-left: 16%;
	}

}

@media screen and (max-width:1500px) {}

@media screen and (max-width:1400px) {
	.cont_interno_secondo_sf {
		margin-left: 10%;
		width: 90%;
	}

	.cont_terza {
		height: 450px;
	}

	.cont_form {
		margin-left: 5%;
		width: 500px;
	}

}

@media screen and (max-width:1000px) {
	body {
		font-size: 17px;
	}

	.indietro,
	.avanti {
		font-size: 17px;
	}

	.cont_messaggio {
		display: none;
	}

	.cont_messaggio_mob_int {
		width: 90%;
		margin: 0 auto;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.cont_messaggio_mob {
		display: block;
		background: #ffffffb3;
		position: relative;
		top: 120px;
		font-size: 14px;
		padding-bottom: 40px;
	}

	.cont_terza_mob {
		text-align: center;
	}

	.prima_fascia {
		display: block;
		height: 565px;
	}

	.terza_fascia_mob {
		display: block;
		background: url(img/sfondo_a.jpg) no-repeat;
		background-size: cover;
	}

	.cont_messaggio {
		margin-left: inherit;
		font-size: 22px;
		width: 100%;
		padding: inherit;
	}

	.cont_form {
		width: 100%;
		margin-top: 100px;
	}

	.terza_fascia {
		display: none;
	}

	#due_mob,
	#tre_mob,
	#quattro_mob,
	#cinque_mob {
		display: none;
	}

	.cont_terza_titolo {
		text-align: center;
	}

	.cont_form {
		margin-left: inherit;
	}

	.cont_interno_secondo_sf {
		width: 100%;
		margin-left: inherit;
	}

	.prima_fascia {
		height: inherit;
		background-size: contain;
		border-bottom: 1px solid grey;
	}

	.cont_logo {
		padding: 10px;
		text-align: left;
		margin-left: 20px;
	}

	.logo {
		width: 30%;
	}

	.img_seconda_fascia {
		width: 100%;

		margin-bottom: 30px;
		font-size: 17px;
	}

	.preventivo_minuto {
		font-size: 23px;
	}

	.titolo {
		margin-top: 0px;
		font-size: 24px;
		font-weight: bold;
	}

	.testo_supra {
		line-height: 22px;
	}

	.cont_terza_titolo {
		font-size: 26px;
		position: relative;
		top: 20px;
	}



	.cont_s2 {
		width: 70%;
		margin: 0 auto;
		display: block;
	}

	.img_mob {
		display: block;
		width: 100%;
	}

	.img_web {
		display: none;
	}

	.cont_interno_terzo_sf {
		width: 100%;
	}

	.terza_fascia_mob_int {
		width: 80%;
		margin: 0 auto;
		height: 510px;
	}

	.img_terza_fascia {
		width: 50%;
		height: inherit;
	}

	.terza_titoletto {
		font-size: 18px;
	}

	.cont_terza_mob {
		text-align: center;
		font-size: 15px;
	}

	.pulsante_mob {
		background: grey;
		height: 30px;
		width: 30px;
		display: inline-block;
		/*! margin-left:30px; */
		margin: 0 auto;
		/*! margin-left: ; */
		border-radius: 20px;
	}

	.cont_pulsanti_mob {
		text-align: center;
		padding-bottom: 41px;
	}

	.active {
		background-color: #2874c0;
	}

	.indietro,
	.avanti {
		font-size: 23px;
		margin-bottom: 20px;
	}

	.value {
		font-size: 20px;
		width: 100px;
	}

	.seconda_fascia {
		margin-top: 40px;
	}

	.cont_terza {
		height: inherit;
	}

	.cont_terza_mob {
		text-align: center;
		font-size: 15px;
		height: 500px;
	}

	.seconda_fascia {
		font-size: 16px;
	}

	.select,
	.importo2 {
		width: 49%;
		font-size: 18px;
	}

	#giornodinascita,
	#mesedinascita,
	#annodinascita {
		width: 32%;
	}

	.preventivo {
		font-size: 17px;
	}

	#datanascita {
		font-size: 17px;
	}

	.cont_secondo_sf {
		display: block;
		margin-top: inherit;
	}

	.importo_selez {
		font-weight: bold;
		color: black;
		font-size: 14px;
	}

	.mezzo {

		height: 50px;
	}

	#email,
	#telefono {
		margin-top: 10px;
		margin-bottom: 20px;
	}

	.a3 {
		height: 58px !important;
		font-size: 24px !important;
		/* margin-top: 10px !important; */
	}

	/* Chrome, Safari, Edge, Opera */

	.indietro,
	.avanti {

		color: white;
		font-size: 22px;
		line-height: 50px;
		height: 50px;
		margin-top: inherit;
	}

	.sotto_grazie {

		font-size: 16px;
	}

	.grazie {
		font-size: 21px;
		margin-top: 20px;
	}

	.rating {
		width: 60%;
		margin: 0 auto;
	}

	.img_terza_fascia {
		width: 90%;
	}

	.terza_fascia_mob_int {
		height: 390px;
	}

	.terza_tre,
	.terza_uno {
		margin-left: inherit;
		margin-right: inherit;
	}

	.bollino_mob {
		width: 56px;
		position: absolute;
		margin-left: 67%;
	}
}