html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }

h1, h2, h3, h4, h5, h6 { clear: both; font-weight:normal; padding: 0 0 0 0; margin-bottom:0px; line-height:1.1; font-weight: bold;}
	h1{ font-size:21px; }
	h2{ font-size:18px; }
	h3{ font-size:16px; }
	h4{ font-size:14px; }
	h5{ font-size:13px; }
	
	
	
:root{--main: #0DA485;}

.bricolagegrotesque{font-family: 'Bricolage Grotesque', sans-serif !important;}	

p{ font-size:14px;  line-height:1.4; padding:0 0 3px 0; font-weight:inherit; color: #1A1A1A;}
p a, label a{text-decoration: underline;}
ol, ul { list-style-position: inside; list-style-type: disc;}
img{width: 100%; margin: 0; height: auto; padding: 0;}
a img { border: none;}
a {text-decoration:none; color: var(--main);}
a:hover {}
hr{ border:none; border-top:1px dotted #000; font-size:1px; height:0px; padding:0px; display:block; margin:5px 0;}
button{display: block; font-size: 13px; background: transparent; color: #FF3B30; border: 2px solid #FF3B30; padding: 20px; width: 200px; border-radius: 32px; margin: 10px auto;}
.left{ float:left; }
.center{text-align: center;}
.myClear{clear:both; padding:0; margin:0; font-size:0px; height:0px; font-size:0px; display:block; }
.myRow {display: block; clear: both; padding:5px 0; margin: 0;}
.myIn {margin: 0 auto; width: 90%; padding: 0;}

*::-webkit-scrollbar {width: 0px; background: transparent;}

.col_1_2{width: 50%; display: block; float: left;}
.col_2_3{width: 66.6%; display: block; float: left;}
.col_1_3{width: 33.3%; display: block; float: left;}

*{outline: none; -webkit-tap-highlight-color: transparent;}

input, textarea{width: 100%; max-width: 300px; background: #FFF; border-radius: 10px; padding: 15px 20px; box-sizing: border-box; border: 1px solid #B2B2B2; margin: 10px auto 20px auto; display: block; -webkit-appearance: none; font-family: 'DM Sans', sans-serif; webkit-box-shadow: 0 0 0 1000px #FFF !important; box-shadow: 0 0 0 1000px #FFF inset !important; font-size: 14px;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus{
width: 100%; max-width: 300px; background: #FFF; border-radius: 10px; padding: 15px 20px; box-sizing: border-box; border: 1px solid #B2B2B2; margin: 10px auto 20px auto; display: block; -webkit-appearance: none; font-family: 'DM Sans', sans-serif; webkit-box-shadow: 0 0 0 1000px #FFF !important; box-shadow: 0 0 0 1000px #FFF inset !important; font-size: 14px;
}

input:focus{width: 100%; max-width: 300px; background: #FFF; border-radius: 10px; padding: 15px 20px; box-sizing: border-box; border: 1px solid #B2B2B2; margin: 10px auto 20px auto; display: block; -webkit-appearance: none; font-family: 'DM Sans', sans-serif; -webkit-box-shadow: 0 0 0 1000px #FFF !important; box-shadow: 0 0 0 1000px #FFF inset !important; font-size: 14px;}

textarea{resize: none;}

textarea{height: 100px;}
input::placeholder, textarea::placeholder{color: #c6c6c6;}

	
body{background: #FFF; font-size:14px; line-height:1.3; font-family: 'DM Sans', sans-serif; font-weight: 400; color: #0DA485;}
body.grigio{background: #FFF;}
body.header{margin-top: 50px;}

.btn{text-align: center;}
	a.pulsante{font-family: 'DM Sans', sans-serif; background: var(--main); color: #FFF; border: 1px solid var(--main); border-radius: 30px; font-size: 14px; display: inline-block; padding: 20px 25px; margin: 15px 0; font-weight: 500; text-align: center; min-width: 150px;}

.btn_half{width: 49%; display: inline-block;}
	.btn_half a.pulsante{min-width: inherit; display: inline-block;}
		
	
	#header_user{position: fixed; top: 0; left: 0; right: 0; height: 50px; background: #FFF; z-index: 100; box-shadow: 0px 2px 5px #0000001f;}
	
	#header_user h2{display: inline-block;}
	#header_user span{display: inline-block; float: right; width: 21px; margin: 15px 0 0 0;}
	
		#header_user h2 a{color: #1A1A1A; padding: 18px 0 14px 22px; display: inline-block; vertical-align: middle; background-image: url(//junker.blob.core.windows.net/bacheca/img_j4/user.svg); background-position: left center; background-size: 15px 17px; background-repeat: no-repeat; font-family: 'Bricolage Grotesque', sans-serif;}
	
	#header_user span a{font-size: 18px; font-weight: bold; color: #FFF; display: flex; width: 25px; height: 25px;  align-items: center; justify-content: center; background-color: #8CCCC5; border-radius: 50%; cursor: pointer;}
	
	#header_user span.back{display: none;}
	
.largo{margin-left: -3%; margin-right: -3%; }	
		
.ann_list{padding-bottom: 80px; padding-top: 1px;}
	
	.single_ann_cnt{display: block; background: #FFF; margin: 10px 0; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); border-radius: 5px;}
	
	.ann_img{width: 35%; display: block; float: left; height: 0; padding-top: 35%; position: relative;}
		.ann_img_in{position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 5px 0 0 5px; overflow: hidden;}
			.ann_img_in img{height: 100%; object-fit: cover;}
	.ann_title{width: 65%; display: block; float: left; position: relative; padding-top: 35%;}
		
	
		.ann_title_in{position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
			.ann_title_in:after{content: ''; height: 100%; display: inline-block; vertical-align: middle;}

.testi_annuncio {
	vertical-align: middle;
	display: inline-block;
	padding: 0 20px;
	box-sizing: border-box;
	margin-right: -0.25em;
	width: 100%;
	font-size: 16px;
	color: #1A1A1A;
}
	
			.testi_annuncio h2{font-size: 15px; max-height: 31px; overflow: hidden; line-height: 1.1;}
			.testi_annuncio h3{font-size: 12px; color: #c6c6c6; padding: 3px 0; font-weight: 400; max-height: 12px; overflow: hidden;}
	.testi_annuncio p {
		color: #1A1A1A;
		max-height: 36px;
		overflow: hidden;
		margin: 2px 0;
	}
	
	
	
	#filtri{display: block; position: fixed; bottom: 20px; right: 20px; background: #FFF; padding: 17px 19px; border-radius: 50%; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); z-index: 2;}
		#filtri svg{padding-top: 5px;}

	#filtri.attivi{background-color: var(--main);}
	
	#filtri.attivi path.a{fill: #FFF;}
	
	
	
	
	#modal_filtri{position: fixed; top: 100%; opacity: 0; left: 0; right: 0; bottom: 0; background: #FFF; overflow-y: scroll; z-index: 0; transition: all .3s ease-out;}
	
		#modal_filtri.aperto{opacity: 1; top: 0; z-index: 99; padding-top: 60px;}
	
		.modal_info.aperto{padding-top: 60px;}
		.modal_fixed.aperto{padding-bottom: 100px;}
		
	
	.filtri_cnt{/* margin-top: 50px; */}
		.filtri_cnt ul{list-style: none; margin-bottom: 80px;}
			.filtri_cnt ul li{display: block; height: 80px; border-bottom: 1px solid #EDEDED; width: 90%; margin: 0 auto; vertical-align: middle; box-sizing: border-box;}
				.filtri_cnt ul li a span{display: inline-block; vertical-align: middle; font-size: 16px; width: 98%;}
				.filtri_cnt ul li .cat_name{width: 70%;}
				.filtri_cnt ul li .cat_number{width: 27%; text-align: right;}
				
				
				.filtri_cnt ul li.disabled a span{color: #BFBFBF;}
					.filtri_cnt ul li.disabled a span.cat_number{display: none;}
					
				.filtri_cnt ul li.selected {background: var(--main); width: 100%; padding: 0 5%;}
					.filtri_cnt ul li.selected a{color: #FFF;}
	
	.filtri_cnt ul li a:before{content: ''; height: 80px; display: inline-block; vertical-align: middle;}
	
	#filtri_close{display: block; position: fixed; width: 63px; height: 63px; bottom: 20px; right: 20px; background: var(--main); color: #FFF; padding-top: 11px; border-radius: 50%; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); font-size: 40px; line-height: 1; box-sizing: border-box; text-align: center;}
	
	
	.titolo_pagina{padding: 20px 0 10px 0; display: block; text-align: center; color: #1A1A1A; line-height: 1.3; font-family: 'Bricolage Grotesque', sans-serif; }
	.sottotitolo{padding: 0; display: block; text-align: center; color: var(--main); line-height: 1.3;}
	.testo{margin: 5px 0; text-align: center; color: #BFBFBF;}

	.tempo{font-size: 12px; color: #596869; width: 60%; display: block; float: left; padding: 10px 0 10px 10px; box-sizing: border-box;}
		.status{display: block; font-weight: bold;}
		#status_txt{color: #CB814B;}
		#status_txt.pubblicato{color: #4BCB5A;}

.risposte {
	color: #1A1A1A;
	width: 40%;
	display: block;
	float: left;
	padding: 15px 10px 15px 0;
	box-sizing: border-box;
	text-align: right;
}

#n_risposte {
	width: 25px;
	height: 25px;
	background-color: #1A1A1A;
	display: inline-block;
	border-radius: 50%;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	padding-top: 4px;
	box-sizing: border-box;
	letter-spacing: -1px;
	padding-right: 1px;
}
		.risp_txt{}
		

		.ann_list_users .ann_img_in{border-radius: 5px 0 0 0;}

		.ann_list_users	.ann_testi{border-bottom: 1px solid #EDEDED;}


		.error .titolo_pagina{font-size: 42px;}
			.error p{text-align: center; color: #BFBFBF;}
		
			.error .btn{margin: 50px 0;}
		
		
		.invio img{max-width: 300px; margin: 50px auto; display: block;}
		 .invio p{text-align: center; color: #BFBFBF;}
		
		
		.send_loader{width: 100%; margin: 50px 0; height: 50px; display: block; text-align: center; position: relative;}
			.foreground{width: 20px; height: 20px; display: inline-block; margin: 0 10px; overflow: hidden; background: #EDEDED;}
			.background{background: var(--main); position: absolute; top: 0; right: 0; left: 0; bottom: 0; mask: url(#overflow)}
		
		.header_scheda{height: 250px; display: block; position: relative; width: 100%; background: #000;}
			.img_scheda{margin: 0; display: block; height: 100%; overflow: hidden; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat;}
				.swiper-container:after{content: '';background-color: #000000; opacity: 0.3; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 9; pointer-events: none;}
			
			.swiper-container {width: 100%; height: 100%;}
			
				.swiper-slide{display: flex; height: 100%;}
					.swiper-slide img{object-fit: cover; height: 100%;}
				
				.swiper-pagination-bullet-active{background: var(--main);}
			
			.header_scheda h1{color: #FFF; display: block;position: absolute; bottom: 30px; left: 10px; z-index: 10;}



		.scheda_dett{margin-top: 20px;}
			
			.box_scheda{display: block; background: #FFF; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 15px 15px 20px 15px; box-sizing: border-box; margin: 15px 0;}		
				.box_scheda h2{margin-bottom: 10px;}
				.box_scheda span{color: #c6c6c6;}



		a#interested{margin-bottom: 40px; margin-top: 10px;}




		.box_scheda .tempo{padding: 10px 0;}
		.box_scheda .risposte{padding: 15px 0;}


		.empty{color: #BFBFBF; font-style: italic;}



	#box_risposte{padding: 15px 15px 5px 15px; margin: 15px 0 40px 0;}
		.risp_cnt{display: block;}
			.risp_single{padding: 10px 0 20px 0; border-bottom: 1px solid #EDEDED; margin-bottom: 10px;}
				.risp_single h4{display: inline-block; vertical-align: middle;margin-bottom: 5px; width: 72%; font-size: 16px;}
				.risp_single .data{display: inline-block; vertical-align: middle; margin-bottom: 5px; text-align: right; width: 28%; margin-left: -1.3%;}
				
				.risp_single strong{ display: block; margin: 2px 0; float: left; clear: left;}
				.risp_single span#email, .risp_single span#tel, .risp_single span#messaggio{padding-left: 5px; display: block; float: left; margin: 2px 0;}
				.risp_single span#messaggio {
					padding-left: 0;
					width: 100%;
					color: #1A1A1A;
					margin: 0;
				}

				
				#rimuovi_btn{display: block; float: right; width: 40%; text-align: right; margin-top: 10px;}
					#rimuovi_btn a{background: #a34646; display: inline-block; color: #FFF; text-align: center; border-radius: 10px; padding: 10px 20px; box-sizing: border-box;}
				


	.add_foto{display: block; margin: 0 auto; cursor: pointer; border-radius: 10px; background: var(--main); float: left; border: none; color: #FFF; font-size: 16px; width: 48%; padding: 20px 10px; box-sizing: border-box; text-align: center; height: 90px; vertical-align: middle; margin: 5px 1%;}
		
		.add_foto img{width: 30px; display: block; margin: 5px auto;}



	#login_form, #registr_form{max-width: 300px; margin: 5px auto;}				
		#login_form a{text-align: right; text-decoration: underline; display: block;}


	.fascia_registrazione{background: var(--main); padding: 30px 0 20px 0; text-align: center; margin-top: 20px;}
		.fascia_registrazione h2{color: #FFF;}



	.password_input{position: relative;}
		.password_input img{position: absolute; width: 25px; right: 10px; top: 15px; }

		.aeroplanino{max-width: 350px; margin: 20px auto 0 auto; display: block;}






		.msg_errore{display: block; background: url(//junker.blob.core.windows.net/bacheca/img/warning.svg) no-repeat left center; background-size: 23px 20px; color: #C62222; padding: 5px 5px 5px 28px; margin: 2px 5px;}





	.scheda_centro_riuso ul, .scheda_centro_riuso p .scheda_centro_riuso iframe, .scheda_centro_riuso span{margin: 10px 0; display: block;}

		.centro_riuso{position: absolute; right: 20px; top: 20px; color: #FFF; background: #8CCCC5; border-radius: 20px; padding: 5px 10px; z-index: 99; font-weight: bold;}
		.extra_info{position: absolute; left: 5px; right: 5px; bottom: 5px; text-align: center; color: #FFF; background: #8CCCC5; border-radius: 20px; padding: 5px 10px; z-index: 99; font-size: 12px;}

		.riparare{background: #e6ad10;}







	.check_cnt {
	  display: block;
	  position: relative;
	  padding-left: 35px;
	  margin-bottom: 12px;
	  padding-top: 3px;
	  cursor: pointer;
	  font-size: 15px;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	}
	
	/* Hide the browser's default checkbox */
	input.checkbox {
	  position: absolute;
	  opacity: 0;
	  cursor: pointer;
	  height: 0;
	  width: 0;
	}
	
	/* Create a custom checkbox */
	.checkmark {
	  position: absolute;
	  top: 0;
	  left: 0;
	  height: 25px;
	  width: 25px;
	  background-color: #FFF;
	  border: 1px solid #BFBFBF;
	  border-radius: 3px;
	}
	
	
	/* When the checkbox is checked, add a blue background */
	.check_cnt input:checked ~ .checkmark {
	  background-color: var(--main);
	}
	
	/* Create the checkmark/indicator (hidden when not checked) */
	.checkmark:after {
	  content: "";
	  position: absolute;
	  display: none;
	}
	
	/* Show the checkmark when checked */
	.check_cnt input:checked ~ .checkmark:after {
	  display: block;
	}
	
	/* Style the checkmark/indicator */
	.check_cnt .checkmark:after {
	  left: 9px;
	  top: 5px;
	  width: 5px;
	  height: 10px;
	  border: solid white;
	  border-width: 0 3px 3px 0;
	  -webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
	}



	
.ocean { 
  height: 5%;
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
  background: var(--main);
}

.wave_cnt{position: absolute; width: 100%; bottom: 0; left: 0; right: 0; overflow: hidden;}


.wave {
  background: url(//junker.blob.core.windows.net/bacheca/img_j4/wave.svg) repeat-x; 
  top: -198px;
  width: 6400px;
  height: 198px;
  animation: wave 2s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
  transform: translate3d(0, 0, 0);
}

.wave:nth-of-type(2) {
  top: -175px;
  animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
  opacity: 1;
}

@keyframes wave {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}

@keyframes swell {
  0%, 100% {
    transform: translate3d(0,-25px,0);
  }
  50% {
    transform: translate3d(0,5px,0);
  }
}



	
	
Paste your files here