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

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

/* =============================================================================
   BTN TRAILER
   ========================================================================== */
#home_btn{
	position:relative;
	display:block;
	width:500px;
  max-width:100%;
	height:55px;
	margin:0px auto 20px auto;
	text-align:center;
	background: url(../img/home/home_btn.png) no-repeat center center;
	cursor:pointer;
}
#home_btn_txt {
	position: relative;
	display:inline-block;
	transition: all 0.3s ease;
	overflow: hidden;
	width:80%;
	height:38px;
	z-index:1;
	text-align:center;
	padding-right:45px;
}
#home_btn_txt h1 {
	position:relative;
	margin:0;
	padding:0;		
	font-family: 'cgtimes', 'Helvetica Neue', 'helioscondregular', Arial, 'Helvetica CY', Helvetica, sans-serif;
	color: #ac8515;
	font-size:28px;
	line-height:38px;	
	font-variant: small-caps;
	font-weight: normal;
	text-shadow: 1px 1px 2px black, 0 0 5px black, 0 0 5px black;	
}

/* FIREFOX specific css here */
@-moz-document url-prefix() {  
	#home_btn_txt h1 {
		font-size:25px;
	}
}
/* CHROME specific css here - this will also hit other webkit browsers like safari tho */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #home_btn_txt h1 {
		font-size:28px;
	}
}


#home_btn_play {
	position: absolute;
	right:40px;
	top:-8px;
	width:55px;
	height:55px;
	overflow:hidden;
	z-index:2;
}

/* FLASHLIGHT */
#home_btn_txt: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;
}

/* HOVER */
#home_btn:hover #home_btn_txt {
	color: #eee;
}
#home_btn:hover #home_btn_txt:after {
  left: 110%;
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
#home_btn:hover img {
	position: absolute;
	right:0px;
	top:-70px;
}

/* =============================================================================
   ZONE NEWS
   ========================================================================== */
#home_bloc {
	position:relative;
	float:none;	
	display:block;
	width:1050px;
  height:220px;
	margin:auto;
	background: url(../img/home/home_news_back.png) no-repeat top center;
}

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

/* BTN PREVIOUS NEXT */
.home_arrow {
	position: absolute;	
	top:45%;
	transform: translateY(-45%);
	width:33px;
	height:59px;
	cursor:pointer;
	z-index:1000;
	display:none;
}
#home_arrow_left {	
	left:-50px;
	background: url(../img/arrow_left.png) no-repeat top right;
}
#home_arrow_left:hover {
	background-position: 0px -70px;
}
#home_arrow_right {
	right:-50px;
	background: url(../img/arrow_right.png) no-repeat top left;
}
#home_arrow_right:hover {
	background-position: 0px -70px;
}
/* BTN NAV */
#home_nav{
	position: absolute;
	width:120px;
	height:39px;
	left:0;
	right:0;
  bottom:-45px;
  margin:auto; 
  z-index: 10;
	display:none;
	border-radius: 20px;
	
	/*
	background:rgba(0,0,0,0.6);
	border-radius: 20px;
	border: 1px solid #5f391c;  
	*/
}
#home_nav div{
	position:relative;
	float:left;	
	display: inline-block;
	height: 100%;
	background: url(../img/game/puce-inactive.png) repeat-x center center;
	cursor: pointer;
	height:39px;
	width:39px;
}
#home_nav div.active{
  background: url(../img/game/puce-active.png) repeat-x center center;
}

/* SLICK */
#home_slick {
	position:relative;
	display:block;
	width:100%;
}
.home_slide {
	position:relative;
	display:block;
	float:left;
}
/* SCREEN */
#home_news .news-bloc {
	float:left;
	width:330px;
	height:165px;
	margin:10px 10px 10px 10px;
}
/* SCREEN */
#home_news .news-bloc .news-screen {	
	box-shadow: 1px 2px 3px 2px rgba(0,0,0,0.3);	
	border: 2px solid transparent;
	border-image: linear-gradient(to bottom, #d1ab46 0%, #000 70%);
	border-image-slice: 1;
}
#home_news .news-bloc .news-screen img {	
	width:100%;
	margin:0px;
}
#home_news .news-video:hover .news-screen img, 
#home_news .news-shop:hover .news-screen img {
	transform:none;
}
#home_news .news-bloc.news-video:hover .news-more, 
#home_news .news-bloc.news-shop:hover .news-more {
	opacity: 0;
}

/* LEGEND */
.home-legend {
	position:absolute;	
	z-index:20;
	bottom:0px;
	width:100%;
	height:40px;
	font-family: 'helioscondbold', Arial, "Helvetica CY", Helvetica, sans-serif;
	text-align:center;
	text-transform:uppercase;
	color:#ccc;	
	transition: all 0.3s ease;	
	background: rgba(0,0,0,1);	
	font-size:16px;
	line-height:40px;
}

/* BOUTON PLAY */
.home-play {	
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:55px;
	height:80px;
	margin:auto;
}


/* =============================================================================
   MEDIA QUERIES
   ========================================================================== */
@media screen and (max-width: 1050px) {
	#home_bloc  {
		width:100%;
	}
	#home_bloc {
		position:relative;
		float:none; 
		display:block;
		width:100%;
		height:135px;
		margin:auto;
		padding:6px 10px;
		/*background: url(../img/home/home_news_back.png) no-repeat center center;*/
		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 15%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0) 85%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 15%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0) 85%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 15%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0) 85%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
		margin-bottom:80px;
	}
	#home_bloc:before,
	#home_bloc:after {
			content:'';
			width:100%;
			position: absolute;
			left:0;
			right:0;
			margin:auto;
	}
	#home_bloc:before {
			top:-5px;
			height:5px;
			background: url(../img/home/home_news_top.png) no-repeat center center;
	}
	#home_bloc:after {
			bottom:-28px;
			height:28px;
			background: url(../img/home/home_news_bottom.png) no-repeat center center;
	}
	#home_news  {
		width:820px;
	}
	#home_news .news-bloc {
		width:260px;
		height:130px;
		margin:0px 10px;
	}
	.home-legend {
		font-size:13px;
	}	
}

@media screen and (max-width:850px) {
	#home_bloc  {
		width:100%;
		height:200px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+18,000000+77,000000+100&0+0,0.7+18,0.7+77,0+100 */
		background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 18%, rgba(0,0,0,0.7) 77%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 18%,rgba(0,0,0,0.7) 77%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 18%,rgba(0,0,0,0.7) 77%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
		padding-top:20px;
	}
	#home_bloc:before,
	#home_bloc:after {
		content:'';
		display:block;
		width:100%;
		height:1px;
		position: absolute;
		left:0;
		right:0;
		margin:auto;
		z-index: 100;
		background: -moz-linear-gradient(left,  rgba(230,183,30,0) 0%, rgba(230,183,30,0.8) 25%, rgba(230,183,30,1) 52%, rgba(230,183,30,0.8) 75%, rgba(230,183,30,0) 100%);
		background: -webkit-linear-gradient(left,  rgba(230,183,30,0) 0%,rgba(230,183,30,0.8) 25%,rgba(230,183,30,1) 52%,rgba(230,183,30,0.8) 75%,rgba(230,183,30,0) 100%);
		background: linear-gradient(to right,  rgba(230,183,30,0) 0%,rgba(230,183,30,0.8) 25%,rgba(230,183,30,1) 52%,rgba(230,183,30,0.8) 75%,rgba(230,183,30,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
	}
	#home_bloc:before {
		top:0px;
	}
	#home_bloc:after {
		bottom:0px;
	}	
	#home_news  {
		width:550px;
	}
	.home_arrow {
		display:block;
	}
	#home_nav{
		display:block;
	}
	#home_btn_txt h1 {
		font-size:24px;	
	}
	#home_btn_txt span {
		display:none;		
	}
}
@media screen and (max-width:650px) {
	#home_bloc  {
		height:230px;
	}
	#home_news  {
		width:310px;
		height:155px;
	}
	#home_news .news-bloc {
		width:300px;
		height:155px;
		margin:0px 5px;
	}
	/*
	#home_news .news-bloc {
		display:none;
	}
	#home_news .news-bloc:first-child {
		display:block;
		margin:0px;
	}
	*/
}
@media screen and (max-width:410px) {
	.home_arrow {
		display:none;
	}
}