#bg {
	position: absolute !important;
}
#content{
	padding-bottom: 20px;
}
#content h1 {
	color:#fff;
	font-size: 36px;
	margin-bottom: 30px;
	margin-top: 20px;
	font-weight: 600;
}
#content div.lead {
	max-width: 650px;
}
#content div.lead * {
	color:#fff;
	font-weight: 600;
}

#content div.products {
	display: flex;
	justify-content:space-between;
	margin-top: 50px;
}
#content div.products > div {
	display: inline-block;
	width:20%;
	background: #ffffff;
	background: -moz-linear-gradient(-45deg,  #ffffff 0%, #e1e1e1 100%);
	background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#e1e1e1 100%);
	background: linear-gradient(135deg,  #ffffff 0%,#e1e1e1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=1 );
	padding-top:20%;
	overflow: hidden;
	/*transform: perspective(800px) translateZ(0px);
	transition:all .3s ease;*/
}
#content div.products > div div.title {
	font-weight: 700;
	color:#f15922;
	font-size: 30px;
	line-height: 36px;
	/*white-space: nowrap;*/
	display: block;
	position: absolute;
	top:72%;
	width:100%;
	transform:translateY(-50%);
	height:auto;
	text-align: center;
	transition:all .5s ease;
	padding:0 5%;
}
#content div.products > div div.title i {
	font-weight: 600;
	font-style: normal;
	display: block;
	color: inherit;
}
#content div.products > div div.icon {
	position: absolute;
	top:10%;
	left:50%;
	transform:translateX(-50%) scale(1);
	width:44%;
	height: 44%;
	background: #f15922;
	transition:all .3s ease;
}
#content div.products > div div.text {
	position: absolute;
	padding: 20px;
	left:0px;
	width:100%;
	transition:all .5s ease .3s;
	font-size:14px;
	line-height: 20px;
	opacity:0;
}
#content div.products > div div.text * {
	font-size: inherit;
	line-height: inherit;
}
#content div.products > div a {
	z-index: 3;
	position: absolute;
	font-size:0px;
	line-height: 0px;
	color:transparent;
	width:100%;
	height: 100%;
	top:0px;
	left:0px;
}

#content div.products > div:hover div.title {
	top:10%;
	transform:translateY(0%);
}
#content div.products > div:hover div.icon {
	transform:translateX(-50%) scale(0);
	opacity:0;
}
#content div.products > div:hover div.text {
	opacity:1;
}

#content div.products > div.p1 div.icon {
	background: url(../images/icon1.png) #f15922;
	background-size: 100% 100%;
}
#content div.products > div.p2 div.icon {
	background: url(../images/icon3.png) #f15922;
	background-size: 100% 100%;
}
#content div.products > div.p3 div.icon {
	background: url(../images/icon2.png) #f15922;
	background-size: 100% 100%;
}
#content div.products > div.p4 div.icon {
	background: url(../images/icon4.png) #f15922;
	background-size: 100% 100%;
}

/* INTRO */
#content h1.anim-ok {
	transition:all 1s ease;
}
#content h1.anim {
	opacity:0;
	/*margin-left: -150px;*/
}
#content div.lead.anim-ok {
	transition:all 1s ease;
}
#content div.lead.anim {
	opacity:0;
	/*margin-left: -150px;*/
}

#content div.products > div.anim-ok {
	transition:all .5s ease .2s;
}

#content div.products > div.anim {
	transform:scale(0);
	opacity:0;
}

#content div.home-block {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#content div.intro.show-news {
	width:50%;
}

#content div.news-home {
	width:40%;
}
#content div.news-home.anim, #content div.news-home *.anim {
	opacity:0;
}
#content div.news-home a.title {
	color: #fff;
	font-size: 36px;
	margin-bottom: 30px;
	margin-top: 20px;
	font-weight: 600;
	display: inline-block;
	line-height: normal;
	opacity:0;
}
#content div.news-home a.title:hover {
	color: #e1e1e1;
}
#content div.news-home span.published {
	background-color: #f15922;
	color:#fff;
	display: inline-block;
	padding:5px 15px;
	font-style: italic;
	font-size:14px;
	cursor:default;
	line-height: normal;
}
#content #news a {
	display:inline-block;
	padding:10px 15px;
	font-weight: 700;
	background-color: #fff;
	font-size:22px;
	line-height: normal;
	font-weight:700;
	color:#f15922;
	text-decoration: none;
}
#content #news a:hover {
	background-color:#686868;
	color:#fff;
}
#content div.news-home.anim-ok, #content div.news-home *.anim-ok, #content div.news-home a.anim-ok  {
	opacity:1;
	transition:opacity 1s ease .2s, color .3s;
}
#content #news_holder {
    width:100%;
    overflow: hidden;
}
#content #news {
	display:flex;
    flex-wrap: nowrap;
    align-items: top;
    transition: all .75s ease 0s;
}
#content #news > div {
	width:100%;
    flex-grow:1;
    flex-shrink:0;
	margin-right: 50px;
}