/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

a, input, select, textarea, button, select:focus, a:focus, input:focus, textarea:focus,
a::-moz-focus-inner, input::-moz-focus-inner, select::-moz-focus-inner, textarea::-moz-focus-inner, button::-moz-focus-inner { 
	outline: none; 
    outline-width: 0; 
}

/*------------------------------------------------*/
/*-----------------[STYLE]------------------------*/
/*------------------------------------------------*/

@font-face {
  font-family: 'MontserratExtraLight';
  font-weight:normal;
  src: url('../Montserrat/Montserrat-ExtraLight.ttf') format('truetype');
}
@font-face {
  font-family: 'MontserratLight';
  font-weight:normal;
  src: url('../Montserrat/Montserrat-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'MontserratRegular';
  font-weight:normal;
  src: url('../Montserrat/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'MontserratRegularItalic';
  font-weight:normal;
  src: url('../Montserrat/Montserrat-Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'MontserratMedium';
  font-weight:normal;
  src: url('../Montserrat/Montserrat-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'MontserratSemiBold';
  font-weight:normal;
  src: url('../Montserrat/Montserrat-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'MontserratBold';
  font-weight:normal;
  src: url('../Montserrat/Montserrat-Bold.ttf') format('truetype');
}


html, body {
	height:100%;
}
body {
	width:100%;
	line-height:1;
	font-family: 'MontserratRegular', arial, helvetica; 
	font-size: 62.5%; 
	color:#ffffff;
	display: flex;
	flex-direction: column;
}

#Wrapper {
	flex: 1 0 auto;
}
#WrapInner {
    overflow:auto;
	width:100%;
	max-width:2560px;
	margin:0 auto;
}
#FooterWrapper { 
	clear: both; 
	flex-shrink: 0;
} 

/* GENERIC */
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
main {
	clear:both;
	float:left;
	width:100%;
}
.fullWidth {
	clear:both;
	width:100%;
	float:left;
}
.defaultWidth {
	clear:both;
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;
	overflow:hidden;
}
.flexCentered {
	display: flex;
	align-items: center;
	/*justify-content: center;*/
}
.colorHl {
	color:#00aeef;
}
.centered {
	text-align:center;
}
.top_spaced {
	margin-top:36px;
}
.top_double_spaced {
	margin-top:72px;
}
.top_half_spaced {
	margin-top:18px;
}
.bottom_spaced {
	margin-bottom:36px;
}
.bottom_double_spaced {
	margin-bottom:72px;
}
.bottom_half_spaced {
	margin-bottom:18px;
}
.top_padded {
	padding-top:36px;
}
.top_double_padded {
	padding-top:72px;
}
.top_half_padded {
	padding-top:18px;
}
.bottom_padded {
	padding-bottom:36px;
}
.bottom_double_padded {
	padding-bottom:72px;
}
.bottom_half_padded {
	padding-bottom:18px;
}
.new_line {
	clear:both;
}
img {
	max-width:100%;
}
p {
	clear:both;
	width:100%;
	font-family: 'MontserratMedium', arial, helvetica;
	font-size:1.6em; 
	line-height:1.7em;
	letter-spacing:0.04em;
	color:#606060;
	max-height: 999999px; /* Mobile Chrome bug fix */
	float:left;
}
main p {
	text-align:justify;
}


b, strong {
	font-family: 'MontserratSemiBold';
	font-weight:normal;
	color:#050505;
	letter-spacing:0.03em;
	font-size:0.99em; /* Firefox bug Fix */
}
.tabSpace {
	display: inline-block; 
    margin-left: 40px; 
} 
a, a:link, a:hover, a:visited {
	font-family:inherit;
	color:inherit; 
	font-size:inherit; 
	text-decoration:none;
}
a.bluLink, a.bluLink:link, a.bluLink:hover, a.bluLink:visited {
	color:#1854a7; 
}
h1 {
	clear:both;
	font-family: 'MontserratRegular', serif;
	letter-spacing:0.1em;
	font-size: 3.5em;	
	line-height:1.3em;
	color:#054862;
	float:left;
	width:100%;
}

.hidden_br {
	display:none;
}

.fadein, .fadeinScroll {
	opacity:0;
}

/* keyframes Animations */
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-bottom {
  0% {
    transform: translateY(50%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-left {
  0% {
    transform: translateX(-50%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-right {
  0% {
    transform: translateX(50%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes zoom-in {
    0% {
        transform: scale(0.8,0.8);
		opacity: 0;
    }
    100% {
        transform: scale(1,1);
		opacity: 1;
    }
}

.reveal {
  position: relative;
  opacity: 0;
}
.reveal.active {
  opacity: 1;
}
.active.fade-in {
  animation: fade-in 1.2s ease-in;
}
.active.fade-bottom {
  animation: fade-bottom 0.4s ease-in;
}
.active.fade-bottom-slow {
  animation: fade-bottom 0.6s ease-in;
}
.active.fade-left {
  animation: fade-left 0.5s ease-in;
}
.active.fade-right {
  animation: fade-right 0.5s ease-in;
}
.active.zoom-in {
  animation: zoom-in 0.5s ease-in;
}

/* HEADER */
main {
	padding-top: 140px; /* same as Header height + padding	*/
	/* padding-bottom:30px; */
	overflow:hidden;
}
html {
  scroll-padding-top: 140px; /* same as Header height + padding	*/
}
#Header {
	position: fixed;
	width: 80%;
	padding-left:10%;
	padding-right:10%;
	height: 80px;
    left: 0;
    top: 0;
	padding-top:30px;
	padding-bottom:30px;
	z-index:1000;
	background-color: #ffffff;
	float:left;
}
#Header .LogoWrapper { 
	float:left;
	width:100%;
	text-align:center;
}
#Header .LogoWrapper img { 
	height: 80px;
}

/* HOME */
#HomeIntro {
	clear: both;
	float:left;
	min-height: calc(100vh - 150px); /* 100% - Header */
}
.homeItem {
	width:22%;
	margin-right:4%;
	margin-bottom:4%;
	float:left;
}
.homeItem.new_wind {
	background-color:#4ab957;
}
.homeItem.mecprod {
	background-color:#13303a;
}
.homeItem.new_wind_espana {
	background-color:#f7941e;
}
.homeItem.green_polyols {
	background-color:#2aaa83;
	margin-right:0;
}
.homeItem img {
	width:80%;
	padding:10%;
	float:left;
	background-color:#f7f7f7;
}
#HomeIntro a:hover .homeItem img {
	background-color:#f0f0f0;
}

.homeItemText {
	width:88%;
	padding:6%;
	float:left;
}
.homeItemText span {
	font-family: 'MontserratSemiBold', serif;
	letter-spacing:0.03em;
	font-size: 2em;	
	line-height:1.3em;
	color:#ffffff;
}

/* CONTATTI */

/* FOOTER */
#Footer { 
	width:80%;
	margin-left:10%;
	margin-right:10%;
}
#Footer p { 
	font-family:'MontserratRegular';
	color:#767f85;
	font-size:1.3em;
	line-height:1.65em;
}
#Footer a { 
	color:#767f85;
}
#Footer a:hover { 
	text-decoration:underline;
}
#FooterInfoSX { 
	clear: both; 
	float:left;
	width:100%;
	margin-right:0;
}



/* MEDIA QUERIES (width < 1920px) */
@media screen and (max-width: 1920px) {	
	.defaultWidth, #Footer {
		width:90%;
		margin-left:5%;
		margin-right:5%;
	}
	#Header {
		width:90%;
		padding-left:5%;
		padding-right:5%;
	}		

}

/* MEDIA QUERIES (width < 1600px) */
@media screen and (max-width: 1600px) {
		
}

/* MEDIA QUERIES (width < 1500px) */
@media screen and (max-width: 1500px) {
	.homeItemText span {
		font-size: 1.8em;	
		line-height:1.3em;
	}
}

/* MEDIA QUERIES (width < 1200px) */
@media screen and (max-width: 1200px) {	
	#HomeIntro {
		min-height: auto;
	}
	.homeItem {
		width:34%;
		margin-left:8%;
		margin-right:8%;
		margin-top:4%;
		margin-bottom:4%;
	}
	.homeItem.new_wind {
	}
	.homeItem.mecprod {
	}
	.homeItem.new_wind_espana {
	}
	.homeItem.green_polyols {
	}
	.homeItem img {
		width:80%;
		padding:10%;
	}
}

/* MEDIA QUERIES (width < 1000px) */
@media screen and (max-width: 1000px) {
	.homeItem {
		width:40%;
		margin-left:5%;
		margin-right:5%;
		margin-top:2.5%;
		margin-bottom:2.5%;
	}
	.homeItem.new_wind {
	}
	.homeItem.mecprod {
	}
	.homeItem.new_wind_espana {
	}
	.homeItem.green_polyols {
	}
	.homeItem img {
		width:86%;
		padding:7%;
	}
		
}

/* MEDIA QUERIES (width < 900px) */
@media screen and (max-width: 900px) {
	
	
}

/* MEDIA QUERIES (width < 620px) */
@media screen and (max-width: 620px) {	
	.homeItem {
		width:80%;
		margin-left:10%;
		margin-right:10%;
		margin-top:5%;
		margin-bottom:5%;
	}
	.homeItem.new_wind {
	}
	.homeItem.mecprod {
	}
	.homeItem.new_wind_espana {
	}
	.homeItem.green_polyols {
	}
	.homeItem img {
		width:80%;
		padding:10%;
	}
}

/* MEDIA QUERIES (width < 520px) */
@media screen and (max-width: 520px) {
	
}

/* MEDIA QUERIES (width < 480px) */
@media screen and (max-width: 480px) {	
		
	
}

/* Maximum aspect ratio */
@media (max-aspect-ratio: 1/1) {
	#HomeIntro {
		min-height: auto;
	}
}