/* 570px - 35.5em - SM */
@media screen and (min-width: 36em) {
/* -------------------------------------------- */
/* ----------------- Header ------------------- */
	html, body {width:100%; padding:0; margin-left:0; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }

/* -------------------------------------------- */
/* ----------------Navigation------------------ */

	/*
	 * MENU TOP
	*/
	#menu-top > .floatright > ul > li:first-child {
		display: inline-block;
	}

/* -------------------------------------------- */
/* ---------------- Content ------------------- */

	/*
	 * TOP PAGE
	*/
	#titolo-pagina > .filtri > li {
		display: inline-block;
		margin-bottom: 0;
	}

	#titolo-pagina > h2 {
		font-size: 30px;
		font-weight: bold;
		display: table;
		margin-top: 60px;
		text-transform: uppercase;
		text-align: center;
	}

	/*
	 * HOMEPAGE BLOCK TOP
	*/
	#home-block-top .pure-u-1 > a {
		min-height: 376px;
	}

	#home-block-top .pure-u-1:nth-child(even) > a {
		background-color: #444;
	}

	#home-block-top .pure-u-1:nth-child(2) > a {
		background-color: #222;
	}

	#home-block-top .pure-u-1:nth-child(3) > a {
		background-color: #222;
	}

	/*
	 * GAMMA PRODOTTI BLOCK TOP
	*/
	#block-top .pure-u-1 > a {
		min-height: 376px;
	}

	#block-top .pure-u-1:nth-child(even) > a {
		background-color: #444;
	}

	#block-top .pure-u-1:nth-child(2) > a {
		background-color: #222;
	}

	#block-top .pure-u-1:nth-child(3) > a {
		background-color: #222;
	}

	/*
	 * HOME APPLICAZIONI
	*/	
	#home-applicazioni a:first-child {
		margin-top: 30px;
	}

	/*
	 * PRODOTTO PAGE
	*/
	.altri-prodotti .owl-stage {
		margin: 0 auto;
	}

	
	/* -------------------------------------------- */
	/* ---------------- Slider Home -------------------- */
	.slide .owl-dots {
		position: absolute;
		bottom: 40px;
		margin: 0;
		left: 50%;
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 8;
	}
		.slide .owl-dots > .owl-dot > span {
			background: #fff;
			display: inline-block;
		}

		.slide .owl-dots > .owl-dot.active > span {
			background: #000;
		}


	/* -------------------------------------------- */
	/* --------------- Components ----------------- */
	.show-after-sm { display: block; }
	.hide-after-sm { display: none; }

	/*
	 * OWL CAROUSEL 
	*/
	.owl-nav > div {
		margin: 5px;
	}
}

/* 768px - 48em - MD */
@media screen and (min-width: 48em) {
/* -------------------------------------------- */
/* ----------------- Header ------------------- */


/* -------------------------------------------- */
/* ----------------Navigation------------------ */

/* -------------------------------------------- */
/* ---------------- Content ------------------- */

	/*
	 * HOME APPLICAZIONI
	*/
	#home-applicazioni {
		padding: 120px 0;
	}

	#home-applicazioni a {
		margin-top: 0;
	}
		#home-applicazioni a:first-child {
			margin-top: 0;
		}

	/*
	 * BLOCK LIST
	*/
	#block-list > article > a > h5 {
		padding: 20px 40px 0;
	}

	#block-list > article > a > .testo {
		padding: 0 40px 20px;
	}

	#block-list > article > a > .tags {
		padding: 0 40px 10px;
	}

	/*
	 * HOME BLOCK TOP
	*/
	#home-block-top .pure-u-1 > a > .title {
		background: transparent url('../images/template/pattern-trans.png') repeat top left;
		position: absolute;
		top: 20px;
		left: 20px;
		right: 20px;
		bottom: 20px;
		-ms-transform: scale(0,0);
		-webkit-transform: scale(0,0);
		-moz-transform: scale(0,0);
		transform: scale(0,0);
		-webkit-transition: all 300ms ease-in-out;
    	transition: all 300ms ease-in-out;
	}
		#home-block-top .pure-u-1 > a > .title > .vcenter {
			display: block;
			position: absolute;
			left: 50%;
			top: 50%;
			-moz-transform: translateY(-50%) translateX(-50%);
			-webkit-transform: translateY(-50%) translateX(-50%);
			-o-transform: translateY(-50%) translateX(-50%);
			-ms-transform: translateY(-50%) translateX(-50%);
			transform: translateY(-50%) translateX(-50%);

		}
			#home-block-top .pure-u-1 > a > .title > .vcenter > h3 {
				min-width: 260px;
				text-align: center;
				color: #DF8000;
			}

			#home-block-top .pure-u-1 > a > .title > .vcenter > .separatore {
				display: table;
				max-width: 150px;
				margin-bottom: 0;
			}

		#home-block-top .pure-u-1 > a:hover > .title {
			-ms-transform: scale(1,1);
			-webkit-transform: scale(1,1);
			-moz-transform: scale(1,1);
			transform: scale(1,1);
		}

	/*
	 * HOME NEWS
	*/
	.news-carousel .item {
		text-align: left;
	}
		.news-carousel .item a.button {
			margin-left: 0;
			margin-right: 0;
		}

		.news-carousel .item a > img {
			display: block;
			margin: 0;
		}

	/*
	 * CONTATTI
	*/
	#iframe {
		height: 428px;
	}
	
	/*
	 * GENERAL FORM
	*/
	#contatti #first-block span {
		padding: 0 8px;
		visibility: visible;
		display: initial;
	}

	/* -------------------------------------------- */
	/* ---------------- Footer -------------------- */
	
	
	/* -------------------------------------------- */
	/* --------------- Components ----------------- */
	.show-after-md { display: block; }
	.hide-after-md { display: none; }

	/* -------------------------------------------- */
	/* --------------- Accordion ------------------ */
	.accordion .accordion-show-info > header > div {
		margin: 35px 40px;
		padding: 10px 0 10px 40px;
	}
	
	.accordion .accordion-show-info > header > span.arrow {
		width: 112px;
		height: 112px;
		line-height: 112px;
	}

	.accordion .accordion .accordion-info > div > ul > li {
		text-align: left;
	}
		.accordion .accordion .accordion-info > div > ul > li.show-after-md {
			display: block;
		}

		.accordion .accordion .accordion-info > div > ul > li > div > a {
			padding: 0;
		}

		.accordion .accordion .accordion-info > div > ul > li p {
			display: inline-block;
			padding: 0 10px;
		}
}

/* 990px - 62em - LG */
@media screen and (min-width: 62em) { 
	/* -------------------------------------------- */
	/* ----------------- Header ------------------- */

	

	/* -------------------------------------------- */
	/* ----------------Navigation------------------ */


	/* -------------------------------------------- */
	/* ---------------- Content ------------------- */
	
	/*
	 * HOMEPAGE BLOCK TOP
	*/
	#home-block-top .pure-u-1 > a {
		min-height: 306px;
	}

	#home-block-top .pure-u-1:nth-child(2) > a {
		background-color: #444;
	}

	#home-block-top .pure-u-1:nth-child(3) > a {
		background-color: #444;
	}

	#home-block-top .pure-u-1:nth-child(even) > a {
		background-color: #222;
	}

	/*
	 * GAMMA PRODOTTI BLOCK TOP
	*/
	#block-top .pure-u-1 > a {
		min-height: 306px;
	}

	#block-top .pure-u-1:nth-child(2) > a {
		background-color: #444;
	}

	#block-top .pure-u-1:nth-child(3) > a {
		background-color: #444;
	}

	#block-top .pure-u-1:nth-child(even) > a {
		background-color: #222;
	}

	/*
	 * BLOCK LIST
	*/
	#block-list > article > a > h5 {
		padding: 20px 20px 0;
	}

	#block-list > article > a > .testo {
		padding: 0 20px 20px;
	}

	#block-list > article > a > .tags {
		padding: 0 20px 10px;
	}

	/*
	 * SOCIETA PAGE
	*/
	#societa > section .text,
	#societa > section.dark .text {
		padding: 20px 40px;
	}

	/*
	 * NOTE TECNICHE PAGE
	*/
	#esperto { display: -ms-flex; display: -webkit-flex; display: -moz-flex; display: flex; }
	#esperto .vcenter > img.show-after-lg { display: table; }
	#esperto .vcenter > img.hide-after-lg { display: none; }
	
	/* -------------------------------------------- */
	/* ---------------- Footer -------------------- */
	
	
	/* -------------------------------------------- */
	/* --------------- Components ----------------- */
	.show-after-lg { display: block; }
	.hide-after-lg { display: none; }
}


/* 1150 - XL */
@media screen and (min-width: 72em) {
	/* -------------------------------------------- */
	/* ----------------- Header ------------------- */
	
	#homepage body { padding-top: 0px; }
	
	/*
	 * MAIN MENU
	*/
	#menu-top #menu-main {
		padding: 0;
		background: rgba(34,34,34,0.9);
	}

	#menu-main > li {
		display: inline-block;
	}	
		#menu-main > li > a {
			padding: 15px 10px;
			line-height: 30px;
		}
	
	/*
	 * MENU TOP ICONe
	*/
	#menu-top > .floatright > ul {
		padding: 15px;
	}
		#menu-top > .floatright > ul > li > a {
			padding: 0 15px;
		}

	/* -------------------------------------------- */
	/* ----------------Navigation------------------ */
	
	/*
	 * HOMEPAGE
	*/
	#homepage header > .slide > section {
		visibility: visible;
		opacity: 1;
	}

	#homepage #menu-top {
		background: transparent;
	}
		#homepage #menu-top > a {
			display: none;
		}

		#homepage .paesi > ul {
			background: transparent;
		}
		#homepage .paesi a > img {
			filter: invert(0%);
		}

		#homepage #menu-top > .floatright > ul > li > a {
			color: #000;
		}

		#homepage #lingua > ul {
			background: transparent;
		}
			#homepage #lingua > ul > li > a {
				color: #000;
}
}

/* 1440 - XL */
@media screen and (min-width: 100em) {
	/* -------------------------------------------- */
	/* ----------------- Header ------------------- */
     
	#homepage body { padding-top: 0px; }

	/* -------------------------------------------- */
	/* ----------------Tipografia------------------ */
	

	/* -------------------------------------------- */
	/* ----------------Navigation------------------ */
	
	/*
	 * HOMEPAGE
	*/
	header > .slide > section > .floatright > ul > li > a {
		padding: 0 10px;
	}

	/* -------------------------------------------- */
	/* ---------------- Content ------------------- */

	/*
	 * HOMEPAGE BLOCK TOP
	*/
	#home-block-top .pure-u-1 > a {
		min-height: 376px;
	}

	/*
	 * GAMMA PRODOTTI BLOCK TOP
	*/
	#block-top .pure-u-1 > a {
		min-height: 376px;
	}

	/*
	 * BLOCK LIST
	*/
	#block-list > article > a > h5 {
		padding: 20px 40px 0;
	}

	#block-list > article > a > .testo {
		padding: 0 40px 20px;
	}

	#block-list > article > a > .tags {
		padding: 0 40px 10px;
	}


	/* -------------------------------------------- */
	/* ---------------- Footer -------------------- */
	
	
	/* -------------------------------------------- */
	/* --------------- Components ----------------- */
}