@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}
h2 { font-size:28px; font-weight: 800;}
a { color: #444;}
h2 .titolo_zoe { font-size:20px!important;}
body { margin: 0 auto; width: 100%; height: auto;font-family: 'Open Sans', sans-serif; background-color: #fff;}
p { font-size: 14px; line-height: 1.7}
ul { padding: 0;}
.clear {clear:both; padding: 0}
.center { text-align: center;}
.blu { color: #020259}
.lightblu { color: #20b9e5}
.divisorio { background-color:#20b9e5; height: 3px; width: 300px;}
#header { width:100%; height: auto; color: #020259; clear: both; position: absolute; top: 0;z-index: 1;}
#header .container { width: 100%; margin:0 auto; max-width: 1302px; padding:10px 2% ; z-index: 1;}
#header ul,li { list-style:none; text-transform: uppercase; font-size: 15px; font-weight: 400; margin: 0; padding: 0;}
#header .menu { width: 80%; float: right; text-align: right;}
#header .menu a{ text-decoration: none; color: #020259;}
#header .menu a:hover { color: #20b9e5}
#header .logo { width:20%; float: left; margin: 10px auto; text-align: center;}
#header .logo img { width:100%; float: left;}
#header .bg_header { width:100%; background-size: cover; background-position: top center; background-repeat: no-repeat;}
#header .list_menu { width: auto; margin:35px 0 60px 0; text-align: right; display: inline-table;}
#header .divider { width: 1px; margin:0 2%; padding: 9px 0 0 0;background-color: #f4f4f4; text-align: right; display: inline-table;}
#header .flagbox { display: inline; }
#header .flag { width:5%; max-width: 26px; display: inline-table;}
#header .flag img{ width:100%; }
#trigger-overlay { display: none;}

.regione { text-align: center; margin: -20px auto 40px;}
.regione .titolo { display: flex;}
.regione .titolo h1 { text-transform: uppercase; color: #444 }
.regione .box p { margin: 0; }
.regione .titolo .line { height: 3px; background-color: #20b9e5; width: 42%; margin-top: 25px}

#main .bg_categoria_prodotto { width: 100%; float: left; background-position: center center; background-size: cover;}
#main .sfumatura { background-repeat:repeat-y; padding-top: 10%; padding-bottom: 5%; background-image: url(../images/bg_sfumato.png); background-position: top center; background-size: cover;}
#main .prodotti { background-color:rgba(236,236,236,1.00)!important; overflow: hidden; padding-bottom: 30px;}

.bg_home { padding: 50px 0;}
.about { padding: 30px 1% }
.realizzazioni { width: 32.7%; text-align: center; vertical-align: top; display: inline-block; position: relative; margin: 25px 0 0;}
.realizzazioni:hover { opacity: 0.8;}
.realizzazioni h3 { color: #fff; width: 100%; position: absolute; bottom: 0; padding: 7px 1%!important; left: 0; text-align: center; background-color: rgba(2,2,89,0.7); }

.percorso { background-color: #ccc; padding: 5px 0;}
.percorso span { font-size: 11px}
.voce1 { padding-left: 2%;}

#main .titolo_categoria_prodotto { border-bottom:solid 1px #fff; font-size: 24px; font-weight: 400px; float: right; text-align: right; width: 50%;  text-align: right; margin-right: 3%;}

#main .container_percorso { width:100%; background-color: #e7e7e7; padding: 10px 1%; margin: 0;font-size: 11px!important;}
#main .container_percorso a { text-decoration: none; color: #434343; font-size: 11px!important;}
#main .current { font-weight: 800;}
#main .undertitle_fixed { padding:10px 1%; width: 80%; margin: 10px auto; background-color: #FF0004;}
#main .title { font-size: 64px; font-weight: 400; letter-spacing: -1px; text-transform: uppercase; margin: 10px 0 0 0; padding: 0;	}
#main .title span{ color:#FF0004; font-size: 64px; font-weight: 400; letter-spacing: -1px;	 margin: 10px 0 0 0; padding: 0;}
#main .subtitle { padding:0 1% 10px 1%; width: 80%; margin: 0 auto; font-weight: 400;}
#main .subtitle span{ padding:0 1% 10px 1%; width: 80%; margin: 0 auto; font-weight: 700;}
#main .text { font-size:19px; font-weight: 400; text-transform: uppercase;}
#main .bottone_slide { margin:0 auto; font-weight: 800; border-radius: 5px; border:solid 2px #fff; color: #fff; background-color:#20b9e5; padding:10px 0; width: 60%; }
#main .slide { width:100%; height: 600px; position: relative;z-index: -1;}
#main .slide img{ width:100%;}
#main .button_slide { transition: all 1s ease 0s; font-weight: 800; padding: 5px 1% 10px; text-align: center; margin: 0 auto; width: 320px; border-radius: 10px; background-color:#20b9e5; color: #fff;}
#main .button_slide a{ color: #fff; text-decoration: none;}
#main .button_slide:hover { background-color: #020259;}
#main .desc_slide { padding:10px 1%; font-size: 18px; font-weight: 400; width: 100%;}
#main .title_slide { background-color:#20b9e5; padding:10px 1%; color:#fff; border-radius: 15px; margin: 0 !important;}
#main .img_block_index_chisiamo img{ position: absolute; bottom: -20px; text-align: center; margin: 0 auto; width: 26%;}
#main .bg_chisiamo { background-color: #20b9e5; margin: 10px auto 0; padding: 0 0 20px}
#main .block_index_chisiamo {  margin: 60px 0; position: relative; z-index: 1; width: 100%;}
#main .block_txt_index_chisiamo { width: 100%; color: #fff;} 
#main .h2_chisiamo { text-align: center; margin: 25px auto 5px auto; font-weight: 400; font-size: 28px; text-transform:uppercase; color: #fff; font-weight: 600;}
#main .desc_chisiamo { font-size:14px; font-weight: 400; color: #fff;}
#main .desc_italia { padding:0 1% 60px 1%; width: 98%; text-align: center; color: #fff; margin:0 }
#main .divider { width:50%; border-bottom: solid 1px #fff; margin: 10px 25% 0 25%;}
#main .icon_chi-siamo { width:50%; margin: 15px 25%; text-align: center;}
#main .icon_chi-siamo img { width:100%; margin: 0 auto; text-align: center; max-width: 128px;}
#main .about_title { margin: 20px 0 10px; font-size:24px; width: 100%; color: #20b9e5; font-weight: 800}
#main .about_desc { font-size:16px; margin: 15px auto;}
#main .cl_100_about { width:98%; margin: 15px 1%; clear: both; }
#main .cl_75_about { width:73%; margin: 15px 1%; float: left; }
#main .cl_25_about { float: left; margin: 15px 1%; width: 23%;}
#main .cl_25_about img { width:100%;}
#main .bg_chisiamo_subpage { background-image:url(../images/_MG_6052ok.jpg); width: 100%; padding-top: 20%; background-size: cover; background-position: center center;}
#main .bg_product_subpage { background-size: cover; width: 100%; padding-top: 20%; background-position: top center;}
#main .subpage_container { width: 100%; max-width: 1302px; margin: 0 auto 0 auto;}
#main .block_txt_chisiamo { width: 98%; padding: 10px 1%; color: #000;} 
#main .cl_download { width: 22%; display: inline-block; margin: 20px 1%; vertical-align: top;}
.icon-download { width: 100%; background-color: #fff; padding: 20px 3% 10px; margin-top: -10px;}
.icon-download i { font-size: 20px; margin-right: 10px;}
.icon-download p { display: inline-block; font-size: 11px;}
.icon-download .icon { text-align: center;}
.icon-download .icon:hover { background-color: #ddd}
#main .immagine_download { width:100%; }
#main .titolo_catalogo a{text-align:center; color: #000;}
#main .titolo_catalogo {text-align:center; color: #333; background-color: #fff; padding: 2% 0; font-size: 12px;}

.grid-prodotto { transition: all 0.2s ease 0s;  width: 31%; margin: 10px 0.5%; float: left; position: relative;}
.grid-prodotto img { width: 100%;}
.grid-prodotto h2 { font-size: 1.6vw; color: #fff; position: absolute; bottom: 0; left: 0; right: 0; background-color: #20b9e5; padding: 10px 0; width: 100%;}
.grid-prodotto:hover { opacity: 0.7;}

#main {width: 100%; margin: 0 auto; height: auto; clear: both;}
#main .container { width: 100%; margin:0 auto 0 auto; max-width: 1302px;  z-index: 1;}
#main .cl_25_left { width: 25%; float: left; text-align: center;}
#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 .cartello_pubblicitario { height: auto; width: 100%;  overflow: hidden }
#main .container_slide { position:absolute; z-index: 10; top: 68px; left: 0; text-align: left!important;  width: 100%; height: 100vh;}
#main .container_main { width: 100%; margin:-223px auto 0 auto; background-color: #fff; padding: 35px 0 35px 0; z-index: 1;}
#main .bg_slide { width:100%; height: 100vh; background-size: cover;  z-index: -2; margin:0 0 0 0; }
#main .block_search { width:98%; height: auto; padding: 10px 1%; background-color: #152074;}
#main .input_ { width:71%; border:none; background-color: #fff; border-radius: 10px 0 0 10px; padding: 15px 2%;font-size: 18px; float: left;}
#main .search { width:24%; border:none; background-color: #20b9e5; color: #fff; border-radius:0 10px 10px 0;padding: 15px 0; font-size: 18px;}

#main .h3_titolo_prodotto {  font-size: 18px; font-weight: 600; letter-spacing: -1px; text-align: left; width: 98%; margin: 10px auto; padding: 0px 1%; float: left; color: #20b9e5;}
#main .bottone_titolo_prodotto { width:18%; padding: 10px 1%; line-height: 32px;  margin: 10px auto;float: left; background-color:#0094db;}
#main .link_dettaglio{ text-decoration: none; font-weight: 800; color: #fff;}
#main .cl_33 { float:left; width: 30%; margin: 15px 1.66%; text-align: center;}
#main .cl_66 { float:left; width: 63%; margin: 15px 1.66%; text-align: center;}
#main .h1_italia { text-align: center; color: #fff; padding: 60px 0 5px 0; font-weight: 400; font-size: 28px;}
#main .h1_home { text-align: center; color: #020259; margin: 25px auto 5px auto; font-weight: 400; font-size: 28px;}
#main .h2_home { text-align: left; margin: 25px auto 5px auto; font-weight: 400; font-size: 28px;}
#main .h3_italia { text-align: center; color: #fff; margin: 5px auto 35px auto; font-weight: 400; font-size: 20px;}
#main .h3_home { text-align: center; color: #020259; margin: 5px auto 35px auto; font-weight: 400; font-size: 20px;}
#main .made_in_italy { background-color: #fff; width: 50%; margin: 0 auto; text-align: center; height: 2px;}
#main .verde_flag { background-color: #009615; width: 33%; float: left; height: 2px;}
#main .red_flag { background-color:#C40000; width: 33%; float: right; height: 2px;}

#main .title_search { color:#fff; font-size: 18px; font-weight: 400; padding: 0 0 10px 0;}
#main .title_section { font-weight: 700; letter-spacing: -1px; text-align: center; padding: 15px 0;}

#main .bock_location_home { background-size:100%; width: 100%; background-position: center center; overflow: hidden; }
#main .titolo_block_home { width:100%; height: auto; padding: 15px 1%;background-color:rgba(255,255,255,0.80); margin-bottom:100%; font-size:15px;}
#main .pulsante_block_home { width:100%; height: auto; padding: 15px 1%;background-color:rgba(255,255,255,0.80); font-size:15px;}
#main .bottone_localizza{ margin:15px auto 0 auto; font-weight: 800; border-radius: 5px; border:solid 2px #fff; color: #fff; background-color:#20b9e5; padding:10px 0; width: 60%;}
#main .bottone_center{ margin:15px auto 0 auto; font-weight: 800; border-radius: 5px; border:solid 2px #fff; color: #fff; background-color:#20b9e5; padding:10px 0; width:40%; text-align: center;}
#main .cl_25 { width: 23%; padding: 10px 1%; float: left;}
#main .cl_75 { width: 71%; padding: 10px 1%; float: right;}
#main .risultati_affini { font-size:18px; text-align: center;}
#main .risultati_trovati { font-size:18px; text-align: center;}
#main .container_filtro { width:97%; margin: 15px 0.5%; background-color: #D7D7D7; padding: 10px 1%; border-radius: 5px;}
#main .cl_20_filtro { width:25%; float: left; margin: 0 auto; background-color: #fff}
#main .cl_80_prodotti { width:75%; margin: 0 auto 15px auto; padding: 0; text-align: center; float: left; background-color: #fff;}
#main .cl_20_prodotti_categorie { width:25%; margin: 0 auto; padding:0 3% 20px 3%; text-align: right; background-color: #fff; float: right;}
#main .categoria_lista { width: 100%; border-bottom:#efefef 1px solid; margin: 5px 0 0 0; padding-bottom: 5px; font-size: 12px;}
/*FORM CONTROL*/
.titolo_filtro { color:#fff; background-color: #20b9e5; padding: 25px 0; text-align: center;font-weight: 600; font-size:16px; cursor: pointer; }
.titolo_span_filtro { font-size: 14px; font-weight:700; text-align: center!important; margin: 15px auto;}
.label_class { color:#fff;}
.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:0 1%; font-weight:400; font-size:14px;  text-align: center!important;}
select[name="tipologia"] { float:left; width:98%; padding:5px 1%; font-size:14px; font-weight:300; margin:2px auto;}
select[name="portata"] { float:left; width:98%; padding:5px 1%; font-size:14px; font-weight:300; margin:2px auto;}
select[name="montante"] { float:left; width:98%; padding:5px 1%; font-size:14px; font-weight:300; margin:2px auto;}
select[name="alzata"] { float:left; width:98%; padding:5px 1%; font-size:14px; font-weight:300; margin:2px auto;}

button[name="ricerca_avanzata"] {width:98% !important; padding:10px 1%; font-size:16px; font-weight:300; margin:5px auto; background-color:#20b9e5; border-radius:4px; color:#fff; border:none;}
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;}
/**/
#main .ricerca_avanzata {width:90% !important; padding:10px 5%; font-size:16px; font-weight:400; margin:10px auto; background-color:#0094db; border-radius:4px; color:#fff; border:none; text-align: center; margin: 10px auto;}
#main .ricerca_avanzata i,a  { font-size: 14px; text-decoration: none;}

#main .container_lista_prodotti { float:left; width: 25%; background-image: url(../images/background_lista_prodotti.png); background-position: center center; background-size: cover;}
#main .container_dettaglio_prodotti { float:left; width: 75%; background-position: center center; background-size: cover; background-color: #fff;}
#main .container_immagine_dettaglio { width:25%; float: left;}
#main .container_info_dettaglio { width: 75%; float: right;}
#main .square { float:left; padding-left:100%; margin: 0;padding-bottom : 75%; background-position:center center;background-repeat:no-repeat;background-size:cover;}
#main .square_detail {float:left; padding-left:100%;padding-bottom : 100%; border-radius: 0 0 10px 10px;background-position:center center;background-repeat:no-repeat;background-size:cover; background-color: #E0E0E0}
#main .rowBorder { border-bottom:1px solid rgba(188,188,188,1.00); height: auto; padding:5px 2%; width: 46%; float: left; text-align:left!important;}
#main .rowBorder span { color:rgba(80,80,80,1.00); text-align:left!important;}
#main .rowBorder_intero {height: auto; padding:5px 2%; width: 96%; float: left; text-align:left!important;}
#main .rowBorder_intero span { color:rgba(80,80,80,1.00); text-align:left!important;}
#main .dividisorio_prodotti { height: 1px; width: 100%; background-color: #222222; margin: 15px auto;}

#main .bottone_dettaglio { width: 100%; margin: 10px auto; padding:10px 0.5%; color: #fff; background-color: #262626; border-radius: 0 10px; transition: all 0.5s;}
#main .bottone_dettaglio:hover { width: 100%; margin: 10px auto; padding:10px 0.5%; color: #fff; background-color: #848484; border-radius: 0 10px;}
#main .bottone_prenota { width: 98%; margin: 10px 0.5%; padding:10px 0.5%; color: #fff; background-color:#3BCD63; border-radius: 0 10px; transition: all 0.5s}
#main .bottone_prenota:hover { width: 98%; margin: 10px 0.5%; padding:10px 0.5%; color: #fff; background-color:#5EC725; border-radius: 0 10px; transition: all 0.5s}
#main .multipagina { width:100%; text-align: center; color: #000; max-width: 130px; margin: 0 auto;}
#main .content-numero:hover{border:1px solid #0CF;color:#000;background-color:#fff;font-weight:700;margin:auto 1px;height:28px;width:38px}
#main .content-numero {background-color:#f2f2f2;color:#000;font-weight:700;float:left;width:40px;padding-top:10px;height:30px;margin:auto 1px}
#main .content-numero .fa{color:#000;font-size:22px}
#main .content-numero .corrente{background-color:#0FC; color: #fff;font-weight:700;margin:0 auto}
#main .mappa_dettaglio { border: 2px solid #fff!important; background-color: #999; width:100%; min-height: 300px; margin-top: 25px;}


#footer { width: 100%; margin: 0 auto; text-align: center; position: relative; }
#footer .background_image_footer { width: 100%; background-image: url(../images/bg_parallax_footer.png); background-position: center center; background-size: cover; position: relative; height: 331px; position: relative; top:100px; bottom: 100px;}
#footer .content { width:100%; max-width: 1360px; margin: 0 auto;} 
#footer .menu { width:100%;margin:0 auto; padding-top: 20px; text-align: center;}
#footer .menu a { color: #fff; text-decoration: none;}
#footer p { position: relative; z-index: 3;}
#footer .list_menu { width: auto; margin:0 1%; text-align: right; display: inline-table;}
#footer .divider { width: 1px; margin:0 0.5%; padding: 9px 0 0 0;background-color: #f4f4f4; text-align: right; display: inline-table;}
#footer .img_impatto {right:0; top: -70px; width: 25%; position: absolute; overflow: hidden; }
#footer .vuoto { float:left; width:25%;}
#footer .bg_opac { background-color: #000; margin-top: -10px;}
#footer .cl_100_footer { width:100%; margin: 90px auto 45px auto; font-size: 12px;}
#footer .logo_footer { width:100%; max-width: 290px; text-align: center; margin: 0 auto 20px auto; }
#footer .logo_footer img { width:100%; text-align: center; margin: 0 auto;}
#footer .desc_footer { width:80%; margin:0 auto; color: #fff;}
#footer .container { width: 100%; margin:0 auto 0 auto; padding-top: 25px; max-width: 1302px; padding:20px 0 ; z-index: 1;}
#footer .spot { width:70%; float: left; text-align: center; padding-top: 100px; height: 397px}
#footer .spot_title  { font-size: 48px; text-transform: uppercase; font-weight: 300; letter-spacing: -2px;}
#footer .spot_subtitle  { font-size: 18px; text-transform: uppercase; font-weight: 300; letter-spacing: -1px;}
#footer .spot_txt  { font-size: 28px; text-transform: uppercase; font-weight: 300; letter-spacing: -1px;}
#footer .spot_button  { font-size: 18px; text-transform: uppercase; font-weight: 700; letter-spacing: -1px; color: #fff; padding: 15px 1%; width: 200px; margin: 15px auto; background-color: #c11313; }
#footer .dati { width:100%;  text-align: center; font-size: 18px; margin-top: 15px; color: #fff; padding:0 1%;}
#footer .dati a{color: #fff;}
#footer .logo { width: 48%; float: left; height: auto; margin: 25px auto; padding:0 1%;}
#footer .logo img { width: 100%; height: auto; max-width: 370px;}

.parallax-window {
    min-height: 600px;
    background: transparent;
}
.parallax-italia {
    min-height: 300px;
    background: transparent;
}
.toggle_avanzata{
        width: 100%;
		display: none;
        background-color: rgba(250,250,250,1.00)!important
    }
    .box-inner{
        padding: 10px;
    }

/*form*/
.content_form {float: left;width: 50%;padding: 20px 2.5%;}
.content_form p {color: #404040; text-align: center;}
.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: #009c4b;}
.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;}
input[type="text"]  {display:block; border: 1px solid #afafaf; padding: 2px 2%; font-size: 14px; border-radius: 3px; width:96%; height:25px;}
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:#009c4b; color:#fff; font-weight:bold;}
/*orari*/
.orari { width:50%; padding:20px 2.5%; height:auto; height:auto; text-align:center; color:#fff; float: left;}
.orari p { color: #404040;}
.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:24%; margin:0 0.5%; height:20px; float:left; color:#333;}
.mattina { width:34%; height:100%; float:left;}
.pausa { width:4%; height:100%; float:left;}
.pomeriggio { width:34%; height:100%; float:left;}
.verde { background-color:#009c4b;} 
.rosso { background-color:#261c4d;}

@media screen and (max-width: 1246px) {
	.grid figure h2 { font-size: 20px!important}
}

@media screen and (max-width: 1046px) {
	#header .flagbox {display: inline;
position: absolute;
right: 23px;
top: 15px;}
	#header .flag { width: auto;}
	#header .divider {display: none;}
	#header .list_menu { margin: 28px 0 0 2%;}
	#header .logo img { width: 195px;}
	#header .bg_header { height: 110px; background-position: center}
	#header .logo { margin: 7px 0;}
	.grid figure { width: 50%!important; min-width: 50%!important;}
	.tiltview { left: 0!important; right: 0; top: inherit!important; width: 100%!important; bottom: 0; opacity: 0.4; }
	.description { width: 100%!important; padding: 0!important}
	#main .button_slide {width: 300px!important}
	#main .about_title { padding: 0;}
}

@media screen and (max-width: 800px) {
	#trigger-overlay { display: inline-block; color: #fff!important; border-radius: 3px; float: right; background-color: #020259; border: none; padding: 5px 15px; margin: 16px 8.8px;}
	#header .flag { max-width: 29px; width: 29px;}
	#header .list_menu { display: none;}
	.grid figure { width: 49%!important; min-width: 49%!important; margin: 0 auto!important}
	.grid { display: inline-block!important;}
	.img_block_index_chisiamo { height: 300px; border-bottom: 7px solid #444; position: relative;}
	#main .img_block_index_chisiamo img { bottom: 0; left: 0; right: 0; height: 250px; width: auto;}
	#main .cl_75 { text-align: center; width: 98%; float: none;}
	#main .cl_75 h2 { text-align: center!important;}
	#footer .background_image_footer { height: auto;}
	#main .desc_slide { font-size: 16px!important;}
	#main .bg_chisiamo_subpage { height: 200px;}
	#main .about { text-align: center;}
	#main .cl_80_prodotti { float: right; width: 55%; min-height: 400px;}
	#main .cl_20_filtro { width: 45%;}
	#main .container_info_dettaglio { width: 98%;}
	#main .rowBorder_intero span,#main .rowBorder span, #main .rowBorder_intero p { font-size: 11px;}
	#main .container_dettaglio_prodotti { width: calc(55% - 1px); border-left: 1px solid #444; float: right;}
	#main .cl_20_prodotti_categorie { width: 45%; text-align: left; float: left;}
	.grid-prodotto { width: 80%; margin: 10px auto; float: none;}
	.grid-prodotto h2 { font-size: 2.9vw; padding: 2% 0;}
	#main .bg_product_subpage { height: 200px;}
	.realizzazioni { width: 48.7%;}
	#main .about_title { text-align: center; margin: 0;}
	#main .cl_download { width:47%; }
	#main .h3_titolo_prodotto { margin: 0 auto}
	#main .square_detail { margin: 20px 0 0 10px}
	.orari { width: 100%;}
	.content_form { width: 100%}
	table { margin: 0 4.5%}


}

@media screen and (max-width: 567px) {
	.grid figure { width: 99%!important; min-width: 99%!important;}
	.bg_home { padding: 5px 0 }
	.img_block_index_chisiamo { display: none;}
	.realizzazioni { width: 98.7%;}
	.tab_orari { font-size: 14px;}

	.regione .titolo h1 {font-size: 18px}
	.regione .titolo .line {margin-top: 11px; width: 35%}
}