/* =============================================================================
   CONTENT
   ========================================================================== */

#home {
	position:fixed;
	width:100%;
	margin:auto;
	bottom:100px;
	left:0px;
}



/* =============================================================================
   AWARDS
   ========================================================================== */
#awards {
	position:relative;
	display:block;
	width:100%;
	max-width:1000px;
	text-align:center;
	margin:0 auto;
}
#awards ul {
	position:relative;
	display:block;
	width:100%;
	padding:0;
}
#awards li {
	position:relative;
	display:inline-block;
	width:auto;
	max-width:18%;	
	margin:0 1%;
}
#awards li img {
	max-width:100%;
}


/* =============================================================================
   BTN TRAILER
   ========================================================================== */
#home_btn {
	position:relative;
	display:block;
	width:500px;
  	max-width:100%;
	margin:100px auto 100px auto;
	text-align:center;
	cursor:pointer;
}
#home_btn_txt {
	position: relative;
	display:inline-block;
	transition: all 0.3s ease;
	overflow: hidden;
	width:80%;
	z-index:1;
	text-align:center;
}
#home_btn_txt h1 {
	position:relative;
	margin:0;
	padding:0;		
	font-family: 'fitzquadrata', 'Helvetica Neue', 'helioscondregular', Arial, 'Helvetica CY', Helvetica, sans-serif;
	color: #fff;
	font-size:28px;
	line-height:1;	
	font-variant: small-caps;
	font-weight: normal;
	text-shadow: 1px 1px 2px rgba(255,255,255,.2), 0 0 5px rgba(255,255,255,.2), 0 0 5px rgba(255,255,255,.2);
	margin-bottom:10px;	
}
#home_btn_play img{
	max-width: 100%;
}



/* =============================================================================
   ZONE NEWS
   ========================================================================== */
#home_bloc {
	position:relative;
	float:none;	
	display:block;
	width:1050px;
  	height:220px;
	margin:auto;
}

/* GONDOLE */
#home_news  {
	position:relative;
	float:none;	
	display:block;
	width:100%;
	margin:auto;
}

/* SLICK */
#home_slick {
	position:relative;
	display:block;
	width:100%;
}
.home_slide {
	position:relative;
	display:block;
	float:left;
}

 /* BLOC */  
#home_news a {
	position:relative;
	display:inline-block;	
	float:left;
	width:330px;
	height:165px;
	margin:10px;
}
.news-bloc {
	position:relative;
}
.news-bloc:before,
.news-bloc:after {
	content:'';
	display:block;
	width:126px;
	height:61px;
	position: absolute;
	top:0;
	z-index:10;
}
.news-bloc:before {
	left:0;
	background: url(../img/deco-block-left.png) no-repeat center center;
}
.news-bloc:after {
	right:0;
	background: url(../img/deco-block-right.png) no-repeat center center;
}

/* SCREEN */
.home-screen {
	position:relative;
	display:inline-block;	
	width:100%;
	margin:0;
	cursor: pointer;
	box-shadow: 1px 2px 3px 2px rgba(0,0,0,0.3);	
	overflow:hidden;
}
.home-screen img {
	margin:0px auto 0px auto;
	width:100%;		
	/* border: 1px solid #009de0; */
	transition: all .2s ease-in-out;
	backface-visibility: hidden;
}

/* POUR LE FLASH LIGHT */
.home-screen:after {
  	position: absolute;  
	background: #fff;
	content: "";
	height:300px;
	top: -60px;
	left: -180px;
	opacity:.2;
	transform: rotate(35deg);
	transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	width:100px;
	z-index:10;
}

/* BOUTON PLAY */
.home-play {
	width:62px;
	height:64px;	
	position: absolute;
	top:0;
	left:0;
	right:0;
	top:25%;
	margin:auto;
}

/* LEGEND */
.home-legend {	
	position:absolute;
	width:100%;
	left:0px;
	right:0px;
	bottom:-2px;
	margin:auto;
	z-index:20;
	padding:13px 5px 7px;
	font-family: 'fuji-reg', 'Arial', sans-serif;
	font-size:18px;
	letter-spacing: 1px;
	text-transform:uppercase;
	color:#222;
	background: url(../img/pattern_background_block.png) no-repeat center center;
	transition: all .3s ease-in-out;
	text-align:center;
	text-shadow: 0 1px 1px rgba(0,0,0,.8);
}

/* HOVER */
#home_news a:hover .home-screen img {
  transform: scale(1.05);
}
#home_news a:hover .home-screen:after {
  left: 120%;
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
#home_news a:hover .home-legend {
  color:#222;
}
#home_news a.news-shop:hover .home-screen img {
	transform:none;
}

/* BTN NAV */
#home_slick_nav {
	display:none;
	position: absolute;
	z-index: 10;	
	width:140px;
	height:39px;
	left:0;
	right:0;
  bottom:-55px;
  margin:auto;   
	border-radius: 20px;
}
#home_slick_nav div {
	position: relative;
	display: inline-block;	
	width:22px;
	height:22px;
	margin:0px 8px;
	background: rgba(0,0,0,.8);
	border:1px solid #fff;
	transform: rotate(-45deg);
	cursor:pointer;
}
#home_slick_nav div:hover {
	background: rgba(255,255,255,.3);
}
#home_slick_nav div.active{
  background: rgba(255,255,255,.3);
}


/* =============================================================================
   MEDIA QUERIES
   ========================================================================== */
@media screen and (max-width: 1050px) {
	#home_bloc  {
		width:850px;
		height:150px;
	}	
	#home_news a {
		width:260px;
		height:135px;
		margin:0px 10px;
	}
	.home-legend {
		font-size:13px;
		bottom:5px;
	}	
}

@media screen and (max-width:860px) {
	#awards li {
		max-width:29%;
	}
	#awards li#award-jv, 
	#awards li#award-pgw {
		display:none;
	}
	#home_bloc  {
		width:570px;
		height:250px;
	}
	#home_slick_nav {
		display:block;
	}
}

@media screen and (max-width:580px) {
	#home_bloc  {
		width:310px;
	}
	#home_news a {
		width:300px;
		height:155px;
		margin:0px 5px;
	}
}