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

h1,h2,h3,h4 {margin:0 auto; padding: 0}
body { margin: 0 auto; width: 100%; height: auto;font-family: 'Open Sans', sans-serif;}
.clear {clear:both;}

	@media screen and (max-width: 767px) {
		#trigger-overlay {  background: none; background-color: transparent; border:none; cursor:pointer; font-size: 18px; margin: 10px auto; color: #fff; font-weight: 600;}
#top_header { width:100%;background-color: #1c7296; height: 15px;}
#header button .button_menu_responsive { background: none; background-color: transparent; border:none;}
#header {background-image:url(../images/background.jpg); background-position: center top; width: 100%; height:auto;}
.header_index{ background-image:url(../images/background.jpg); background-position: center center; width: 100%; height:auto;}
.header_subpage{ height: auto; background-position: center top; width: 100%; height:auto;}
#header .container { width: 100%; margin:0 auto; max-width: 1468px; padding:0 ; z-index: 1; color: #fff;}
#header ul,li { list-style:none; text-transform:none; font-size: 18px; font-weight: 700; margin: 0; padding: 0}
#header .menu {position: relative; background-color: #1c7296; width: 100%;  margin:0; text-align: center;}
#header .logo { width:auto; height: auto;  text-align: center; margin: 0 auto; }
#header .logo img{ width:100%!important; max-width: 200px; height: auto!important;  text-align: center; margin: 0 auto; }
#header .menu_list { display: none;}
#header a { color:#fff; text-align: center; text-decoration: none;}
#header .blocchi_index_dx{ max-width: 338px; width: 100%; margin: 157px auto 0 auto; padding: 10px 1% 0 1%;}
#header .icon_1 { position: absolute; top: 10px; right: 10px; max-width: 100%; width: 20%;}
#header .icon_2 {  float: right;max-height: auto; margin:0 2%; width: 26%; }
#header .icon_3 {  float: right;max-height: auto; margin:0 2%;width: 26%; }
#header .icon_2 img{ width: 100%; }
#header .icon_3 img{  width: 100%;}
#header .block_icon {width: 90%; margin: 0 5%;padding: 50px 1% 0 1%;}
#header .block_icon p { margin: 0; padding: 0;}
#header .title_icon { font-size:30px; font-weight: 600;}
#header .desc_icon { font-size:12px; font-weight: 600; float: left; width: 70%;}
#header .attivo { font-weight: 400; letter-spacing: -1px; font-size: 14px; text-align: center; padding: 60px 2% 0 2%;}
#header .bg_icon_index1 { width: 100%; background-image: url(../images/bg_1-4.png); height:auto; position: relative;background-size: contain;}
#header .bg_icon_index2 {  display: none;}
#header .bg_icon_index3 { display: none;}
#header .bg_icon_index4 { width: 100%; background-color: #1c7296; height:30px; position: relative; }
#header .soccorso { font-weight: 800; letter-spacing: -1px; font-size: 35px; text-align: center; padding-top: 10px; margin: 0}
#header .num_tel { width:100%; color: #fff!important; height: auto; font-size: 50px; line-height: 40px;}

.container#privacy {max-width:1420px; padding: 0 1%; margin: 0 auto;} 

#main {width: 100%; margin: 0 auto; height: auto; clear: both;}
#main .container { width: 100%; margin:0 auto 0 auto; max-width: 1468px;  z-index: 1;}
#main .cl_50_index_left { width: 50%; float: left; text-align: center;}
#main .cl_50_index_right { width: 50%; float: right;text-align: center}
#main .cl_50_index_right img { width: 100%; float: right;text-align: center}

#main .block_index { width:98%; height: auto; padding: 10px 1%; background-color: #1c7296;}
#main .title_index { width: 100%; text-align: center; color: #fff; font-size: 30px;}
#main .subtitle_index { width: 100%; text-align: center; color: #fff; font-size: 16px;}
#main .intro_index { width:95%; font-size: 16px; letter-spacing: 0; line-height: normal; color: #1c7296; margin: 15px 2.5%; text-align: center;}
#main .banner { width:100%;  background-color:#ff0000; border-radius: 10px; margin: 15px auto;}
#main .bottone_assistenza a{ color: #fff; font-weight: 600; text-align: center; padding: 15px 0;text-decoration: none;}
#main .parag_assistenza { color:#fff; text-align: center; font-size: 14px; letter-spacing: 1px;}
#main .bottone_assistenza{ color: #fff; font-weight: 600; text-align: center; padding: 15px 0}
#main .quattro_terzi { width:100%;padding-top: 75%; margin: 1px auto; position: relative;  /* 4:3 Proporzione */}
#main .quattro_terzi:hover { background-color: #E8E8E8;}
#main .quattro_terzi_title { width:95%; height: 6vh; padding: 15px 2.5%; background-color: rgba(37,37,37,0.80); text-align: center; font-size: 16px;  font-weight: 800; color: #fff; z-index: 2; margin: 0 auto; top: 0; left:0; right: 0;bottom: 0; position: absolute}
#main .quattro_terzi_subtitle { display: none;}

#main .dettaglio-servizio { width:95%; padding: 15px 2.5%; }
#main .dettaglio-servizio img { float: left; width: 100%; margin: 10px 1% 10px 0}
#main .descrizione-servizio { width: 100%; float: left;}
#main .descrizione-servizio p {}
#main .class_ul { font-size: 18px; font-weight: 600}
#main .class_li {margin: 10px auto; font-size: 16px; font-weight: 400;}

#main .container_gallery { width: 100%; clear: both; }
#main .gallery_img { width:99%!important; margin: 5px 0.5%!important; float: left;}
#main .gallery_img img{ width:100%!important;}
#main .title_dettaglio-servizio {  font-size:30px; font-weight: 600; width:96%; height: auto; padding: 10px 2.5% 10px 0; float: left;}

#main .chi-siamo { width:100%; margin: 0 auto; color: #1c7296;}
#main .left_chisiamo { width:98%; padding: 10px 1%; float: left;color: #1c7296; background-position: center;}
#main .left_img { width: 100%; padding-top: 30vh; float: left; background-position: center; background-size: cover;}
#main .left_img img{ width: 100%;}
#main .right_chisiamo { width:98%; padding: 10px 1%; float: left;color: #1c7296; background-position: center;}
#main .right_img { width: 100%; padding-top: 30vh; float: left; background-position: center; background-size: cover}
#main .right_img img{ width: 100%;}

#main .block_servizi { float:left; width: 95%; margin: 5px auto; padding: 2.5%; text-align: center;}
#main .block_servizi img {  width: 100%; margin: 10px auto; border-radius: 20px  20px 0 0; transition: 1s all}
#main .block_servizi img:hover {  width: 100%; margin: 10px auto; border-radius: 80px  0;}
#main .block_servizi a { text-decoration: none; color: #1c7296; font-weight: 800;}
#main .block_servizi a:hover { text-decoration: underline; color: #1c7296; font-weight: 800;}
#main .button_dettaglio { width:100%;  background-color:#1c7296; border-radius: 10px; padding: 15px 0; margin: 10px auto}
#main .bottone_dettaglio a{ color: #fff; font-weight: 600; text-align: center; margin: 15px auto!important;text-decoration: none; clear: both;}
#main .bottone_dettaglio a:hover{ color: #fff; font-weight: 600; text-align: center; margin: 15px 0!important;}

#main .mappa { width:100%; height: 100vh;}
#main iframe { width:100%; border: none;}
#main .mapscroll-wrap { width:100%; border: none;}

#footer { margin: 25px 0 0 0; width: 100%; height: auto; background-color: #1c7296;  position: relative; z-index: 1; text-align: center!important;}
#footer a { text-decoration:none; transition: all 1s;}
#footer a:hover{ letter-spacing: 1px;}
#footer .mappa {display: none;}
#footer .embed-container {display: none;}
#footer .embed-container iframe {position: absolute !important; top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;}
#footer .mapscroll-wrap {position: static !important;}
#footer .motore { width:30%; float: right; margin: -70px 2% 0 0; display: none;}
#footer .motore img{ width:100%; }
#footer .container { width: 100%; margin:0 auto 0 auto; max-width: 1468px; padding:10px 0 ; z-index: 1;}
#footer .container_dati { width:96%;  color: #fff; padding:0 1%; margin: 25px 1%;}
#footer .dati{ width:90%; margin: 10px 5%; font-size: 12px; font-weight: 700;  color: #fff;}
#footer .dati a{color: #fff;}
#footer .logo { width: 98%;  height: auto; padding:0 1%; text-align: center;}
#footer .logo img { width: 100%; height: auto; max-width: 370px;}

/**/
.orari { width:95%; padding:0 2.5%; height:auto; height:auto; text-align:center; color:#1c7296;}
.orari p {}
.contatti { width:99.2%; padding:15px 0.4%; height:auto; height:auto; text-align:center; color:#fff;}
.icon_contatti { margin-right:5px;}
.tab_orari { width:100%; height:20px; margin:7px auto;}
.giorni { width:16%; text-align: left; margin:0 0.5%; height:20px; float:left;}
.mattina { width:39%; height:100%; float:left; color: #fff;}
.pausa { width:4%; height:100%; float:left; color: #fff;}
.pomeriggio { width:39%; height:100%; float:left; color: #fff;}
.verde { background-color:#0C3; color: #fff;}
.rosso { background-color:#ff2a22; color:#fff; color: #fff;}
	
	.servizi_mobile { display:none!important;}
	.content_form {width: 95%;padding: 30px 2.5%;}
.content_form p { text-align: center;}
.label_class { color:#1c7296;}
.g-recaptcha { max-width:290px; margin:0 auto;}
.form { font-family : 'Open Sans', sans-serif; color : #afafaf; font-size: 18px; margin-top: 60px; }
.required {color: #00cfb7;}
.tabella_form { margin: 0 auto; width:90%; margin:0 5%;}
#formILC label{display:block;}
input, textarea, select{display:block; border: 1px solid #afafaf; padding: 2px 2%; font-size: 14px; border-radius: 3px; width:96%; }
input.error, textarea.error {border: 2px solid #F67E8F;}
p.error{background-color: #F67E8F;border:2px solid #F00;color:#660D1E;font-size:105%;margin:3em auto;padding:1em 4em;width:25%;}
p.validate{background-color: #7EF68F;border:2px solid #0F0;color:#0D661E;font-size:105%;margin:3em auto;padding:1em 4em;width: 100%;}
input[type="checkbox"] { float:left; width:20px; height:20px;}
label { float:left; width:98%; padding:3px 1%; font-weight:600; font-size:24px; }
select[name="tipologia"] { float:left; width:98%; padding:10px 1%; font-size:16px; font-weight:300; margin:2px auto;}
select[name="portata"] { float:left; width:98%; padding:10px 1%; font-size:16px; font-weight:300; margin:2px auto;}
select[name="montante"] { float:left; width:98%; padding:10px 1%; font-size:16px; font-weight:300; margin:2px auto;}
button[name="ricerca_avanzata"] {width:98% !important; padding:10px 1%; font-size:16px; font-weight:300; margin:10px auto; background-color:#0094db; border-radius:4px;}
button[name="ricerca"]  {float:left; width:13%; padding:11px 1%; font-size:16px; font-weight:300; margin:2px auto; background-color:#0094db; color:#fff; border-radius:0 4px 4px 0;}
input[type="number"] { float:left; width:96%; padding:10px 1%; font-size:16px; font-weight:300; margin:2px auto;}
input[type="text"]  {float:left; width:98%; padding:10px 1%; font-size:16px; font-weight:300; margin:2px auto; border-radius:4px 0 0 4px;}
#main .ricerca {float:left; width:83%; padding:10px 1%; font-size:16px; font-weight:300; margin:2px auto; border-radius:4px 0 0 4px;}
table { width:95%; margin:0 2.5%; height:auto;}
input[type="submit"]{ width:50%; height:40px; margin:10px 25%; border:none; border-radius:4px; background-color:#0C3; color:#fff; font-weight:bold;}

}
@media screen and (min-width: 768px) and (max-width: 1299px) {
#top_header { width:100%;background-color: #1c7296; height: 15px;}
#trigger-overlay {  display: none;}
#header {  height: auto; background-image:url(../images/background.jpg); background-position: center top; width: 100%; }
#header .header_index{  height: auto; background-image:url(../images/background.jpg); background-position: center top; width: 100%; }
.header_subpage{  height: auto; background-position: center top; width: 100%; }
#header button .button_menu_responsive { display: none;}
#header .container { width: 100%; margin:0 auto; max-width: 1468px; padding:0 ; z-index: 1; color: #fff;}
#header ul,li { list-style:none; text-transform:none; font-size: 18px; font-weight: 700; margin: 0; padding: 0}
#header .menu {position: relative; background-color: #1c7296; width: 20%; float: left; margin:0; text-align: center;}
#header .logo { width:auto; height: auto;  text-align: center; margin: 0 auto; }
#header .logo img{ width:100%!important; height: auto!important;  text-align: center; margin: 0 auto; }
#header .menu_list { width: 100%; margin: 12px 0; }
#header .voce_menu { text-align: center; font-size: 16px; font-weight: 400;}
#header .divider { margin:15px 40%; width: 20%; height: 1px; background-color: #FFFFFF;}
#header a { color:#fff; text-align: center; text-decoration: none;}
#header .blocchi_index_dx{ float: right; width: 360px; margin: 157px 0 0 0; padding: 10px 1% 0 1%;}
#header .icon_1 { position: absolute; top: 10px; right: 10px;}
#header .icon_2 {  float: right;max-height: auto; margin:0 2%; width: 26%; }
#header .icon_3 {  float: right;max-height: auto; margin:0 2%;width: 26%; }
#header .icon_2 img{ width: 100%; }
#header .icon_3 img{  width: 100%;}
#header .block_icon {width: 90%; margin: 0 5%;padding: 50px 1% 0 1%;}
#header .block_icon p { margin: 0; padding: 0;}
#header .title_icon { font-size:30px; font-weight: 600;}
#header .desc_icon { font-size:12px; font-weight: 600; float: left; width: 70%;}
#header .attivo { font-weight: 400; letter-spacing: -1px; font-size: 19px; padding: 60px 2% 0 2%;}
#header .bg_icon_index1 { width: 100%; background-image: url(../images/bg_1-4.png); height:188px; position: relative;}
#header .bg_icon_index2 { width: 100%; background-image: url(../images/bg_2-4.png); height:188px; position: relative;}
#header .bg_icon_index3 { width: 100%; background-image: url(../images/bg_3-4.png); height:188px; position: relative;}
#header .bg_icon_index4 { width: 100%; background-color: #1c7296; height:30px; position: relative;}
#header .soccorso { font-weight: 800; letter-spacing: -1px; font-size: 35px; text-align: center; padding-top: 10px; margin: 0}
#header .num_tel { width:100%; color: #fff!important; height: auto; font-size: 50px; line-height: 40px;}

#main {width: 100%; margin: 0 auto; height: auto; clear: both;}
#main .container { width: 100%; margin:0 auto 0 auto; max-width: 1468px;  z-index: 1;}
#main .cl_50_index_left { width: 50%; float: left; text-align: center;}
#main .cl_50_index_right { width: 50%; float: right;text-align: center}
#main .cl_50_index_right img { width: 100%; float: right;text-align: center}

#main .block_index { width:98%; height: auto; padding: 10px 1%; background-color: #1c7296;}
#main .title_index { width: 100%; text-align: center; color: #fff; font-size: 30px;}
#main .subtitle_index { width: 100%; text-align: center; color: #fff; font-size: 16px;}
#main .intro_index { width:95%; font-size: 16px; letter-spacing: 0; line-height: normal; color: #1c7296; margin: 15px 2.5%; text-align: center;}
#main .banner { width:100%;  background-color:#ff0000; border-radius: 10px; margin: 15px auto;}
#main .bottone_assistenza a{ color: #fff; font-weight: 600; text-align: center; padding: 15px 0;text-decoration: none;}
#main .parag_assistenza { color:#fff; text-align: center; font-size: 14px; letter-spacing: 1px;}
#main .bottone_assistenza{ color: #fff; font-weight: 600; text-align: center; padding: 15px 0}
#main .quattro_terzi { width:50%; float: left; padding-top: 37.5%; position: relative;  /* 4:3 Proporzione */}
#main .quattro_terzi:hover { background-color: #E8E8E8;}
#main .quattro_terzi_title { width:95%; height: 6vh; padding: 15px 2.5%; background-color: rgba(37,37,37,0.80); text-align: center; font-size: 24px;  font-weight: 800; color: #fff; z-index: 2; margin: 0 auto; top: 0; left:0; right: 0;bottom: 0; position: absolute}
#main .quattro_terzi_subtitle { text-align: center; font-size: 16px;  font-weight: 400; color: #fff;}

#main .dettaglio-servizio { width:95%; padding: 15px 2.5%; }
#main .dettaglio-servizio img { float: left; width: 50%; margin: 10px 1% 10px 0}
#main .descrizione-servizio { width: 100%; float: left;}
#main .descrizione-servizio p {}
#main .class_ul { font-size: 18px; font-weight: 600}
#main .class_li {margin: 10px auto; font-size: 16px; font-weight: 400;}

#main .container_gallery { width: 100%; clear: both; }
#main .gallery_img { width:49%!important; margin: 5px 0.5%!important; float: left;}
#main .gallery_img img{ width:100%!important;}
#main .title_dettaglio-servizio {  font-size:30px; font-weight: 600; width:46%; height: auto; padding: 10px 2.5% 10px 0; float: left;}

#main .chi-siamo { width:100%; margin: 0 auto; color: #1c7296;}
#main .left_chisiamo { width:48%; padding: 10px 1%; float: left;color: #1c7296;}
#main .left_img { width: 50%; padding-top: 30vh; float: left; background-size: cover}
#main .left_img img{ width: 100%;}
#main .right_chisiamo { width:48%; padding: 10px 1%; float: right;color: #1c7296;}
#main .right_img { width: 50%; padding-top: 30vh; float: right; background-size: cover}
#main .right_img img{ width: 100%;}

#main .block_servizi { float:left; width: 48%; margin: 25px auto; padding: 1%; text-align: center;}
#main .block_servizi img {  width: 100%; margin: 10px auto; border-radius: 20px  20px 0 0; transition: 1s all}
#main .block_servizi img:hover {  width: 100%; margin: 10px auto; border-radius: 80px  0;}
#main .block_servizi a { text-decoration: none; color: #1c7296; font-weight: 800;}
#main .block_servizi a:hover { text-decoration: underline; color: #1c7296; font-weight: 800;}
#main .button_dettaglio { width:100%;  background-color:#1c7296; border-radius: 10px; padding: 15px 0; margin: 10px auto}
#main .bottone_dettaglio a{ color: #fff; font-weight: 600; text-align: center; margin: 15px auto!important;text-decoration: none; clear: both;}
#main .bottone_dettaglio a:hover{ color: #fff; font-weight: 600; text-align: center; margin: 15px 0!important;}

#main .mappa { width:100%; height: 100vh;}
#main iframe { width:100%; border: none;}
#main .mapscroll-wrap { width:100%; border: none;}

#footer { margin: 25px 0 0 0; width: 100%; height: auto; background-color: #1c7296;  position: relative; z-index: 1}
#footer a { text-decoration:none; transition: all 1s;}
#footer a:hover{ letter-spacing: 1px;}
#footer .mappa { width:100% !important; padding:0; margin:0 auto; height:350px !important; border:none;}
#footer .embed-container {position: relative !important;padding-bottom:275px !important;height: 0 !important;overflow: hidden !important;cursor:auto; margin-top: 25px; float: left; width: 74%;}
#footer .embed-container iframe {position: absolute !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;}
#footer .mapscroll-wrap {position: static !important;}
#footer .motore { display: none;}
#footer .motore img{ width:100%; }
#footer .container { width: 100%; margin:0 auto 0 auto; max-width: 1468px; padding:10px 0 ; z-index: 1;}
#footer .container_dati {  border-right: solid #fff 1px; width:18%; float: left;  text-align: right; color: #fff; padding:0 1%; margin: 25px 1%;}
#footer .dati{ width:90%; margin: 10px 5%; float: left;  text-align: right; font-size: 12px; font-weight: 700;  color: #fff;}
#footer .dati a{color: #fff;}
#footer .logo { width: 98%; float: left; height: auto; padding:0 1%;}
#footer .logo img { width: 100%; height: auto; max-width: 370px;}

/**/
.orari { width:45%; padding:0 2.5%; height:auto; height:auto; text-align:center; color:#1c7296; float: left;}
.orari p {}
.contatti { width:99.2%; padding:15px 0.4%; height:auto; height:auto; text-align:center; color:#fff;}
.icon_contatti { margin-right:5px;}
.tab_orari { width:100%; height:20px; margin:7px auto;}
.giorni { width:16%; text-align: left; margin:0 0.5%; height:20px; float:left;}
.mattina { width:39%; height:100%; float:left; color: #fff;}
.pausa { width:4%; height:100%; float:left; color: #fff;}
.pomeriggio { width:39%; height:100%; float:left; color: #fff;}
.verde { background-color:#0C3; color: #fff;}
.rosso { background-color:#ff2a22; color:#fff; color: #fff;}
	
	.servizi_mobile { display:none!important;}
	.content_form {float: left;width: 45%;padding: 30px 2.5%;}
.content_form p { text-align: center;}
.label_class { color:#1c7296;}
.g-recaptcha { max-width:290px; margin:0 auto;}
.form { font-family : 'Open Sans', sans-serif; color : #afafaf; font-size: 18px; margin-top: 60px; }
.required {color: #00cfb7;}
.tabella_form { margin: 0 auto; width:90%; margin:0 5%;}
#formILC label{display:block;}
input, textarea, select{display:block; border: 1px solid #afafaf; padding: 2px 2%; font-size: 14px; border-radius: 3px; width:96%; }
input.error, textarea.error {border: 2px solid #F67E8F;}
p.error{background-color: #F67E8F;border:2px solid #F00;color:#660D1E;font-size:105%;margin:3em auto;padding:1em 4em;width:25%;}
p.validate{background-color: #7EF68F;border:2px solid #0F0;color:#0D661E;font-size:105%;margin:3em auto;padding:1em 4em;width: 100%;}
input[type="checkbox"] { float:left; width:20px; height:20px;}
label { float:left; width:98%; padding:3px 1%; font-weight:600; font-size:24px; }
select[name="tipologia"] { float:left; width:98%; padding:10px 1%; font-size:16px; font-weight:300; margin:2px auto;}
select[name="portata"] { float:left; width:98%; padding:10px 1%; font-size:16px; font-weight:300; margin:2px auto;}
select[name="montante"] { float:left; width:98%; padding:10px 1%; font-size:16px; font-weight:300; margin:2px auto;}
button[name="ricerca_avanzata"] {width:98% !important; padding:10px 1%; font-size:16px; font-weight:300; margin:10px auto; background-color:#0094db; border-radius:4px;}
button[name="ricerca"]  {float:left; width:13%; padding:11px 1%; font-size:16px; font-weight:300; margin:2px auto; background-color:#0094db; color:#fff; border-radius:0 4px 4px 0;}
input[type="number"] { float:left; width:96%; padding:10px 1%; font-size:16px; font-weight:300; margin:2px auto;}
input[type="text"]  {float:left; width:98%; padding:10px 1%; font-size:16px; font-weight:300; margin:2px auto; border-radius:4px 0 0 4px;}
#main .ricerca {float:left; width:83%; padding:10px 1%; font-size:16px; font-weight:300; margin:2px auto; border-radius:4px 0 0 4px;}
table { width:95%; margin:0 2.5%; height:auto;}
input[type="submit"]{ width:50%; height:40px; margin:10px 25%; border:none; border-radius:4px; background-color:#0C3; color:#fff; font-weight:bold;}	
	
}
@media screen and (min-width: 1300px){
#top_header { width:100%;background-color: #1c7296; height: 15px;}
#trigger-overlay {  display: none;}
#header { width:100%; height: auto; background-image:url(../images/background.jpg); background-position: center top; width: 100%; height:auto;}
#header .header_index{ width:100%; height: auto; background-image:url(../images/background.jpg); background-position: center top;}
.header_subpage{ width:100%; height: auto; background-position: center top; width: 100%; height:auto;}
#header button .button_menu_responsive { display: none;}
#header .container { width: 100%; margin:0 auto; max-width: 1468px; padding:0 ; z-index: 1; color: #fff;}
#header ul,li { list-style:none; text-transform:none; font-size: 18px; font-weight: 700; margin: 0; padding: 0}
#header .menu {position: relative; background-color: #1c7296; width: 20%; float: left; margin:0; text-align: center;}
#header .logo { width:auto; height: auto;  text-align: center; margin: 0 auto; }
#header .logo img{ width:100%!important; height: auto!important;  text-align: center; margin: 0 auto; }
#header .menu_list { width: 100%; margin: 12px 0; }
#header .voce_menu { text-align: center; font-size: 18px; font-weight: 400;}
#header .divider { margin:15px 40%; width: 20%; height: 1px; background-color: #FFFFFF;}
#header a { color:#fff; text-align: center; text-decoration: none;}
#header .blocchi_index_dx{ float: right; width: 360px; margin: 157px 0 0 0; padding: 10px 1% 0 1%;}
#header .icon_1 { position: absolute; top: 10px; right: 10px;}
#header .icon_2 {  float: right;max-height: auto; margin:0 2%; width: 26%; }
#header .icon_3 {  float: right;max-height: auto; margin:0 2%;width: 26%; }
#header .icon_2 img{ width: 100%; }
#header .icon_3 img{  width: 100%;}
#header .block_icon {width: 90%; margin: 0 5%;padding: 50px 1% 0 1%;}
#header .block_icon p { margin: 0; padding: 0;}
#header .title_icon { font-size:30px; font-weight: 600;}
#header .desc_icon { font-size:12px; font-weight: 600; float: left; width: 70%;}
#header .attivo { font-weight: 400; letter-spacing: -1px; font-size: 19px; padding: 60px 2% 0 2%;}
#header .bg_icon_index1 { width: 100%; background-image: url(../images/bg_1-4.png); height:188px; position: relative;}
#header .bg_icon_index2 { width: 100%; background-image: url(../images/bg_2-4.png); height:188px; position: relative;}
#header .bg_icon_index3 { width: 100%; background-image: url(../images/bg_3-4.png); height:188px; position: relative;}
#header .bg_icon_index4 { width: 100%; background-color: #1c7296; height:30px; position: relative;}
#header .soccorso { font-weight: 800; letter-spacing: -1px; font-size: 35px; text-align: center; padding-top: 10px; margin: 0}
#header .num_tel { width:100%; color: #fff!important; height: auto; font-size: 50px; line-height: 40px;}

#main {width: 100%; margin: 0 auto; height: auto; clear: both;}
#main .container { width: 100%; margin:0 auto 0 auto; max-width: 1468px;  z-index: 1;}
#main .cl_50_index_left { width: 50%; float: left; text-align: center;}
#main .cl_50_index_right { width: 50%; float: right;text-align: center}
#main .cl_50_index_right img { width: 100%; float: right;text-align: center}

#main .block_index { width:98%; height: auto; padding: 10px 1%; background-color: #1c7296;}
#main .title_index { width: 100%; text-align: center; color: #fff; font-size: 30px;}
#main .subtitle_index { width: 100%; text-align: center; color: #fff; font-size: 16px;}
#main .intro_index { width:95%; font-size: 16px; letter-spacing: 0; line-height: normal; color: #1c7296; margin: 15px 2.5%; text-align: center;}
#main .banner { width:100%;  background-color:#ff0000; border-radius: 10px; margin: 15px auto;}
#main .bottone_assistenza a{ color: #fff; font-weight: 600; text-align: center; padding: 15px 0;text-decoration: none;}
#main .parag_assistenza { color:#fff; text-align: center; font-size: 14px; letter-spacing: 1px;}
#main .bottone_assistenza{ color: #fff; font-weight: 600; text-align: center; padding: 15px 0}
#main .quattro_terzi { width:50%; float: left; padding-top: 37.5%; position: relative;  /* 4:3 Proporzione */}
#main .quattro_terzi:hover { background-color: #E8E8E8;}
#main .quattro_terzi_title { width:95%; height: 6vh; padding: 15px 2.5%; background-color: rgba(37,37,37,0.80); text-align: center; font-size: 24px;  font-weight: 800; color: #fff; z-index: 2; margin: 0 auto; top: 0; left:0; right: 0;bottom: 0; position: absolute}
#main .quattro_terzi_subtitle { text-align: center; font-size: 16px;  font-weight: 400; color: #fff;}

#main .dettaglio-servizio { width:95%; padding: 15px 2.5%; }
#main .dettaglio-servizio img { float: left; width: 50%; margin: 10px 1% 10px 0}
#main .descrizione-servizio { width: 100%; float: left;}
#main .descrizione-servizio p {}
#main .class_ul { font-size: 18px; font-weight: 600}
#main .class_li {margin: 10px auto; font-size: 16px; font-weight: 400;}

#main .container_gallery { width: 100%; clear: both; }
#main .gallery_img { width:24%!important; margin: 5px 0.5%!important; float: left;}
#main .gallery_img img{ width:100%!important;}
#main .title_dettaglio-servizio {  font-size:30px; font-weight: 600; width:46%; height: auto; padding: 10px 2.5% 10px 0; float: left;}

#main .chi-siamo { width:100%; margin: 0 auto; color: #1c7296;}
#main .left_chisiamo { width:48%; padding: 10px 1%; float: left;color: #1c7296;}
#main .left_img { width: 50%; padding-top: 30vh; float: left; background-size: cover}
#main .left_img img{ width: 100%;}
#main .right_chisiamo { width:48%; padding: 10px 1%; float: right;color: #1c7296;}
#main .right_img { width: 50%; padding-top: 30vh; float: right; background-size: cover}
#main .right_img img{ width: 100%;}

#main .block_servizi { float:left; width: 20%; margin: 25px auto; padding: 2.5%; text-align: center;}
#main .block_servizi img {  width: 100%; margin: 10px auto; border-radius: 20px  20px 0 0; transition: 1s all}
#main .block_servizi img:hover {  width: 100%; margin: 10px auto; border-radius: 80px  0;}
#main .block_servizi a { text-decoration: none; color: #1c7296; font-weight: 800;}
#main .block_servizi a:hover { text-decoration: underline; color: #1c7296; font-weight: 800;}
#main .button_dettaglio { width:100%;  background-color:#1c7296; border-radius: 10px; padding: 15px 0; margin: 10px auto}
#main .bottone_dettaglio a{ color: #fff; font-weight: 600; text-align: center; margin: 15px auto!important;text-decoration: none; clear: both;}
#main .bottone_dettaglio a:hover{ color: #fff; font-weight: 600; text-align: center; margin: 15px 0!important;}

#main .mappa { width:100%; height: 100vh;}
#main iframe { width:100%; border: none;}
#main .mapscroll-wrap { width:100%; border: none;}

#footer { margin: 25px 0 0 0; width: 100%; height: auto; background-color: #1c7296;  position: relative; z-index: 1}
#footer a { text-decoration:none; transition: all 1s;}
#footer a:hover{ letter-spacing: 1px;}
#footer .mappa { width:100% !important; padding:0; margin:0 auto; height:350px !important; border:none;}
#footer .embed-container {position: relative !important;padding-bottom:275px !important;height: 0 !important;overflow: hidden !important;cursor:auto; margin-top: 25px; float: left; width: 44%;}
#footer .embed-container iframe {position: absolute !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;}
#footer .mapscroll-wrap {position: static !important;}
#footer .motore { width:30%; float: right; margin: -70px 2% 0 0;}
#footer .motore img{ width:100%; }
#footer .container { width: 100%; margin:0 auto 0 auto; max-width: 1468px; padding:10px 0 ; z-index: 1;}
#footer .container_dati {  border-right: solid #fff 1px; width:18%; float: left;  text-align: right; color: #fff; padding:0 1%; margin: 25px 1%;}
#footer .dati{ width:90%; margin: 10px 5%; float: left;  text-align: right; font-size: 12px; font-weight: 700;  color: #fff;}
#footer .dati a{color: #fff;}
#footer .logo { width: 98%; float: left; height: auto; padding:0 1%;}
#footer .logo img { width: 100%; height: auto; max-width: 370px;}

/**/
.orari { width:45%; padding:0 2.5%; height:auto; height:auto; text-align:center; color:#1c7296; float: left;}
.orari p {}
.contatti { width:99.2%; padding:15px 0.4%; height:auto; height:auto; text-align:center; color:#fff;}
.icon_contatti { margin-right:5px;}
.tab_orari { width:100%; height:20px; margin:7px auto;}
.giorni { width:16%; text-align: left; margin:0 0.5%; height:20px; float:left;}
.mattina { width:39%; height:100%; float:left; color: #fff;}
.pausa { width:4%; height:100%; float:left; color: #fff;}
.pomeriggio { width:39%; height:100%; float:left; color: #fff;}
.verde { background-color:#0C3; color: #fff;}
.rosso { background-color:#ff2a22; color:#fff; color: #fff;}
	
	.servizi_mobile { display:none!important;}
	.content_form {float: left;width: 45%;padding: 30px 2.5%;}
.content_form p { text-align: center;}
.label_class { color:#1c7296;}
.g-recaptcha { max-width:290px; margin:0 auto;}
.form { font-family : 'Open Sans', sans-serif; color : #afafaf; font-size: 18px; margin-top: 60px; }
.required {color: #00cfb7;}
.tabella_form { margin: 0 auto; width:90%; margin:0 5%;}
#formILC label{display:block;}
input, textarea, select{display:block; border: 1px solid #afafaf; padding: 2px 2%; font-size: 14px; border-radius: 3px; width:96%; }
input.error, textarea.error {border: 2px solid #F67E8F;}
p.error{background-color: #F67E8F;border:2px solid #F00;color:#660D1E;font-size:105%;margin:3em auto;padding:1em 4em;width:25%;}
p.validate{background-color: #7EF68F;border:2px solid #0F0;color:#0D661E;font-size:105%;margin:3em auto;padding:1em 4em;width: 100%;}
input[type="checkbox"] { float:left; width:20px; height:20px;}
label { float:left; width:98%; padding:3px 1%; font-weight:600; font-size:24px; }
select[name="tipologia"] { float:left; width:98%; padding:10px 1%; font-size:16px; font-weight:300; margin:2px auto;}
select[name="portata"] { float:left; width:98%; padding:10px 1%; font-size:16px; font-weight:300; margin:2px auto;}
select[name="montante"] { float:left; width:98%; padding:10px 1%; font-size:16px; font-weight:300; margin:2px auto;}
button[name="ricerca_avanzata"] {width:98% !important; padding:10px 1%; font-size:16px; font-weight:300; margin:10px auto; background-color:#0094db; border-radius:4px;}
button[name="ricerca"]  {float:left; width:13%; padding:11px 1%; font-size:16px; font-weight:300; margin:2px auto; background-color:#0094db; color:#fff; border-radius:0 4px 4px 0;}
input[type="number"] { float:left; width:96%; padding:10px 1%; font-size:16px; font-weight:300; margin:2px auto;}
input[type="text"]  {float:left; width:98%; padding:10px 1%; font-size:16px; font-weight:300; margin:2px auto; border-radius:4px 0 0 4px;}
#main .ricerca {float:left; width:83%; padding:10px 1%; font-size:16px; font-weight:300; margin:2px auto; border-radius:4px 0 0 4px;}
table { width:95%; margin:0 2.5%; height:auto;}
input[type="submit"]{ width:50%; height:40px; margin:10px 25%; border:none; border-radius:4px; background-color:#0C3; color:#fff; font-weight:bold;}	
	
}