/**
 * @package Omarv
 * @desc CSS
 * @author Graphic Design by emZED.it / Coding by WizLab.it
 * @version 20201111.043
 */

/* Fonts */
@font-face {
font-family : 'Montserrat';
font-style : normal;
font-weight : 400;
font-display : swap;
src : url(/css/fonts/Montserrat400.woff2) format('woff2');
unicode-range : U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family : 'Montserrat';
font-style : italic;
font-weight : 400;
font-display : swap;
src : url(/css/fonts/Montserrat600Italic-ext.woff2) format('woff2');
unicode-range : U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family : 'Montserrat';
font-style : italic;
font-weight : 400;
font-display : swap;
unicode-range : U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family : 'Montserrat';
font-style : normal;
font-weight : 600;
font-display : swap;
src : url(/css/fonts/Montserrat600-ext.woff2) format('woff2');
unicode-range : U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family : 'Montserrat';
font-style : normal;
font-weight : 600;
font-display : swap;
src : url(/css/fonts/Montserrat600.woff2) format('woff2');
unicode-range : U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family : 'Montserrat';
font-style : italic;
font-weight : 600;
font-display : swap;
src : url(/css/fonts/Montserrat600Italic-ext.woff2) format('woff2');
unicode-range : U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family : 'Montserrat';
font-style : italic;
font-weight : 600;
font-display : swap;
src : url(/css/fonts/Montserrat600Italic.woff2) format('woff2');
unicode-range : U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family : "Roboto";
font-style : normal;
font-weight : 300;
src : local("Roboto"), local("Roboto-Regular"), url(/css/fonts/Roboto300.woff2) format("woff2");
}
@font-face {
font-family : "Roboto";
font-style : italic;
font-weight : 300;
src : local("Roboto Italic"), local("Roboto-Italic"), url(/css/fonts/Roboto300italic.woff2) format("woff2");
}
@font-face {
font-family : "Roboto";
font-style : normal;
font-weight : 700;
src : local("Roboto"), local("Roboto-Regular"), url(/css/fonts/Roboto700.woff2) format("woff2");
}
@font-face {
font-family : "Roboto";
font-style : italic;
font-weight : 700;
src : local("Roboto Italic"), local("Roboto-Italic"), url(/css/fonts/Roboto700italic.woff2) format("woff2");
}
@font-face {
font-family : "Roboto Condensed";
font-style : normal;
font-weight : 300;
src : local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(/css/fonts/RobotoCondensed.woff2) format("woff2");
}
@font-face {
font-family : "Roboto Condensed";
font-style : italic;
font-weight : 300;
src : local("Roboto Condensed Italic"), local("RobotoCondensed-Italic"), url(/css/fonts/RobotoCondensedItalic.woff2) format("woff2");
}



/* Generic Styles */
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
#galleryData, .galleryData { display:none; }

/* Generic HTML Tags */
* { box-sizing:border-box; }
b, strong { font-weight:bold; }
i, em { font-style:italic; }
a { text-decoration:none; color:#e3001b; }
	a:hover { text-decoration:underline; }
	a:visited {}
ol li { list-style-type:decimal; }
.cursor { cursor:pointer; }

/* Formats */
.clear { clear:both; }
.aligncenter { text-align:center; }
.alignright { text-align:right; }
.alignleft { text-align:left; }
.fullwidth { width:100%; }

/* Colours */
.grey { background-color:#F0F0F0; }
.darkgrey { background-color:#333333; color:#FFF; }
.red { background-color:#e3001b; color:#FFF; }


/******************************/
/*    STILI PER IL LAYOUT    */
/****************************/
.mobile { display:none; }
.desktop { display:block; }

.vspaced { padding-top:60px; padding-bottom:60px; }
.hspaced { padding-left:5%; padding-right:5%; }
.topspaced { padding-top:60px; }
.bottomspaced { padding-bottom:60px; }
.fullwidth { width:100%; }

.cols { display:flex;justify-content:space-between; flex-flow:row wrap;  align-items:flex-start;}
	.two>* { width:48%; }
	.three>* { width:31%; }
	.mixed .main { width:75%;}
		.mixed>*:first-of-type { width:23%;  }

body { color:#666; font-family: 'Montserrat', sans-serif; margin:0; }
	body .background { position:fixed; top:0; z-index:-10; }
		body .background img { width:100%; }
		
header, main, footer { padding:0; }


/* HEADER */
header {  position:absolute; top:0; z-index:10; width:100%; }

	/* toolbar */
	header .toolbar { background-color:rgba(0, 0, 0, 0.6); color:#fff; padding:0 5% 0 5%; height:28px; font-size:12px; display:flex; justify-content:space-between; align-items:center; }
		header .toolbar img { height:15px; float:left; margin-top:0px; margin-right:10px; }
		header .toolbar a, header .toolbar span{ color:#fff; }
		header .toolbar .languages { float:right; }
		header .toolbar .socials { float:right; margin:0 5%; }
    header .toolbar .search { display:inline-block; }
      header .toolbar .search form { padding:0; }
        header .toolbar .search form input { width:160px; height:21px; background:#FFF; color:#5D5650; margin:0; padding:2px 4px; font-size:11px; vertical-align:middle; }
        header .toolbar .search form button { width:21px; height:21px; background-color:#e3001b; margin:0; padding:2px; border:none; vertical-align:middle; }
		header .toolbar .contacts { float:left; width:55%; }
			header .toolbar .contacts div { display:inline-block; margin-right:4%; }
				header .toolbar .contacts div span, header .toolbar .contacts div a { float:right; }
		
		
	/* mainbar */	
	header .mainbar { background:#fff; padding:0 5%; display:flex; align-items:center; justify-content:space-between; width:100%; margin:0 auto; border-top:10px solid #e3001b; }
		header h1 { margin:8px 0 -2px 0; }
			header h1 img { height:80px; }
		/*nav*/
		header nav {  }
			header nav #menuIcon { display:none; }
			header nav ul li { display:inline-block; display:relative; }
				header nav ul li a { display:block; color:#666; font-size:14px; padding:10px 18px; text-transform:uppercase;  font-weight:bold; border-left:1px dotted #ccc; }
					header nav ul li:first-of-type a { border:none; }
					header nav ul li a:hover { text-decoration:none; background:#f0f0f0; }
					header nav ul li ul { display:none; background:url(/img/bg_arrow.png) 10px top no-repeat; padding:20px 0 0 0; }
						header nav ul li:hover ul { display:block; position:absolute; z-index:100;  }
							header nav ul li ul li { display:block; background:#fff; padding:15px 25px; border-bottom:1px dotted #666; border-left:15px solid #e3001b; }
								header nav ul li ul li a { color:#666!important; border:none; }
									header nav ul li ul li a:hover { text-decoration:none; background:none; color:#fff; }
								header nav ul li ul li:hover { background:#e3001b;  }
									header nav ul li ul li:hover a { color:#fff!important; }

/* barra promo fiere*/	
	.notes { background-color: #e3001b; color:#fff; padding:10px 5%; bottom:0; width:100%; text-align: center; margin:0 auto; line-height:1.4em; cursor:pointer; }
		.notes a { display:inline-block; margin-left:20px; font-weight: bold; color:#fff; }
								

/* MAIN - STILI COMUNI PER I CONTENUTI */
main { clear:both; position:relative; }
	main .nocover { margin-top:150px; }

	main .innernav { font-size:12px; margin:-20px 0 0 0; }
		main .innernav.detail { margin-top:120px; } 
		main .innernav .breadcrumbs { float:left; }
		main .innernav .subnav { float:right; color:#999; }
			main .innernav .subnav a { color:#999; }
	
		main .titlewrapper { text-align:center; }
			main .titlewrapper h2 { text-transform:uppercase; text-align:center; font-size:24px; margin:0 auto;  line-height:1em; border-top:7px solid #e3001b; display:inline-block; padding:20px 0 50px 0; }
			main .titlewrapper h3 { text-align:center; font-weight:normal; font-size:24px; margin:-40px 0 50px 0; color:#bbb; line-height:1em; }
			main .red .titlewrapper h2, main .darkgrey .titlewrapper h2 { border-color:#fff;}	
	
	main .airport { border-top:7px solid #fff; }	
	
	/*stili per i testi*/	
	main .text {  }
		main .text section { padding:20px 0; border-bottom:1px dotted #ccc; }
			main .text section:last-of-type { border-bottom:none; margin-bottom:20px; }
			main .text p { margin-bottom:15px; line-height:1.4em; }
				main .text p:first-of-type { margin-top:0; }
			main .text ul li { line-height:1.6em; }
		
/* home */
main .cover { position:relative; }
	main .cover img { width:100%; }
    main .slider-holder { position:relative; width:100%; overflow:hidden; }
      main .cover .slider-holder { height:550px; }
      main .slider-holder .slide { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 0.6s ease-in-out; }
        main .slider-holder .slide:first-of-type { opacity:1; }
		main .title { position:absolute; margin:0 auto; bottom:0; z-index:10; width:100%; background-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%);}
			main .title .wrapper { margin:2%; text-align:center; }
				main .title h2 { font-size:56px;line-height:1em; margin-bottom:30px; text-transform:uppercase; letter-spacing:0; color:#FFF; }
	/*highlights*/	
	main .news { text-align:center; }
		main .news section { cursor:pointer; position:relative; overflow:hidden; }
			main .news section img { width:100%; }
				main .news section:hover img { transition:all 0.3s; transform:scale(1.2); }
			main .news section h2 { margin:0; padding:15px 20px; font-size:18px; position:absolute; bottom:0; width:100%; background:#000; opacity:0.6; text-align:center; }
	/*filtri prodotti slider*/		
	main .filters { text-align:center; margin:-10px 0 30px 0; border:7px solid #f0f0f0; padding:3%; color:#333; width:100%; }
		main .filters h2 { margin:0 0 5px 0; color:#aaa; }
		main .filters a { display:inline-block; margin:10px 15px ; }
		main .filters a.cat { color:#666; }
		main .filters form { margin-top:10px; display:flex; justify-content:space-between; align-items:center; }
			main .filters form input[type=text] { padding:2%; width:73%; margin:0; }
			main .filters .active { font-weight:bold; }
			main .filters button { width:25%; } 

	/* catalogo prodotti*/
	main .configurator { border-right:1px solid #ddd; font-size:14px; }
		main .configurator .titlewrapper { padding:20px; }
			main .configurator .titlewrapper h2 { padding:0; margin:0; text-align:left; font-weight:400; }
		main .configurator section { text-align:left; padding:20px 0; margin-right:20px; border-bottom:1px solid #f0f0f0 }
			main .configurator section h2 { font-size:18px; margin-bottom:15px; text-align:left; }
		main .configurator a { display:block; margin-top:30px; }
		main .configurator ul { margin-left:0;}
    main .configurator input { width:60px; }
		main .configurator button { border-radius:0; border:2px solid #ccc; color:#aaa; background-color:#f0f0f0; padding:3px 8px; font-weight:bold; }
			main .configurator button:hover { border:2px solid #666; color:#555;}
	/* elenco */
	main .products { display:flex; flex-wrap:wrap; }
    main .products article { cursor:pointer; margin:10px; padding:2%; width:17%; text-align:center; border:1px solid #ddd; position:relative; flex-grow:1; } /*in home*/
	   	main .products.main article { width:23%; } /*in pagina*/
			main .products article img { max-width:100%;  bottom:0; transition:all 0.3s; }
				main .product img:hover { transition:all 0.3s; opacity:0.7; }
				main .products article img:hover { transition:all 0.3s; transform:scale(1.1); }
			main .products article .new { display:inline-block; background-color:#e3001b; color:#fff; font-size:10px; padding:3px 15px; border-radius:10px; text-transform:uppercase; margin-bottom:20px; position:absolute; left:5px; top:5px; z-index:10; }
			main .products article h2, main .products article h3 { text-align:center; color:#333;  }
				main .products article h2 { margin:0; font-size:24px; }
				main .products article h3 { margin:0; font-size:14px; font-weight:normal; }
	/* dettaglio */
	main .product { margin-bottom:30px; }
		main .product img { width:100%; border:7px solid #ccc; cursor:pointer; margin-bottom:30px;  }
		main .product .gallerybutton { margin-right:7%; }
		main .product section { margin-bottom:30px; }
			main .product section h2 { text-align:left; margin-top:0; text-transform:uppercase; font-size:18px; }
			main .product section ul { margin-left:0; padding-left:20px; line-height:1.4em; }
			main .product section p { line-height:1.4em; }
		/* main table.tech { margin:50px 0 20px 0; border-collapse:collapse; width:250px; width:100%; border:2px solid #aaa; border-collapse:collapse; }
  		main table.tech th { background-color:#e9e5e2; }
  		main table.tech td,main table.tech th { padding:10px 7px; text-align:left; border:1px solid #c0bcb1; font-size:16px;  }
			main table.tech td:last-of-type { font-weight:bold; }
		main .product .download .button { margin-top:0px; }*/
	main .product .video { margin-top:30px; }
	main .product .box { background:#f0f0f0; padding:20px; margin:30px 0; text-align:center; }
		main .product .box h2 { margin-top:0; text-transform:uppercase; font-size:18px; text-align:center; }
		main .product .box p { margin-bottom:0; }
	main .quickcontact { text-align:center; }
		main .quickcontact a { display:inline-block; }
	
/* pagina news */		
	main .news { text-align:left; }
		main .news a.backlink {	display:block; margin-top:30px; }	
		main .news article { border:1px solid #ddd; margin-bottom:20px; display:flex; justify-content:space-between; align-items:center; padding:4%; }
			main .news article .newsimage { margin-right:5%; position:relative; width:25%; padding-bottom:25%; height:0; text-align:center; overflow:hidden;}
				main .news article .newsimage img { object-fit:cover; width:100%; height:100%; position:absolute; top:0; left:0; transition:all 0.3s; display:block;transform:scale(1); }
					main .news article .newsimage:hover img { transform:scale(1.2);}
			main .news article .arrow { transform:rotate(180deg); width:5%; }
			main .news article .wrapper { width:70%; }
				main .news article h3 { font-size:16px; font-style:normal; margin:0; text-align:left; color:#aaa; }
				main .news article h2 { text-align:left; font-weight:normal; font-size:18px; margin:0; font-family:'Roboto Condensed', sans-serif; }
				main .news article a { color:#666; }
		
/* galleries	 */	
	main .gallery { display:flex; justify-content:space-between; align-items:flex-start; flex-flow:row wrap; }
		main .gallery article { width:22%; position:relative; margin:0 0 4% 0; overflow:hidden; }
		main .gallery article { margin:0 0 8% 0; position:relative; width:23%; padding-bottom:23%; height:0; text-align:center; overflow:hidden; }
		main .two .gallery article { width:46%; padding-bottom:46%; } /* pagina news*/
			main .gallery article h2 { margin:0; padding:0; }
			main .gallery article img { cursor:pointer; object-fit:cover; width:100%; height:100%; position:absolute; top:0; left:0; transition:all 0.3s; display:block; }
				main .gallery article:hover img { filter:none; transition:all 0.3s; filter:grayscale(100%); }
			main .gallery article .wrapper { position:absolute; bottom:0; width:100%; background-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%); }
				main .gallery article .wrapper h2 { text-align:center; color:#fff; text-transform:uppercase; font-size:18px; margin:0; font-family:'Roboto Condensed', sans-serif; }
				main .gallery article .wrapper p { text-align:center; font-family:'Roboto Condensed', sans-serif; font-weight:400; color:#fff; font-size:14px; margin:0 0 15px 0; }
				main .gallery article a { color:#fff; }			
			/*modal*/
			main .gallery .modal { display:none; position:fixed; z-index:1; padding-top:50px; left:0; top:0; width:100%; height:100%; overflow:hidden; background-color:black;}
				main .gallery .modal-content { position:relative; background-color:#000; margin:auto; padding:0; width:80%; max-width:1200px; height:85%; }
			main .gallery img { margin-bottom:-4px; height:100%; width:100%; object-fit:scale-down; }
				main .gallery img.hover-shadow { transition:0.3s; }
					main .gallery .hover-shadow:hover { box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
			main .gallery .numbertext { color:#f2f2f2; font-size:12px; padding:8px 12px; position:absolute; top:0; }
			main .gallery .captionpicture { color:#f2f2f2; font-size:16px; padding:8px 0; position:absolute; top:-60px; }
			
/* Dialog box */
#dialogboxcontainer { display:none; position:fixed; top:0; right:0; left:0; bottom:0; padding:2%; background-color:rgba(0,0,0,0.60); overflow:hidden; z-index:20; }
  #dialogboxcontainer #dialogboxcontained { position:relative; width:100%; height:100%; }
    #dialogboxcontainer #dialogboxcontained .close { position:absolute; top:20px; right:20px; width:40px; }
		#dialogboxcontainer #dialogboxcontained .arrows { opacity:0.5; position:absolute; top:50%; transform:translateY(-50%);width:40px; height:auto; }
			#dialogboxcontainer #dialogboxcontained .arrows:hover { opacity:1; } 
			#dialogboxcontainer #dialogboxcontained .toleft { left:30px; pointer-events:none; }
			#dialogboxcontainer #dialogboxcontained .toright { right:30px; pointer-events:none; }
    #dialogbox { width:100%; height:100%; padding:2%; background-color:#FFF; box-shadow:0 0 10px 0 #999; overflow:hidden; }
      #dialogbox.galleryImage { text-align:center; }
        #dialogbox.galleryImage img { width:100%; height:95%; object-fit:contain; margin-bottom:5px; cursor:pointer; }

/* pagina contatti */		
	main .contacts {  }
		main .contacts form { background:#f0f0f0; padding:5%; } 
			main .contacts form h2 { text-align:center; margin:15px 0 30px 0; font-family:'Roboto Condensed', sans-serif; }
			main .contacts .secondarybutton { display:block; margin-top:30px; color:#666; }
		main .contacts .block { border:1px solid #ddd; padding:4%; margin-bottom:20px; display:flex; align-items:center; justify-content:flex-start; }
			main .contacts .block .red { width:80px; height:80px; border-radius:40px; text-align:center; display:flex; align-items:center; justify-content:center; float:left; margin-right:50px; }
				main .contacts .block .red img { width:50%; }
			main .contacts .block .wrapper {}
				main .contacts .block .wrapper strong { color:#e3001b; text-transform:uppercase; }
				main .contacts .block .wrapper a { color:#666; }	

footer { clear:both;  }
	footer .totop { position:fixed; right:2%; bottom:2%; background-color:transparent; padding:0; min-width:0; z-index:11; }
	/* newsletter*/
	footer .newsletter { text-align:center; padding:60px 0; background:url(../img/bgfooter.jpg) no-repeat bottom; background-size:cover; }
		footer .newsletter h2 { color:#fff; font-familys:'Roboto Condensed', sans-serif; font-weight:normal; text-align:center; font-size:50px; margin:0; padding-top:0; line-height:1em; text-transform:uppercase; }
		footer .newsletter .message { width:70%; margin:20px auto; color:#333; padding:3%; background-color:#C8DF87; line-height:1.6em; }
			footer .newsletter .error { background-color:#FFCECE; color:#a60e11; }
			footer .newsletter .sent { background-color:#C8DF87; }
		footer .newsletter form { width:50%; margin:30px auto 0 auto; }
			footer .newsletter .col { float:left;}
				footer .newsletter .col:first-of-type { width:48%; margin-right:2%; text-align:right; }
				footer .newsletter .col:last-of-type { width:48%; margin-left:2%;  text-align:left;}
			footer .newsletter input[type=submit] { clear:both; background-color:#e3001b; color:#fff; text-transform:uppercase; border:3px solid #fff; margin-top:20px; font-size:12px; }
				footer .newsletter input[type=submit]:hover { background-color:#333; }
			footer .newsletter label, footer .newsletter label a { color:#fff; }
	/*colophon*/	
	footer .bottom { text-align:center; font-size:12px; padding:5%; color:#fff; border-top:7px solid #fff; background:#e3001b; }
		footer .certiquality { float:left; }
			footer .certiquality img { margin:0 15px; height:100px; }
		footer .colophon { text-align:right; }
		footer h2 { font-size:12px; font-weight:normal; display:inline; line-height:1.6em; }
			footer h2 strong { font-size:14px; }
		footer a { color:#fff; }
		footer .copy { opacity:0.6; }
		

/*slider*/
.slider { position:relative; margin:0 auto; top:0px; left:0px; width:1280px; height:480px; overflow:hidden; visibility:hidden; }
	.slider .loader { position:absolute; top:0px; left:0px; }
		.slider .loader div { opacity:0.7; position:absolute; display:block; background-color:#000; top:0px; left:0px; width:100%; height:100%; }
		.slider .arrowLeft, .slider .arrowRight { display:block; position:absolute; width:55px; height:55px; cursor:pointer; background:url('img/slider/arrows.png') no-repeat; overflow:hidden; z-index:2; }
			.slider .arrowLeft { left:8px; background-position:0px 0px; }
				.slider .arrowLeft:hover { background-position:-110px 0px; }
				.slider .arrowRight { right:8px; background-position:-55px 0px; }
					.slider .arrowRight:hover { background-position:-165px 0px; }
	.slider .navigator { position:absolute; z-index:2; top:20px; right:20px; }
		.slider .navigator div, .slider .navigator div:hover, .slider .navigator .av { position:absolute; width:15px; height:15px; cursor:pointer; }
		.slider .navigator div { background-color:#f4792b; }
			.slider .navigator div:hover, .slider .navigator .av { background-color:#FFF; }
	.slider .slides { cursor:default; position:relative; top:0px; left:0px; width:1280px; height:500px; overflow:hidden; }
		.slider img { width:100% }
		.slider .headings { position:absolute; left:5%; top:35%; z-index:10 }
			.slider .headings h1 { font-weight:100; font-size:80px; color:#fff; text-transform:uppercase; }
			.slider .headings h2 { font-size:40px; color:#fff; font-family:'Sorts Mill Goudy', serif; margin-top:10px; opacity:0.5; }
					
/*forms*/
input[type=text], form input[type=email], form input[type=password], form textarea, select { background:#FAFAFA; border:1px solid #DDD; color:#888; padding:3%; width:100%; font-size:12px; margin-bottom:20px; }
input[type=text]:nth-of-type(2), form input[type=email]:nth-of-type(2), form .field input[type=password]:nth-of-type(2) { margin-top:10px; }
input[type=submit], .button, input[type=button] { display:inline-block;  background-color:#e3001b; padding:15px 30px; color:#ffffff; font-size:16px; font-weight:bold; border:0; text-align:center; cursor:pointer; border-radius:10px; }
input[type=submit]:hover, input[type=button]:hover, .button:hover { background-color:#333; text-decoration:none; }
input:focus, select:focus, textarea:focus, button:focus { outline:none; }
select { width:100%; appearance:none; -webkit-appearance:none; }

.message { width:70%; margin:0 auto 50px auto; color:#333; padding:5%; background-color:#C8DF87; line-height:1.6em; }
	.message.error { background-color:#FFCECE; color:#a60e11; }
	.message.sent { background-color:#C8DF87; }



/****************************/
/*    STILI PER I MAXI SCHERMI    */
/****************************/
@media only screen and (min-width:1282px) { }


/****************************/
/*    STILI PER I TABLET    */
/****************************/
@media only screen and (max-width:1023px) { 
header .logo { float:left; margin:10px 0;}
	header h1, header h1 img { margin:0;}
/* menu mobile */	
header nav { float:right; margin:10px 0;}
	header nav #menuIcon { cursor:pointer; display:block;  color:#666;  position:relative; margin-top:10px; }
		header nav #menuIcon img { height:40px }
			header nav ul { position:absolute; right:10%; display:none; z-index:100; }
				header nav ul li { display:block; width:100%; }
					header nav ul li a, header nav ul li a:first-of-type { background:#fff; text-align:center; border-bottom:1px solid #ccc; border-left:15px solid #e3001b; padding:15px 30px; color:#666 }
				header nav ul li:hover ul { display:none; }
	header .toolbar .contacts span { display:none; } 
  header .toolbar .search form input { width:100px; }
main .cover { height:400px; overflow:hidden; }
	main .cover img { height:400px; width:auto; }
main .cover .title h2 { font-size:40px; }
main .titlewrapper h3 { margin-bottom:30px; margin-top:-15px; font-size:20px; }
main .text .titlewrapper h2 { padding-bottom:20px; }
	main .cols .text .titlewrapper h2 { font-size:20px; margin-top:18px; }
main .configurator .titlewrapper h2 { font-size:18px; }
  main .configurator input { width:40px; }
main .products.main article { width:40%; }
main .product div img { width:80%; border:5px solid #ccc; }
main .product .gallerybutton { margin-right:17%; }
}


/******************************/
/*    STILI PER SMARTPHONE    */
/******************************/
@media only screen and (max-width:767px) {
.desktop { display:none!important; }
.mobile { display:block; }

.hspaced { padding-left:5%; padding-right:5%; }
.vspaced { padding-top:5%; padding-bottom:5%; }
.topspaced { padding-top:5%; }
.bottomspaced { padding-bottom:5%; }

header h1 img { height:50px; float:left; }
header nav { margin-top:3px;}
	header nav #menuIcon img { height:50px }
	header .toolbar .search .searchbutton { display:block; background:#FC0; }
main .innernav { display:flex; justify-content:space-between; font-size:12px; margin:0 0 20px 0; }
		main .innernav .subnav a { color:#999; }
main .products article { width:46%; }
	main .configurator .titlewrapper h2 { text-align:center; }
		main .configurator button { display:inline-block; background:transparent; border:2px solid #fff; color:#fff; font-size:16px; margin-right:5px; padding:7px 2px;line-height:0; }
	main .filters a { margin:4px 15px; }
	main .filters form { padding:5%; display:block; margin-top:0; }
		main .filters form input[type=text] { padding:6%; width:100%; margin-bottom:15px; } 
main .news { text-align:left; }
	main .news section { margin-bottom:30px; }
		main .news section:last-of-type { margin-bottom:0px; }
	main .news img { width:50%; float:left }
	main .news .wrapper h2 { float:left; margin:0; padding:0; font-size:20px; display:block; width:90%; }
main .gallery article { width:46%; padding-bottom:46%; }
main .showcase h2 { margin:0; text-align:center; }
main .showcase p { text-align:center; margin-bottom:40px; }
main .events { margin-top:20px; }
	main .events article img { float:right; }
main .mixed>* { width:100%!important; }
main .filters { width:100%!important; margin:20px 0 30px 0; }
	main .filters a { padding:2px 0; }
main #configuratorBox { display:none; }
main .products { margin-right:0; }
	main .products article { width:40%; }
	main .products article h3 { margin-bottom:10px; }
main .product>*{ width:100%; }
	main .product .gallerybutton { margin-right:0; }
	main .quickcontact { margin-bottom:0px; }
	/*main table.tech { margin:20px 0 20px 0; }*/
main .newslist article { border:1px solid #aaa; margin-bottom:30px;  } 
.message { margin:0 auto 20px auto; }
footer { clear:both; background-image:url(/img/bg_footer_mobile.jpg) }
	footer .newsletter form { width:70%; }
 	footer .colophon { float:none; margin:20px 0; }
}

@media only screen and (max-width:500px) {
	.two>* { width:100%;text-align:center; }
	main .titlewrapper h3 { margin:-20px 0 50px 0; }
  main .products.main article { width:90%; }
	main .contacts .contactdata { order:1; }
	main .contacts .message { order:2; } 
	main .contacts form { order:3; }
	main .gallery { margin-top:40px; }
	main .airport img { width:250px; }
}

@media only screen and (max-width:300px) {
	main .title { display:none; }
	main .titlewrapper h2 { font-size:32px; }
	main .products article { width:100%; }
	input[type=submit], .button, input[type=button] { padding:15px 20px; }
	footer .newsletter h2 { font-size:32px; }
	footer .newsletter form { width:90%; }
}