/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html, body  { height:100%; width:100%; margin:0; padding:0;}
body { font-size:62.5%; text-align:center; font-family: 'Lato', sans-serif;}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
	max-width:100%;
	height:auto;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}
/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

dl, menu, ol, ul {
    margin: 0;
}

::-webkit-input-placeholder {
   color: #fff;
}

:-moz-placeholder { /* Firefox 18- */
   color:  #fff;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color:  #fff;  
}

:-ms-input-placeholder {  
   color:  #fff;  
}
a { -webkit-transition: all .3s ease; transition: all .3s ease }
.text a { color:#8670b1}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */


.logo { background-repeat:no-repeat; background-size:contain; height:2.5em; background-position:center; margin-top:1.5em; }
.logo a { display:block; width:18em; height:4em; margin:auto; position:relative; z-index:200 }
header { height:8.5em; overflow:hidden;}
.box_menu { background:#8670b1; cursor:pointer; color:#fff; height:3.5em;  width:18em; line-height:3.5; -webkit-transition: all .2s ease; transition: all .2s ease; background-image:url(../images/drop-menu.svg); background-repeat:no-repeat; background-size:15px}
.products { position:absolute; left:0; top:4em; z-index:200; text-align:left;}
.products__title { text-align:left; padding-left:2em; background-position:95% 50%}
.applications { position:absolute; right:0; top:4em; z-index:200; text-align:right;}
.applications__title { text-align:right; padding-right:2em; background-position:5% 50%; }
.box_menu:hover { width:20em}
.box_menu.menu_open:hover, .box_menu.menu_openApp:hover { width:18em}
.box_menu span { font-size:1.5em; text-transform:uppercase;line-height:2.2;}
.referenza { position:absolute; bottom:0rem; left:0; background:rgba(218,41,28,0.9); z-index:200; text-align:left;}
.referenza__titolo { text-align:left; padding-left:2em; background-color:#da291c; background-position:95% 50%; cursor:pointer; color:#fff; height:3.5em;  width:18em; line-height:3.5; -webkit-transition: all .2s ease; transition: all .2s ease; background-image:url(../images/drop-menu-ref.svg); background-repeat:no-repeat; background-size:15px;  }
.referenza__titolo span { font-size:1.5em; text-transform:uppercase;line-height:2.2;}
.referenza__elenco { display:none}
.referenza__elenco ul { margin:0; padding:0;border-top:1px solid #000000}
.referenza__elenco li a { padding:0.5em 0; display:block; border-bottom:1px solid #000000; color:#fff; line-height:1.2; font-size:1em; text-transform:uppercase; text-decoration:none; padding-left:1.6em; position:relative;}
.referenza__elenco li a:hover { color:#000000}
.referenza__elenco li.active a {    color: #fff; background: #000000;}
.referenza__elenco_show { display:block; height:100%}
.referenza__show { top:3em; min-height: 80vh}
.referenza__titolo.menu_open, .products__title.menu_open, .applications__title.menu_openApp {background-image:url(../images/drop-menu_close.svg);}

.header_image { position:relative}
.header_image h1 { position:absolute; text-align:left; top:40%; margin:0; padding:0.2em; padding-left:1em; font-size:3.5em; letter-spacing:3px; -webkit-transition: all .2s ease; transition: all .2s ease; z-index:199; background:rgba(255,255,255,0.5)}
.header_image h1.h1_moved { padding-left:8em; }
.header_image h1.h1_galvodeco { padding-bottom:0; padding-right: 0;}
.header_image_empty { background-color:rgba(132,112,172,0.3); height:5em !important; padding-bottom:0 !important}

.freccia_giu { background:url(../images/giu.svg); width:6.3em; height:3em; position:absolute; bottom:0; left:0; right:0; margin:auto; z-index:150; background-repeat:no-repeat; background-position:center bottom; cursor:pointer; }
.freccia_giu i { font-size:2em; line-height:2}

.slides { /*opacity: 0.7; filter: alpha(opacity=70);*/ /* For IE8 and earlier */}
.slidesContainer {  margin:0 8em; background-repeat:no-repeat; padding: 0; background-position: top center; background-size: contain;}/*858x519*/

.text { max-width:81em; margin:0 auto; position:relative}
.text--white { background:#fff}
.text--format { font-size:2.5em; font-weight:300; line-height:1.5 }
.text--formatSmall { font-size:1.3em; font-weight:300; line-height:1.5; text-align:left; padding-top:2em }
.text--description_sx { text-align:left; width:50%; font-size:1.3em; float:left}
.text--description_sx p, .text--description_sx li { line-height:1.5}
.text--description_dx { text-align:left; width:40%; font-size:1.3em; float:left; margin-left:10%}
.text--application { background:#f2f2f2; width:80%; position:relative; margin:0 auto; margin-top:3em; padding:2em; text-align:left; padding-bottom:0}
.text--application h3 { margin:0; padding:0; position:absolute; left:-1em; top:-0.8em}
.nav_interno { margin:0; padding:0; list-style:none;display: flex; flex-wrap: nowrap; justify-content:space-around; margin-bottom:3em;  }
.nav_interno li { flex-grow:2; }
.nav_interno li a { text-transform:uppercase; font-size:1.5em; color:#000000; text-decoration:none; padding:3em 0 2em 0; display:block}

.button__red { display:inline-block; margin-right:2em; margin-bottom:2em; background:#da291c; -webkit-transition: all .3s ease; transition: all .3s ease;}
.button__red a { color:#fff; text-decoration:none; font-size:0.7em; text-transform:uppercase; padding:0 3em; display:inline-block; line-height:2.5 }
.button__red:hover {background:#8670b1}
.button__red_hp a { font-size:1em}
.button__red_hp { margin-right:0;}
.button__red_news { text-align:right;}
.button_red_image { position:absolute; bottom:0.1em; left:7em; font-size:1.5em}
.button_red_image i { font-size:1.2em; display:inline-block; padding-left:0.5em}
.button_red_issuu {  margin-right:0; margin-top:0.5em; margin-bottom:2em; font-size:1.5em}

.hp__references { position:relative; margin-top:4em  }
.hp__references:before { position:absolute; border-bottom:1px solid #000000; width:100%; content:""; left:0; top:1em  }
.hp__references h2 { font-size:2em; text-transform:uppercase; background:#fff; display:inline-block; margin:0 auto; padding:0 2em; position:relative; z-index:3}
.hp__references--img { margin:3em 0; overflow:hidden; height:33em; position:relative; }
.hp__references--imgsingola { position:absolute; left:0; right:0; margin:auto; -webkit-transition: all .3s ease; transition: all .3s ease;}
.hp__references--titolo { position:absolute; width: 7em; font-size:3em; padding: 0.3em; background: rgba(255,255,255,0.7); text-align: left; color: #000; font-weight: bold; left:-2em; top:-4em}
.hp__references--freccia { position:absolute; top:45%; border:1px solid #000; padding: 0em 0.4em; font-size: 2em; cursor:pointer; z-index:150; -webkit-transition: all .3s ease; transition: all .3s ease;}
.hp__references--img ul { list-style:none;}
.imgsingola0 { left:-30%; right:auto; opacity:0.5}
.hp__references--imgsingola a { position:relative;}
.imgsingola2 { right:-30%; left:auto; opacity:0.5}
.imgsingola0 .hp__references--titolo, .imgsingola2 .hp__references--titolo { display:none}

.violetto { background:#8670b1; opacity:0.2; width:12em; height:15em; position:absolute; z-index:200; left:18em; bottom:-6em}

.news__titolo { position:relative; text-align:left;
background: rgb(242,235,247);
background: -moz-linear-gradient(left,  rgba(242,235,247,1) 50%, rgba(255,255,255,1) 50%);
background: -webkit-linear-gradient(left,  rgba(242,235,247,1) 50%,rgba(255,255,255,1) 50%);
background: linear-gradient(to right,  rgba(242,235,247,1) 50%,rgba(255,255,255,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ebf7', endColorstr='#ffffff',GradientType=1 );
}
.news__titolo_text { background:#f2ebf7; color:#8670b1; font-size:4em; display:inline-block; padding:0.2em 0; padding-right:0.5em; letter-spacing:2px; font-weight:bold}
.news { text-align:left;}
.news___bloccoSx { width:60%; float:left; padding-top:3em}
.news___bloccoDx { width:30%; margin-left:10%; float:left; background:url(../images/newsletter.jpg) no-repeat; min-height:30em; background-size:contain; position:relative;}
.news__data { float:left; width:20%; border-top:1px solid #000000; font-size:0.7em; padding-top:0.5em; margin-top:0.6em}
.news__testo { float:left; width:77%; margin-left:3%;}
.news__testo p { font-size:1.2em; line-height:1.5}
.news__testo h2 { margin:0; padding:0; font-weight:300; font-size:2.3em}
.news__link { color:#da291c; text-decoration:none; font-size:0.8em;}
.news__singola { margin-bottom:3em}
.news__img { padding-top:4em}
.newsletter__rosso { background:rgba(218,41,28,0.8); width:20em; height:12em; position:absolute; margin-top:4em; margin-left:6em}
.newsletter__titolo1 { color:#fff; position:absolute;margin-top:1em; margin-left:3em; font-size:2em; z-index:2}
.newsletter__titolo2 { color:#fff; position:absolute;margin-top:2em; margin-left:3.8em; font-size:2em; z-index:2}
.newsletter__titolo1:after { content:""; border-top:2px solid #fff; width:1em; position:absolute; margin-top:0.6em; margin-left:0.2em}
.newsletter_form { padding-top:4em; padding-left:2em}
.newsletter_form_input { border:none; border-bottom:1px solid #fff; color:#fff; font-style:italic; font-size:1.1em; padding:0.2em; padding-left:0; margin-bottom:0.5em; background:none;}
.newsletter_form_submit { border:none;color:#000; font-size:1.1em; padding:0.2em; margin-bottom:0.5em; margin-left:10em; margin-top:0.5em; cursor:pointer; background:none;}

.products__items { background:rgba(132,112,172,0.9); width:18em; display:none; }
.products__items ul { margin:0; padding:0; width:18em}

.menu_gen_open, .menu_gen_openApp { display:block; -webkit-transition: all .5s ease; transition: all .5s ease; position:relative; overflow:hidden;}
.menu_top1 { position:absolute; width:40%; text-align:center; left:10% }
.menu1 li { display:inline-block;}
.menu_top2 { position:absolute; width:40%; left:50%; text-align:center; }
.menu2 li { display:inline-block; position:relative}
.menu1 li a, .menu2 li a { color:#000000; text-decoration:none; padding:0 1em; padding-top:2em; display:block; font-size:1.2em; position:relative }
.menu1 li a:hover, .menu2 li a:hover { color:#8670b1}

.products__items ul.ul1, .products__items ul.ul1App { border-top:1px solid #000000}
.products__items ul.ul2, .products__items ul.ul2App { margin-left:18em; display:none; position:absolute; top:0; border-top:1px solid #000000 }
.products__items ul.ul3, .products__items ul.ul3App { margin-left:18em; display:none; position:absolute; top:0; border-top:1px solid #000000 }

.lingue, .lingua__short { display:none;}
.lingue { position:absolute; background:#fff; z-index:199; left:0; text-align:left; padding-top:1em}
.linguaAttuale:after { content:"\f107"; position:absolute; right:-0.2em; font-size:1.3em; line-height:1.2; font-family:'fontawesome'; color:#000000 }
.menu2 li .lingue a { padding:0.5em 1em; border-top:1px solid #eee}

.products__items ul.ul1 li a, .products__items ul.ul1App li a { padding:0.5em 0; display:block; border-bottom:1px solid #000000; color:#fff; line-height:1.2; font-size:1.3em; text-transform:uppercase; text-decoration:none; padding-left:1.6em; position:relative; word-wrap: break-word; }
.products__items ul.ul1App li a { padding-right:1.6em; padding-left:0}
.products__items ul.ul2 li a, .products__items ul.ul2App li a { color:#000; font-size:0.9em; padding-left:2em; padding-right:1em; word-wrap: break-word;}
.products__items ul.ul2 li a:hover, .products__items ul.ul2App li a:hover { color:#fff}
.products__items ul.ul2 li.selected a, .products__items ul.ul2App li.selected a { color:#fff; background:#000000;}
.products__items ul.ul2 li a.menu_close, .products__items ul.ul2App li a.menu_closeApp { color:#fff; background:#000000; padding-left:1.4em; padding-right:3em}

.menu_visible { display:block !important}
.menu_int:after, .menu_int2:after { content:"\f105"; position:absolute; right:1em; font-size:1.5em; line-height:0.7; font-family:'fontawesome'; top:25%; color:#000000 }
.menu_intApp:after, .menu_int2:after { content:"\f104"; position:absolute; left:1em; font-size:1.5em; line-height:0.7; font-family:'fontawesome'; top:25%; color:#000000 }
.products__items ul.ul2 li a.menu_close:after, .products__items ul.ul2 li a.menu2_close:after { content:"\f104"; position:absolute; right:1em; font-size:1.5em; line-height:0.7; font-family:'fontawesome'; top:25% }
.products__items ul.ul2App li a.menu_closeApp:after, .products__items ul.ul2App li a.menu2_closeApp:after { content:"\f105"; position:absolute; left:1em; font-size:1.5em; line-height:0.7; font-family:'fontawesome'; top:25% }

.snodo { padding:3em 0; text-align:left; position:relative;}
.snodo__h3 { margin:0; padding:1%; background:#f2ebf7; color:#8670b1; display:inline-block; text-align:left; padding-right:10em; margin-bottom:1em; width:39%}
.snodo__singola { width:30%; margin-right:5%; background-color:#eee; float:left; min-height:20em; display:block; margin-bottom:6em; position:relative; background-size:cover; text-align:left; cursor:default }
.cursor_pointer { cursor:pointer;}
.snodo__singola_int { width:30%; margin-right:5%;  float:left; min-height:33em; display:block; margin-bottom:3em; position:relative; text-align:left; }
.snodo__singola--image { background-size:contain; height:100%; width:100%; background-position:center; min-height:20em; background-color:#eee; border:1em solid #eee; position:relative; margin-bottom:2em; background-repeat:no-repeat; cursor:pointer}
.snodo__opacity { opacity:0.7; width:100%; height:100%; position:absolute; background:#fff }
.snodo__singola_int.clonato { width:100%; position:absolute; left:0; z-index:100}
.snodo__singola--small { width:9%; margin-right:1%; background:#eee; float:left; height:5em; display:block; margin-bottom:2em; position:relative; }
.snodo__singola:nth-child(3n+0), .snodo__singola_int:nth-child(3n+0) { margin-right:0}
.snodo__singola span, .snodo__singola_title { position:absolute; text-decoration:none; color:#000000; text-align:left; bottom:-0.5em; font-size:2.5em; -webkit-transition: all .5s ease; transition: all .5s ease;}
.cursor_pointer:hover span { color:#8670b1}
.snodo__singola_title { bottom:-0.8em; left:-0.4em;}
.snodo__singola--small span { position:absolute; text-decoration:none; color:#000000; text-align:left; bottom:-0.5em; left:0; font-size:0.8em}
.snodo__singola_colorbox { width:100%; height:100%; display:block; text-decoration:none}
.snodo__singola_colorbox i { position:absolute;  color:#8670b1; font-size:1.5em; top: -0.6em; right: -0.6em; padding: 0.5em; /*background-color:#ddd;*/}
.text--collection__wishlist, .text--collection__request { padding-top:1.5em; text-align:left}
.text--collection__wishlist a { text-decoration:none; text-transform:uppercase; color:#000000; background-image:url(../images/wishlist_icon.svg); background-repeat:no-repeat; padding-left:4em; padding-top:2em; display:block; font-size:0.8em; background-size:contain;}
.text--collection__wishlist a.wishlist_selected { background-image:url(../images/wishlist_icon_on.svg); }
.text--collection__request a, .snodo__back a {color:#fff; text-decoration:none; font-size:1em; text-transform:uppercase; padding:0 2em; display:inline-block; line-height:2.5;background:#da291c;}
.snodo__back { position:absolute; }
.snodo__titolo { color:#8670b1; text-transform:uppercase; font-size:3em;}
.snodo__titolo_int { padding-bottom:1em; padding-top:2em;}
.snodo__titolo_int_piccolo { padding-bottom:1em; font-size:2em; text-align:left; padding-top:1em}
.snodo__titolo_int_piccolo a { display: inline-block; padding-left:0.5em; color:#8670b1}
.snodo_sottotitolo { padding:1em 0; text-align:center; font-size:1.5em}
.wish__under { border-top:1px solid #8670b1;}
#wishlist_reset_btn { padding-top:0.5em; color:#8670b1; font-size:2em; text-decoration:none; display:block; text-align:left; float:right;}
#wishlist_send_btn { padding-top:0.5em; color:#8670b1; font-size:2em; text-decoration:none; display:block; text-align:left;}
#wishlist_reset_btn:hover, #wishlist_send_btn:hover { color:#000000}
.text--tab { display:none}
.text--tab__active { display:block;}
.text--issuu { min-height:50em}
.text--issuu--50 { height:50em}
.text__search { padding-top:5em; text-align:left}
.ricerca { padding-bottom:1em; margin-bottom:1em; border-bottom:1px solid #eee; clear:both;}
.ricerca h3 { margin:0; padding:0; padding-top:0.5em}
.search-input_int { background:none; border:none; border-bottom:2px solid #8670b1; margin-bottom:20px; margin-top:10px}
	.search-submit_int { background:none; border:none; width:30px; position:absolute;}
	.icon-search_int { position:absolute; margin-left:5px; margin-top:6px}

.nav_interno li a.tab_click_sel { color:#da291c; background:#fbe9e8}
.nav_interno li a:hover { color:#da291c;}
.briciole { position:absolute; left:0; right:0; margin:auto; margin-top:1em; z-index:10}
.briciole a { color:#666666; text-decoration:none; text-transform:lowercase; font-size:0.9em }
.briciole a:hover { color:#000}
.briciole i { padding:0 0.5em}
.id2 .briciole { display:none}
.viewer-pdf { width:100%; height:70em}
.fullscreen { position:absolute; right:2.5em; bottom:2em}
.fullscreen_mode { display:inline-block; padding-left:2em; font-size:10px; width:80px; text-align:left; color:#000}

.colorbox_msg { color:#333}
.colorbox_msg h2 { margin:0; padding:0; font-size:1.6em; padding-top:1em; text-decoration:underline; color:#8670b1}
.colorbox_msg p { padding:0 1em; font-size:1.4em  }

.wishlist_show { text-align:left; background-image:url(../images/wishlist_icon.svg); background-repeat:no-repeat; background-size:2em; background-position:1em bottom}
.menu2 li.wishlist_show a { padding-left:3em; display:block; color:#8670b1}
.menu2 li.wishlist_show a span { font-weight:bold}
.wishlist_already { display:none;}
.wishlist_already_lista { display:block;}
#wishlist_text_complete span.no { padding-top:4em; display:block; font-size:2em}

.contact_us_box { background:#f2f2f2; color:#000000; text-align:left; padding:1em; position:relative; margin-top:2em }
.contact_us__title { position:absolute; font-size:3em; letter-spacing:2px; margin-top:-1em; margin-left:-1em}
.contact_us__text1 { width:70%; padding-top:1em; line-height:1.5}
.contact_us__text1 span { text-transform:uppercase; font-weight:bold;}
.contact_us__btn a, .submitto_modulo { display:inline-block; padding:0.5em 3em; font-size:1em; text-transform:uppercase; margin:1em 0; color:#fff; background:#da291c; text-decoration:none; border:none; cursor:pointer }
.contact_us__text2 p { margin:0; padding:0; line-height:1.5}
#form_campo_prodotto { display:none;}

.modulo_testo, #map_canvas { float:right; width:45%; margin-top:5em; text-align:left}
.modulo { text-align:left;}
.modulo_modello { margin-bottom:1em; font-weight:bold; border-bottom:1px solid #efefef}
#map_canvas { margin-left:10%; height:20em}
.modulo_campo { padding-top:0.5em;}
.box, .modulo_campo select { border:1px solid #efefef; background-color:#efefef; padding:0.6em; width:80%}
.modulo_errore { text-align:left; color:#fff; padding:1em; background-color:#da291c; margin:2em 0}

.topGrigio { background-color:#eee;}
.topGrigio a { color:#000; text-decoration:none; font-size:0.8em}
.topGrigio .menu2_lan, .topGrigio .wishlist_show, .topGrigio .search { display:inline-block; position:relative; padding:0 2em}
.topGrigio .linguaAttuale:after { right:0.5em}
.topGrigio .wishlist_show { background-size:1.2em; background-position:left bottom; margin-left:2em}
.topGrigio .search-input_int { background:#fff; border:none; margin-top:10px; margin-bottom:10px}
.topGrigio .search-submit_int { background:none; border:none; width:30px; position:absolute; top: 0.3em; right: 0.1em;}
.topGrigio .icon-search_int { position:absolute; top: 0.3em; right: 0.1em;}
.topGrigio .lingue { margin-top:1em; padding-top:0; left:2em;}
.topGrigio .lingue a { display:block; padding:0.5em 0}
.topGrigio .lingue a:hover { color:#8670b1}

.print_ico { position:absolute; right:0; top:2em; }
.print_ico a { color:#8670b1; text-decoration:none; font-size:3em}

.prospetto_frame { display:none; height:60em; margin:3em 0}
.prospetto_single { float:left; width:23%; margin:0 1%; cursor:pointer; margin-top:1%; min-height: 28rem}
.issuu_company .prospetto_single { float:none; display: inline-block; width:23%; margin:0 1%; cursor:pointer; margin-top:1%; min-height: 28rem}
.prospetto_single h4 { font-size:1.2em; color:#8670b1; margin:0.5em 0;}

.issuu_company { height:auto/*90vh*/; font-size: 15px; margin-bottom: 3rem;}

.configurator_button { background-color: rgba(218,41,28,0.80); padding-left: 1em; margin-left: -1em}
.configurator_button a { color:#FFFFFF; font-size: 0.25em; display: block; padding:1em 0; text-transform: uppercase; text-decoration: none; font-weight: normal; padding-right: 2.5em; letter-spacing: 1px; -webkit-transition: all .3s ease; transition: all .3s ease;}
.configurator_button a:hover { color:#000; }
.h1_moved .configurator_button { padding-left: 9em; margin-left: -9em}
.configurator_button a:after { content: "\f105"; position: absolute; right: 1em; font-family: 'fontawesome'; line-height: 1.3}

.azienda_picture { padding-top:2em; text-align: center}
.azienda_picture img { margin: 0 1em}

.job { margin-top: 3rem; border-bottom:1px solid rgba(132,112,172,0.3); text-align: left;}
.job_data { font-size: 0.8rem; background:rgba(132,112,172,0.3); display: inline-block; padding: 0.2rem 0.5rem; margin-bottom: 0.5rem;}
.job_download { font-size:1.2rem}

@-webkit-keyframes menu {
    /*0%   {margin-left:0em; display:block;}
    100% { margin-left:-18em; display:block;}*/
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(-18em);
		transform: translateX(-18em);
	}
}
@-webkit-keyframes menuApp {
	/*0%   {margin-left:0em; display:block;}
    100% { margin-left:-18em; display:block;}*/
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(-18em);
		transform: translateX(-18em);
	}
}
@-webkit-keyframes menu2 {
    /*0%   {margin-left:-18em; display:block;}
    100% { margin-left:-36em; display:block;}*/
	
	from {
		-webkit-transform: translateX(-18em);
		transform: translateX(-18em);
	}
	to {
		-webkit-transform: translateX(-36em);
		transform: translateX(-36em);
	}
}
@-webkit-keyframes close {
    /*0%   {margin-left:-18em; display:block;}
    100% { margin-left:0em; display:block;}*/
	
	from {
		-webkit-transform: translateX(-18em);
		transform: translateX(-18em);
	}
	to {
		-webkit-transform: translateX(0em);
		transform: translateX(0em);
	}
}
@-webkit-keyframes closeApp {
    /*0%   {margin-left:-18em; display:block;}
    100% { margin-left:0em; display:block;}*/
	from {
		-webkit-transform: translateX(-18em);
		transform: translateX(-18em);
	}
	to {
		-webkit-transform: translateX(0em);
		transform: translateX(0em);
	}
}
@-webkit-keyframes close2 {
    /*0%   {margin-left:-36em; display:block;}
    100% { margin-left:-18em; display:block;}*/
	from {
		-webkit-transform: translateX(-36em);
		transform: translateX(-36em);
	}
	to {
		-webkit-transform: translateX(-18em);
		transform: translateX(-18em);
	}
}
@keyframes menu {
    /*0%   {margin-left:0em; display:block;}
    100% { margin-left:-18em; display:block;}*/
	
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(-18em);
		transform: translateX(-18em);
	}
}
@keyframes menuApp {
    /*0%   {margin-left:0em; display:block;}
    100% { margin-left:-18em; display:block;}*/
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(-18em);
		transform: translateX(-18em);
	}
}
@keyframes menu2 {
    /*0%   {margin-left:-18em; display:block;}
    100% { margin-left:-36em; display:block;}*/
	from {
		-webkit-transform: translateX(-18em);
		transform: translateX(-18em);
	}
	to {
		-webkit-transform: translateX(-36em);
		transform: translateX(-36em);
	}
}
@keyframes close {
    /*0%   {margin-left:-18em; display:block;}
    100% { margin-left:0em; display:block;}*/
	from {
		-webkit-transform: translateX(-18em);
		transform: translateX(-18em);
	}
	to {
		-webkit-transform: translateX(0em);
		transform: translateX(0em);
	}
}
@keyframes closeApp {
    /*0%   {margin-left:-18em; display:block;}
    100% { margin-left:0em; display:block;}*/
	from {
		-webkit-transform: translateX(-18em);
		transform: translateX(-18em);
	}
	to {
		-webkit-transform: translateX(0em);
		transform: translateX(0em);
	}
}
@keyframes close2 {
    /*0%   {margin-left:-36em; display:block;}
    100% { margin-left:-18em; display:block;}*/
	from {
		-webkit-transform: translateX(-36em);
		transform: translateX(-36em);
	}
	to {
		-webkit-transform: translateX(-18em);
		transform: translateX(-18em);
	}
}

/* The element to apply the animation to */
.move_sx {
    -webkit-animation-name: menu;
    -webkit-animation-duration: 0.3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode:forwards;
    animation-name: menu;
    animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
.move_sxApp {
    -webkit-animation-name: menuApp;
    -webkit-animation-duration: 0.3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode:forwards;
    animation-name: menuApp;
    animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
.move_sx2 {
    -webkit-animation-name: menu2;
    -webkit-animation-duration: 0.3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode:forwards;
    animation-name: menu2;
    animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
.close_sx {
    -webkit-animation-name: close;
    -webkit-animation-duration: 0.3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode:forwards;
    animation-name: close;
    animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
.close_sxApp {
    -webkit-animation-name: closeApp;
    -webkit-animation-duration: 0.3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode:forwards;
    animation-name: closeApp;
    animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
.close_sx2 {
    -webkit-animation-name: close2;
    -webkit-animation-duration: 0.3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode:forwards;
    animation-name: close2;
    animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}

footer { padding-bottom:2em}
.footer_logo { background:url(../images/footer_2022.jpeg) no-repeat center; background-size:contain; width:32em; height:3em; margin:8em auto; margin-bottom:1em}
.menu_footer { margin:0; padding:0;}
.menu_footer li { display:inline-block; border-right:1px solid #000; vertical-align: middle;}
.menu_footer li:last-child { border:none}
.menu_footer li a { color:#da291c; text-decoration:none; display:inline-block; padding:0 0.5em}
.menu_footer li a:hover { color:#000}
.menu_footer li a img { height: 16px; width: auto; vertical-align: middle;}

.slidesjs-navigation { position:absolute; width:2.5em; height:2.5em; border:1px solid #000000; cursor:pointer; z-index:199; text-decoration:none; display:block   }
.slidesjs-navigation:hover { border:1px solid #8670b1}
.slidesjs-previous { top:23em; right:3em}
.slidesjs-next { top:20em; right:2em}
.slides_tipo_1 .slidesjs-next { right:auto; left:3em; top:18em}
.slides_tipo_1 .slidesjs-previous { right:auto; left:2em; top:15em}
.slidesjs-next:before {content:"\f105"; font-size:2em; line-height:1.2; font-family:'fontawesome'; color:#000000}
.slidesjs-previous:before {content:"\f104";font-size:2em; line-height:1.2; font-family:'fontawesome';color:#000000}
.slidesjs-next:hover:before, .slidesjs-previous:hover:before {color:#8670b1}

.video-container { position: relative; padding-bottom: 35%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom:15px; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#menu_responsive { display:none}
#menu_contenuto { display:none}
#lingue_resp {display:none}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 1200px) {
	body { font-size:70%}
}
@media only screen and (min-width: 1300px) {
	body { font-size:80%}
}
@media only screen and (min-width: 1500px) {
	body { font-size:90%}
}
@media only screen and (max-width: 1200px) {
	.lingua__long{ display:none;}
	.lingua__short { display:inline-block; text-transform:uppercase}
	.menu_top1 { left:7%}
	.menu_top2 { left:48%}
	.text { max-width: 90%;}
	.menu1 li a, .menu2 li a { padding:0 0.5em; padding-top:2.5em}
}
@media only screen and (max-width: 800px) {
	.azienda_picture img { display: block; margin: 2em auto;}
	.menu_top1, .menu_top2, .topGrigio {display:none}
	.logo { height:2.5em; margin-top:1em; }
	.box_menu span { font-size:1.2em}
	.products, .applications { top:5em;}
	.box_menu { width:15em}
	.box_menu:hover { width:15em}
	.header_image { margin-top:2em;}
	.slidesContainer { margin:0 2em}
	.header_image h1 { font-size:1.5em;}
	.header_image h1.h1_galvodeco { padding-bottom:0.2em; padding-right: 0.2em;}
	.configurator_button { display:none;}
	.freccia_giu { display:none;}
	.slides { /*opacity: 0.7; filter: alpha(opacity=70);*/ /* For IE8 and earlier */}
	.text--format { font-size:1.5em; padding-top:1em}
	.violetto { width: 6em; height: 7em; left: 4em; bottom: -4em;}
	.products__items {width:15em}
	.products__items ul.ul2 li a, .products__items ul.ul2App li a { font-size:1.2em; padding-right:0.5em}
	.box_menu.menu_open:hover, .box_menu.menu_openApp:hover { width:15em}
	.menu_gen_open, .menu_gen_openApp { height:100%}
	.products__items ul.ul2, .products__items ul.ul2App { margin-left:15em}
	.products__items ul { width:15em}
	.nav_interno { margin: 0px 0px 1em;}
	.nav_interno li a { font-size:1em }
	.slidesjs-navigation { display:none;}
	.text--description_sx { width:100%; font-size:1.4em; float:none}
	.text--description_sx p, .text--description_sx li { line-height:1.5}
	.text--description_dx { width:100%; font-size:1.3em; float:none; margin-left:0%; margin-top:4em}
	.contact_us__title { font-size:2em;}
	.footer_logo { margin:0em auto 1em; width: 15em;}
	.altezza_100 { height:200%}
	.snodo__singola { min-height:9em;}
	.snodo__singola span, .snodo__singola_title { font-size:1.5em}
	.briciole {margin: 2.5em auto auto;}
	.button_red_image { left:0}
	.button__red a {padding: 0px 1em;}
	footer { margin:0 1em}
	
	.hp__references { position:relative; margin-top:4em; overflow:hidden  }
	.hp__references:before { position:absolute; border-bottom:1px solid #000000; width:100%; content:""; left:0; top:1em  }
	.hp__references h2 { font-size:2em; text-transform:uppercase; background:#fff; display:inline-block; margin:0 auto; padding:0 2em; position:relative; z-index:3}
	.hp__references--img { margin:3em 0; overflow:hidden; height:auto; position:relative; }
	.hp__references--imgsingola { position:relative; left:0; right:0; margin:auto; -webkit-transition: all .3s ease; transition: all .3s ease; margin-bottom:2em}
	.hp__references--titolo { position:absolute; width: 7em; font-size:1.5em; padding: 0.3em; background: rgba(255,255,255,0.7); text-align: left; color: #000; font-weight: bold; left:-1em; top:-4em}
	.hp__references--freccia { display:none}
	.hp__references--img ul { list-style:none; margin:0 2em; padding:0}
	.imgsingola0 { left:-30%; right:auto; opacity:0.5}
	.hp__references--imgsingola a { position:relative;}
	.imgsingola2 { right:-30%; left:auto; opacity:0.5}
	.imgsingola0 .hp__references--titolo, .imgsingola2 .hp__references--titolo { display:none}
	
	.news___bloccoSx { float:none; width:100%;}
	.news___bloccoDx { float:none; width:100%; margin-left:0; margin-bottom:4em; min-height:23em;}
	.news__singola { margin-bottom:1em;}
	
	#menu_responsive { display:block; position:absolute; background-image:url(../images/drop-menu_viola.svg); background-repeat:no-repeat; height:2em; width:2em; background-size:contain; top:1em; left:2em; cursor:pointer;}
	#menu_responsive span { font-size:1.5em; padding-left:1.5em; color:#8670b1; display:block}
	#menu_contenuto { position:absolute; text-align:left; top:5em; background:#fff; z-index:300}
	#menu_contenuto ul { list-style:none; padding:0; margin:0; width:15em; border-top:1px solid #8670b1 }
	#menu_contenuto ul li a { font-size:1.3em; padding:0.5em 1em; color:#8670b1; border-bottom:1px solid #8670b1; text-decoration:none; line-height:1.5; width:100%; display:block;}
	.wishlist_show { background-position: 1em center; list-style: none; width: 15em;}
	.wishlist_show a {font-size: 1.3em;
    padding: 0.5em 1em;
    color: #8670b1;
    border-bottom: 1px solid #8670b1;
    text-decoration: none;
    line-height: 1.5;
    width: 100%;
    display: block; padding-left:3em; }
	
	#lingue_resp { display:block; position:absolute; right:2em; top:1em; z-index:300; font-size:1.3em}
	#lingue_resp ul { margin:0; padding:0; list-style:none;}
	#lingue_resp li a { color: #000000; text-decoration: none; display: block; font-size: 1.5em; padding-right:1em; position: relative;}
	.lingue { left:auto; right:0;}
	.lingue a { padding: 0.5em 1em; border-top: 1px solid #eee; display:block;}
	.snodo__singola { width:48%; margin-right:4%; background-color:#eee; float:left; min-height:15em; display:block; margin-bottom:6em; position:relative; background-size:cover; text-align:left; cursor:default }
	.snodo__singola_int { width:48%; margin-right:4%;  float:left; min-height:15em; display:block; margin-bottom:3em; position:relative; text-align:left; }
	.snodo__singola--image { background-size:contain; height:100%; width:100%; background-position:center; min-height:20em; background-color:#eee; border:1em solid #eee; position:relative; margin-bottom:2em; background-repeat:no-repeat; cursor:pointer}
	.snodo__singola--small { width:9%; margin-right:1%; background:#eee; float:left; height:5em; display:block; margin-bottom:2em; position:relative; }
	.snodo__singola:nth-child(3n+0), .snodo__singola_int:nth-child(3n+0) { margin-right:4%}
	.snodo__singola:nth-child(2n+0), .snodo__singola_int:nth-child(2n+0) { margin-right:0%}
	.text--collection__request a, .snodo__back a { line-height:1.2; padding:1em}
	.snodo__back { left:0; right:0; margin-top:4.5em;}
	.snodo__back a { font-size:1em !important}
	.snodo { margin: 5em 0; margin-bottom:0}
	.modulo_testo, #map_canvas { float:none; width:100%; margin-top:2em; text-align:left}
	#map_canvas { margin-left:0}
	.box, .modulo_campo select { font-size:16px; width:100%}
	.fullscreen { display:none;}
	.text { padding-bottom:5em}
	.text--white { padding-bottom:0}
	.menu2_lan { padding-right:1em;}
	.menu2_lan a { color:#000}
	.prospetto_single {width: 48%; min-height: 18rem;}
	
	@-webkit-keyframes menu {
		/*0%   {margin-left:0em; display:block;}
		100% { margin-left:-15em; display:block;}*/
		from {
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		to {
			-webkit-transform: translateX(-15em);
			transform: translateX(-15em);
		}
	}
	@-webkit-keyframes menuApp {
		/*0%   {margin-left:0em; display:block;}
		100% { margin-left:-15em; display:block;}*/
		from {
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		to {
			-webkit-transform: translateX(-15em);
			transform: translateX(-15em);
		}
	}
	@-webkit-keyframes menu2 {
		/*0%   {margin-left:-15em; display:block;}
		100% { margin-left:-30em; display:block;}*/
		
		from {
			-webkit-transform: translateX(-15em);
			transform: translateX(-15em);
		}
		to {
			-webkit-transform: translateX(-30em);
			transform: translateX(-30em);
		}
	}
	@-webkit-keyframes close {
		/*0%   {margin-left:-15em; display:block;}
		100% { margin-left:0em; display:block;}*/
		
		from {
			-webkit-transform: translateX(-15em);
			transform: translateX(-15em);
		}
		to {
			-webkit-transform: translateX(0em);
			transform: translateX(0em);
		}
	}
	@-webkit-keyframes closeApp {
		/*0%   {margin-left:-15em; display:block;}
		100% { margin-left:0em; display:block;}*/
		from {
			-webkit-transform: translateX(-15em);
			transform: translateX(-15em);
		}
		to {
			-webkit-transform: translateX(0em);
			transform: translateX(0em);
		}
	}
	@-webkit-keyframes close2 {
		/*0%   {margin-left:-30em; display:block;}
		100% { margin-left:-15em; display:block;}*/
		from {
			-webkit-transform: translateX(-30em);
			transform: translateX(-30em);
		}
		to {
			-webkit-transform: translateX(-15em);
			transform: translateX(-15em);
		}
	}
	@keyframes menu {
		/*0%   {margin-left:0em; display:block;}
		100% { margin-left:-15em; display:block;}*/
		
		from {
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		to {
			-webkit-transform: translateX(-15em);
			transform: translateX(-15em);
		}
	}
	@keyframes menuApp {
		/*0%   {margin-left:0em; display:block;}
		100% { margin-left:-15em; display:block;}*/
		from {
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		to {
			-webkit-transform: translateX(-15em);
			transform: translateX(-15em);
		}
	}
	@keyframes menu2 {
		/*0%   {margin-left:-15em; display:block;}
		100% { margin-left:-30em; display:block;}*/
		from {
			-webkit-transform: translateX(-15em);
			transform: translateX(-15em);
		}
		to {
			-webkit-transform: translateX(-30em);
			transform: translateX(-30em);
		}
	}
	@keyframes close {
		/*0%   {margin-left:-15em; display:block;}
		100% { margin-left:0em; display:block;}*/
		from {
			-webkit-transform: translateX(-15em);
			transform: translateX(-15em);
		}
		to {
			-webkit-transform: translateX(0em);
			transform: translateX(0em);
		}
	}
	@keyframes closeApp {
		/*0%   {margin-left:-15em; display:block;}
		100% { margin-left:0em; display:block;}*/
		from {
			-webkit-transform: translateX(-15em);
			transform: translateX(-15em);
		}
		to {
			-webkit-transform: translateX(0em);
			transform: translateX(0em);
		}
	}
	@keyframes close2 {
		/*0%   {margin-left:-30em; display:block;}
		100% { margin-left:-15em; display:block;}*/
		from {
			-webkit-transform: translateX(-30em);
			transform: translateX(-30em);
		}
		to {
			-webkit-transform: translateX(-15em);
			transform: translateX(-15em);
		}
	}
	
	
	
	
	
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
	body { padding:20px}
	.products, .applications, .menu_top1, .menu_top2, .freccia_giu, .briciole, .print_ico { display:none;}
	.header_image { height:100px !important}
	.header_image h1, .h1_gen { font-size:12px !important; position:relative; padding:0;}
    .slidesContainer {background: transparent !important;}
    * {
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    /*a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }*/

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}