#footer{
	position: absolute;
	bottom:0;
	left:0;
	right:0;
}
#content{
	background:url(hp-bkg.jpg) center center no-repeat;
	background-size:cover;
	position: absolute;
	margin:0;
	top:70px;
	left:70px;
	right:70px;
	bottom:70px;
}
	#content .item-page.homepage{
		display: block;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		font-family: 'Dosis', sans-serif;
		font-size : 14px;
		color : #FFFFFF;
		color : rgb(255, 255, 255);
	}
	#content .item-page.homepage > div{
		width:100%;
		height:100%;
	}
	#content .item-page.homepage .block{
		position: absolute;
		top:100px;
		bottom:0;
		opacity:0;
		padding:17% 40px 0 40px;
		text-align: center;
	    -webkit-transition: all .8s;
	    transition: all .8s;
	    color:white;
	    text-decoration:none;
	}
	
	
	
	#content .item-page.homepage .block.first{
		left:0;
		right:66.66666%;
		background:#c2c2c2;

		padding-top:18%;
		font-weight: 300;
	}
	#content .item-page.homepage .block.first:hover{
		padding-top:14%;
		background:rgba(0, 78, 151,.8);
	    -webkit-transition: all .5s;
	    transition: all .5s;	
	}
	#content .item-page.homepage .block.first p{
		max-width:none;
		opacity:0;
	    -webkit-transition: all .5s;
	    transition: all .5s;
	    text-align: left;
	}
	#content .item-page.homepage .block.first:hover p{
		opacity:1;
	    -webkit-transition: all .5s;
	    transition: all .5s;	
	}
	#content .item-page.homepage .block.first h2{
		font-weight: normal;
		/* text-transform: lowercase; */
	}	
	
	
	#content .item-page.homepage .block.second{
		left:33.33333%;
		right:33.33333%;
		background:#959595;
	}
	#content .item-page.homepage .block.second:hover{
		padding-top:8%;
		background:rgba(87,158,66,.8);
	    -webkit-transition: all .5s;
	    transition: all .5s;	
	}
	#content .item-page.homepage .block.second > ul{
		max-width:none;
		margin-top:16px;
	}
	#content .item-page.homepage .block.second > ul li:before{
		content: url('logo_menu_in.png');
		width:10px;
		height:10px;
		margin-right:10px;
	}
	
	
	#content .item-page.homepage .block.third{
		right:0;
		padding-top:18%;
		left:66.66666%;
		background:#c2c2c2;
	}
	#content .item-page.homepage .block.third:hover{
		padding-top:14%;
		background:rgba(242,105,37,.8);
	    -webkit-transition: all .5s;
	    transition: all .5s;	
	}
	#content .item-page.homepage .block.third p{
		opacity:0;
	    -webkit-transition: all .5s;
	    transition: all .5s;
	    text-align: left;
	}
	#content .item-page.homepage .block.third:hover p{
		opacity:1;
	    -webkit-transition: all .5s;
	    transition: all .5s;	
	    color:#fff;
	}
	#content .item-page.homepage .block.third:hover h2{
	    color:#fff;
	}
	#content .item-page.homepage .block.third h2{
		font-weight: normal;
		/* text-transform: lowercase; */
		font-weight: 300;
	}
	
	
	#content .item-page.homepage .block:hover > a{
		font-weight: normal;
	}
	#content .item-page.homepage .block > ul{
		display:inline-block;
		max-width:220px;
		text-align: left;
		margin:40px 0 0 0;
		padding:0;
		list-style: none;
		text-indent:0;
		font-size:14px;
	}
	#content .item-page.homepage .block > a{
		display: block;
		font-size : 30px;
		color : #FFFFFF;
		text-decoration:none;
		letter-spacing:.1em;
		font-weight: 300;
	}
	#content .item-page.homepage .block > ul li{
		margin-bottom:12px;
	    -webkit-transition: all .5s;
	    transition: all .5s;	
		opacity:0; 
	}
	#content .item-page.homepage .block > ul a{
		color: white;
		text-decoration: none;
	}
	
	#content .item-page.homepage .block:hover > ul > li:nth-child(1){ 
	    -webkit-transition: all .2s;
	    transition: all .2s;
		-webkit-transition-delay: .1s;
		transition-delay: .1s;	
		opacity: 1; 
    }
	#content .item-page.homepage .block:hover > ul > li:nth-child(2){
	    -webkit-transition: all .2s;
	    transition: all .2s;
		-webkit-transition-delay: .2s;
		transition-delay: .2s;	
		opacity: 1;
	}
	#content .item-page.homepage .block:hover > ul > li:nth-child(3){ 
	    -webkit-transition: all .2s;
	    transition: all .2s;
		-webkit-transition-delay: .3s;
		transition-delay: .3s;
		opacity: 1; 
	}
	#content .item-page.homepage .block:hover > ul > li:nth-child(4){ 
	    -webkit-transition: all .2s;
	    transition: all .2s;
		-webkit-transition-delay: .4s;
		transition-delay: .4s;
		opacity: 1; 
	}
	#content .item-page.homepage .block:hover > ul > li:nth-child(5){ 
	    -webkit-transition: all .2s;
	    transition: all .2s;
		-webkit-transition-delay: .5s;
		transition-delay: .5s;
		opacity: 1; 
	}
	#content .item-page.homepage .block:hover > ul > li:nth-child(6){ 
	    -webkit-transition: all .2s;
	    transition: all .2s;
		-webkit-transition-delay: .6s;
		transition-delay: .6s;
		opacity: 1; 
	}
	#content .item-page.homepage .block:hover > ul > li:nth-child(7){ 
	    -webkit-transition: all .2s;
	    transition: all .2s;
		-webkit-transition-delay: .7s;
		transition-delay: .7s;
		opacity: 1; 
	}
	#content .item-page.homepage .block:hover > ul > li:nth-child(8){ 
	    -webkit-transition: all .2s;
	    transition: all .2s;
		-webkit-transition-delay: .8s;
		transition-delay: .8s;
		opacity: 1; 
	}
	#content .item-page.homepage .block:hover > ul > li:nth-child(9){ 
	    -webkit-transition: all .2s;
	    transition: all .2s;
		-webkit-transition-delay: .9s;
		transition-delay: .9s;
		opacity: 1; 
	}
	#content .item-page.homepage .block:hover > ul > li:nth-child(10){ 
	    -webkit-transition: all .2s;
	    transition: all .2s;
		-webkit-transition-delay: 1s;
		transition-delay: 1s;
		opacity: 1; 
	}
	
	#content .item-page.homepage .fiere{
		position: absolute;
		display: inline-block;
		box-sizing: border-box;
		padding:6px 20px 6px 20px;
		bottom:1.5%;
		left:35%;
		right:35%;
		border:1px solid white;
		display:none;
	}
	#content .item-page.homepage .fiere h3{
		margin:0;
		font-weight: 300;
		text-align: left;
		padding-bottom:10px;
		border-bottom:1px solid white;
		margin-bottom:20px;
		text-transform:uppercase;
		font-size:16px;
	}
	#content .item-page.homepage .fiere .item{
		display: inline-block;
		width:50%;
		box-sizing:border-box;
		float: left;
		color: white;
		text-decoration:none;
		font-size:11px;
	}
	#content .item-page.homepage .fiere .item:hover{
		color:#3f5b57;
	}
	#content .item-page.homepage .fiere .item b{
		font-size:14px;
	}
	#content .item-page.homepage .fiere .item span{
		font-size:12px;
		font-weight: bold;
	}
	
	
@media only screen and (max-width:900px){
	#footer{
		position: static;
		bottom:0;
		left:0;
		right:0;
		min-height:70px;
	}
	#content{
		position: static;
	}
	#content .item-page.homepage{
		margin:0;
		padding:0;
	}
	#content .item-page.homepage .block{
		display: inline-block;
		position:static;
		left:auto;
		right:auto;
		top:auto;
		bottom:auto;
		text-align: center;
		box-sizing:border-box;
		padding:40px;
		width:100%;
	}
	#content .item-page.homepage .block.first,
	#content .item-page.homepage .block.second,
	#content .item-page.homepage .block.third{
		padding-top:20px;
	}
	#content .item-page.homepage .block.first:hover,
	#content .item-page.homepage .block.second:hover,
	#content .item-page.homepage .block.third:hover{
		padding:40px;
		padding-top:20px;
	}
	#content .item-page.homepage .block p,
	#content .item-page.homepage .block > ul li{
		opacity:1 !important;
	}
	#content .item-page.homepage .fiere{
		display:inline-block;
		position: static;
		margin:70px;
		background:#87af99;
	}
}
@media only screen and (max-width:900px){
	#content .item-page.homepage .fiere{
		display:inline-block;
		position: static;
		margin:10px;
		background:#87af99;
	}
	#content .item-page.homepage .block p{
		display: none;
	}
	#content .item-page.homepage .block h2{
		text-transform:uppercase;
	}
}