/* =============================================================================
   FULLPAGE
   ========================================================================== */
.section {
	position: relative;
	display:block;
	width:100%;
	text-align:center;
}
.slide {
	position: relative;
	float:left;
	width:100%;
	height:100%;
}


/* =============================================================================
   GAME NAV
   ========================================================================== */
#game_nav {
	position: fixed;
	top:50%;
	left:20px;
	transform: translateY(-50%);
	width:200px;
	z-index:150;
	text-align: center;	
	padding-top: 20px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00000000',GradientType=0 );
	padding-bottom:60px;
}
#game_nav:before {
	content:'';
	display:block;
	width:100%;
	height:45px;
	position: absolute;
	top:-22px;
	left:0;
	right:0;
	background: url(../img/game/nav_upper.png) no-repeat center center;
	z-index:32;
}
#game_nav a {
	position:relative;
	display: block;
	width:100%;
	padding: 12px 10px;
	cursor: pointer;
}
#game_nav a:after {
	content:'';
	display:block;
	width:8px;
	height:13px;
	position: absolute;
	left:0;
	right:0;
	bottom:-6px;
	margin:auto;
	opacity:.4;
	background: url(../img/game/nav_sep.png) no-repeat center center;
}

#game_nav a:last-child:after {
	width:42px;
	height:60px;
	bottom:-53px;
	background: url(../img/game/nav_last.png) no-repeat center center !important;
}

#game_nav a span {
	display:block;
	width:100%;
	position:relative;
	z-index:4;
	font-variant: small-caps;
	text-transform: capitalize;
	font-size:20px;
	line-height:18px;
	opacity:.8;
	font-family: 'cgtimes', 'Helvetica Neue', 'helioscondregular', Arial, 'Helvetica CY', Helvetica, sans-serif;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,.8);
	transition: .2s ease-in-out;
}
#game_nav a span:after {
	content:'';
	display:block;
	width: 100%;
	height: 8px;
	position: absolute;
	left:-1px;
	right:0px;
	bottom:-13px;
	margin:auto;
	background: url(../img/game/nav_underline.png) no-repeat center center;
	transform-origin: 50% 50%;
	transform: scaleX(0);
	transition: .1s ease-in-out;
}

/* HOVER */
#game_nav a:hover span {
	color: #c6a130;
	opacity:1;
}
#game_nav a:hover span:after {
	transform: scaleX(1);
}

/* RUBRIQUES ACTIVES */
#game_nav a.active span {
	color: #c6a130;
	opacity:1;
}
#game_nav a.active span:after {
	transform: scaleX(1);
}

/* RUBRIQUES INACTIVES */
#game_nav a.inactif span {
	color: #666;
}
#game_nav a.inactif span {
	color: #666;
}
#game_nav a.inactif:hover span {
	color: #666;
	opacity:.8;
}
#game_nav a.inactif:hover span:after {
	transform: scaleX(0);
}

	 		
#fp-nav.right {
	right:8px;
}
	 

/* =============================================================================
   GAME CONTENT
   ========================================================================== */
.game_content {	
	position: relative;
	display:block;
	width:100%;
	max-width:1050px;	
	margin:200px auto 0px auto;	
	color:#ddd;
	text-align:center;
	font-size:14px;
	line-height:17px;	
	clear:both;
}

.game_desktop {
	display:block;
}
.game_mobile {
	display:none;
}

/* =============================================================================
   TITLE
   ========================================================================== */
.game_title {	
	position: relative;
	display: block;
	float:left;
	height:55px;
	padding-left:20px;
	text-align:left;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 10%, rgba(0,0,0,0.2) 65%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 10%,rgba(0,0,0,0.2) 65%,rgba(0,0,0,0.2) 60%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 10%,rgba(0,0,0,0.2) 65%,rgba(0,0,0,0.2) 60%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
}
.game_title h1 {
	font-family: 'dark11', serif;
	font-weight:lighter;
	font-style:normal;
	font-size:40px;
	line-height:50px;
	color: #fff;
	text-shadow: 0 2px 1px rgba(0,0,0,.8);
	margin:0;
	padding:0;
}



/* =============================================================================
   DECORATION
   ========================================================================== */
.decoration {
	position: absolute;
	z-index:100;
	top:-14px;
	right:-26px;
	width:70px;
	height:30px;
	background: url(../img/game/decoration.png) no-repeat center center;
}


/* =============================================================================
   ZONE TEXTE
   ========================================================================== */
.game_text {
	position: relative;
	display:inline-block;
	float: left;
	transition: .2s ease-in-out;	
}
.text-container {
	width:100%;
	min-height:266px;
	float:left;
	margin-right:5%;
	background:rgba(0,0,0,.9);
	padding:20px 20px 30px 20px;
	position: relative;
	line-height: 18px;
	box-shadow: 0 -2px 4px 0 rgba(0,0,0,1) inset,
				0  2px 4px 0 rgba(0,0,0,1) inset;
	transition: .2s ease-in-out;
	z-index:2;
}

.text-container:before,
.text-container:after {
	content:'';
	display:block;
	width:100%;
	height:1px;
	position: absolute;
	left:0;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.8) 0%, rgba(222,171,27,1) 50%, rgba(0,0,0,0.8) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.8) 0%,rgba(222,171,27,1) 50%,rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0.8) 0%,rgba(222,171,27,1) 50%,rgba(0,0,0,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#cc000000',GradientType=1 );
}

.text-container:before {
	top:0;
}
.text-container:after {
	bottom:0;
}
.text-container p {
	vertical-align:bottom;
	line-height:1.4;
	text-align: justify;
}

.text-container p span {
	font-weight: bold;
}

.text-container h2 {
	font-size:24px;
	font-family: 'cgtimes', 'Times New Roman', serif;
	text-align:center;
	text-transform: capitalize;
	font-variant: small-caps;
	color: #b4932c;
	margin-bottom:20px;
	position: relative;
}
.text-container h2:after {
	content:'';
	display:block;
	width:168px;
	max-width:60%;
	height:8px;
	background: url(../img/game/nav_underline.png) no-repeat center center;
	position: absolute;
	left:0;
	right:0;
	bottom:-15px;
	margin:auto;
}
.text-container h2 span{
	font-size: 14px
}

.text-container ul {
	padding:0;
}

.text-container ul li {
	margin: 8px 0;
}

.text-container ul li span {
	font-weight: bold;
}

.text1 {
	position:relative;
	display:block;
	text-align:left;	
}
.text2 {
	position:relative;
	display:none;
	text-align:left;
	/*margin-top:15px;*/
}




/* =============================================================================
   SLICK
   ========================================================================== */
.btn-more, .btn-less {
	position: absolute;
	bottom:-10px;
	z-index:20;
	width:15px;
	height:20px;
	cursor:pointer;
}
.btn-more {
	right:20px;
	background: url(../img/nav/arrow_right.png) repeat-x center center;
}
.btn-less {
	left:20px;
	background: url(../img/nav/arrow_left.png) repeat-x center center;
}
.cat_nav{
	position: absolute;
	left:0;
	right:0;
    bottom: -20px;
    margin:auto;
    background-color: #000;
    z-index: 10;
    -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #5f391c;
    height: 39px;
}
.cat_nav div{
	display: inline-block;
	height: 100%;
    background: url(../img/game/puce-inactive.png) repeat-x center center;
    cursor: pointer;
    height: 39px;
    width: 39px;
}
.cat_nav div.active{
    background: url(../img/game/puce-active.png) repeat-x center center;
}
#intro_nav,
#battle_nav,  
#multi_nav {
  width: 100px;
}
#campaign_nav{
  width: 200px;
}
#fleet_nav {
  width: 260px;
}


/* =============================================================================
   VIGNETTE VIDEO
   ========================================================================== */
.player-container {
	position:relative;
	display:inline-block;
	float:left;
	cursor:pointer;
	text-align:center;
}
.player-img {
	position:relative;
	float:left;
	display:block;
	width:100%;
}
.player-img video {
	position:relative;
	float:left;
	display:block;
	width:100%;
}
.player-img:before,
.player-img:after {
	content:'';
	position: absolute;
	z-index:10;
	width:100%;
	height:2px;	
	left:0;
	background: -moz-linear-gradient(left,  rgba(140,111,31,0) 0%, rgba(140,111,31,1) 50%, rgba(140,111,31,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(140,111,31,0) 0%,rgba(140,111,31,1) 50%,rgba(140,111,31,0) 100%);
	background: linear-gradient(to right,  rgba(140,111,31,0) 0%,rgba(140,111,31,1) 50%,rgba(140,111,31,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
}
.player-img:before {
	top:0;
}
.player-img:after {
	bottom:0px;
}
.player-play {
	width:55px;
	height:55px;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}
.player-txt {
	position:relative;
	float:left;
	display:block;	
	width:100%;
	margin:5px auto;
	padding:12px 10px;
	font-family: 'cgtimes', 'Helvetica Neue', 'helioscondregular', Arial, 'Helvetica CY', Helvetica, sans-serif;
	color: #ac8515;
	font-size:26px;
	font-variant: small-caps;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(34,54,70,1) 50%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(34,54,70,1) 50%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(34,54,70,1) 50%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
	text-shadow: 0 -2px 2px rgba(0,0,0,.8);
	box-shadow: 0px 1px 0px 0 rgba(0,0,0,.4) inset,
				0px -1px 0px 0 rgba(0,0,0,.4) inset;
}
.player-txt:before,
.player-txt:after {
	content:'';
	display:block;
	width:100%;
	height:1px;
	position: absolute;
	left:0;
	background: -moz-linear-gradient(left,  rgba(140,111,31,0) 0%, rgba(140,111,31,1) 50%, rgba(140,111,31,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(140,111,31,0) 0%,rgba(140,111,31,1) 50%,rgba(140,111,31,0) 100%);
	background: linear-gradient(to right,  rgba(140,111,31,0) 0%,rgba(140,111,31,1) 50%,rgba(140,111,31,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
}
.player-txt:before {
	top:0;
}
.player-txt:after {
	bottom:0;
}


/* =============================================================================
   FACTIONS TITLE
   ========================================================================== */
.faction_title {
	position: relative;
	display:block;
	width:250px;
	margin:40px auto;
}
.faction_title h1 {
	font-family: 'dark11', serif;
	font-weight:lighter;
	font-size:45px;
}
.faction_title:after {
	content:'';
	position: absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:1px;
	margin:auto;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 15%, rgba(255,255,255,1) 52%, rgba(255,255,255,0.8) 85%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 15%,rgba(255,255,255,1) 52%,rgba(255,255,255,0.8) 85%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 15%,rgba(255,255,255,1) 52%,rgba(255,255,255,0.8) 85%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
}

/* =============================================================================
   FACTIONS ARROWS
   ========================================================================== */
.faction-arrows {
	position: absolute;
	width:33px;
	height:59px;
	top:50%;
	transform: translateY(-60%);
	cursor:pointer;
	z-index:1000;
}
.faction-arrows.left-arrow {
	left:-108px;	
	background: url(../img/arrow_left.png) no-repeat top left;
}
.faction-arrows.left-arrow:hover {
	background-position: 0px -70px;
}
.faction-arrows.right-arrow {
	right: -38px;
	background: url(../img/arrow_right.png) no-repeat top left;
}
.faction-arrows.right-arrow:hover {
	background-position: 0px -70px;
}

.faction-arrows-mobile {
	position:relative;
	display:block;
	float:left;
	clear:both;
	text-align:center;
	margin:70px auto 20px auto;
	display: none;
}
.faction-arrows-mobile:after {
	content:'';
	display:block;
	clear:both;
}
.faction-arrows-mobile div {
	display:inline-block;	
	width:36px;
	height:36px;
	line-height:35px;
	border:1px solid #fff;
	color: #fff;
	margin: 0 15px;
	transition: .2s ease-in-out;
	cursor: pointer;
}
.faction-arrows-mobile div:hover {
	background: #fff;
	color: #222;
}
.faction-arrows-mobile div i {
	font-size: 18px;
}
.faction-arrows-mobile .left-arrow {
	padding-right:2px;
}
.faction-arrows-mobile .right-arrow {
	padding-left:2px;
}

/* =============================================================================
   FACTION HOME
   ========================================================================== */
#faction_home {	
	position:relative;
	margin:auto;
	text-align:center;
	width:100%;
	max-width:990px;
}
.faction_home {
	position: relative;
	width:25%;
	min-height:500px;
	display: inline-block;
	margin: -.125em;
	vertical-align:top;
	text-align:center;
	cursor:pointer;
}
.faction_home:after,
.faction_home:first-child:before {
	content:'';
	display:block;
	width:2px;
	height:100%;
	position: absolute;
	top:0;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 40%, rgba(255,255,255,1) 52%, rgba(255,255,255,0.6) 65%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 40%,rgba(255,255,255,1) 52%,rgba(255,255,255,0.6) 65%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 40%,rgba(255,255,255,1) 52%,rgba(255,255,255,0.6) 65%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );
}
.faction_home:first-child:before {
	left:0;
}
.faction_home:after {
	right:0;
}
.faction_home h1 {
	display:inline-block;
	font-size:32px;
	margin-top:50px;
	padding: 0 30px;
	font-family: 'cgtimes', 'Helvetica Neue', 'helioscondregular', Arial, 'Helvetica CY', Helvetica, sans-serif;
	font-variant: small-caps;
	font-style: capitalize;
	position: relative;
	color: #fff;
	font-weight: normal;
}
.faction_home h1:before,
.faction_home h1:after {
	content:'';
	display:block;
	width:80%;
	height:1px;
	position: absolute;
	left:0;
	right:0;
	margin:auto;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 25%, rgba(255,255,255,1) 52%, rgba(255,255,255,0.8) 75%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 25%,rgba(255,255,255,1) 52%,rgba(255,255,255,0.8) 75%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 25%,rgba(255,255,255,1) 52%,rgba(255,255,255,0.8) 75%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.faction_home h1:before {
	top:-5px;
}
.faction_home h1:after {
	bottom:-5px;
}
.faction_home img {
	max-width:70%;
	display:block;
	margin:10px auto 0;
	transition: .2s ease-in-out;
}
.faction_home p {
	font-size: 14px;
	font-shadow: 0 1px 2px rgba(0,0,0,1);
	padding: 10px 20px;
	color: #fff;
	margin: 0 0 10px;
	min-height: 130px;
}
.faction_home span {
	display:inline-block;
	margin:10px 20px;
	color: #fff;
	text-decoration: none;
	font-variant: small-caps;
	font-style: capitalize;
	font-size: 16px;
	padding:6px 6px 8px 6px;
	border:1px solid #fff;
	font-family: 'cgtimes', 'Helvetica Neue', 'helioscondregular', Arial, 'Helvetica CY', Helvetica, sans-serif;
	transition: .2s ease-in-out;
	cursor: pointer; 
}
.faction_home:hover span {
	box-shadow: 0 6px 12px 0 rgba(0,0,0,.3);
}
.faction_home span:hover {
	background: #fff;
	color: #222;
}

#faction_home_imperium {
	background: -moz-linear-gradient(top,  rgba(0,95,137,0) 0%, rgba(0,95,137,0.6) 20%, rgba(0,95,137,1) 50%, rgba(0,95,137,0.6) 80%, rgba(0,95,137,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,95,137,0) 0%,rgba(0,95,137,0.6) 20%,rgba(0,95,137,1) 50%,rgba(0,95,137,0.6) 80%,rgba(0,95,137,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,95,137,0) 0%,rgba(0,95,137,0.6) 20%,rgba(0,95,137,1) 50%,rgba(0,95,137,0.6) 80%,rgba(0,95,137,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00005f89', endColorstr='#00005f89',GradientType=0 );
	transition: background .2s ease-in-out;
}
#faction_home_imperium:before {
	content:'';
	display:block;
	width:2px;
	height:100%;
	position: absolute;
	top:0;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 40%, rgba(255,255,255,1) 52%, rgba(255,255,255,0.6) 65%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 40%,rgba(255,255,255,1) 52%,rgba(255,255,255,0.6) 65%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 40%,rgba(255,255,255,1) 52%,rgba(255,255,255,0.6) 65%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );
}
#faction_home_imperium:hover {
	background: -moz-linear-gradient(top,  rgba(0,95,137,0) 0%, rgba(0,135,173,1) 50%, rgba(0,95,137,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,95,137,0) 0%,rgba(0,135,173,1) 50%,rgba(0,95,137,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,95,137,0) 0%,rgba(0,135,173,1) 50%,rgba(0,95,137,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00005f89', endColorstr='#00005f89',GradientType=0 );
}

#faction_home_chaos {
	background: -moz-linear-gradient(top,  rgba(132,15,0,0) 0%, rgba(132,15,0,0) 1%, rgba(132,15,0,0.6) 20%, rgba(132,15,0,1) 50%, rgba(132,15,0,0.6) 80%, rgba(132,15,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(132,15,0,0) 0%,rgba(132,15,0,0) 1%,rgba(132,15,0,0.6) 20%,rgba(132,15,0,1) 50%,rgba(132,15,0,0.6) 80%,rgba(132,15,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(132,15,0,0) 0%,rgba(132,15,0,0) 1%,rgba(132,15,0,0.6) 20%,rgba(132,15,0,1) 50%,rgba(132,15,0,0.6) 80%,rgba(132,15,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00840f00', endColorstr='#00840f00',GradientType=0 ); /* IE6-9 */
}
#faction_home_chaos:hover {
	background: -moz-linear-gradient(top,  rgba(132,15,0,0) 0%, rgba(133,15,0,0) 1%, rgba(145,15,0,0.6) 20%, rgba(163,15,0,1) 50%, rgba(181,15,0,0.6) 80%, rgba(193,15,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(132,15,0,0) 0%,rgba(133,15,0,0) 1%,rgba(145,15,0,0.6) 20%,rgba(163,15,0,1) 50%,rgba(181,15,0,0.6) 80%,rgba(193,15,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(132,15,0,0) 0%,rgba(133,15,0,0) 1%,rgba(145,15,0,0.6) 20%,rgba(163,15,0,1) 50%,rgba(181,15,0,0.6) 80%,rgba(193,15,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00840f00', endColorstr='#00c10f00',GradientType=0 ); /* IE6-9 */

}

#faction_home_orks {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#21a529+0,3c961e+100&0+0,1+50,0+100 */
	background: -moz-linear-gradient(top,  rgba(33,165,41,0) 0%, rgba(47,158,36,1) 50%, rgba(60,150,30,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(33,165,41,0) 0%,rgba(47,158,36,1) 50%,rgba(60,150,30,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(33,165,41,0) 0%,rgba(47,158,36,1) 50%,rgba(60,150,30,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0021a529', endColorstr='#003c961e',GradientType=0 ); /* IE6-9 */
}
#faction_home_orks:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#21a529+0,44b724+100&0+0,1+50,0+100 */
	background: -moz-linear-gradient(top,  rgba(33,165,41,0) 0%, rgba(51,174,39,1) 50%, rgba(68,183,36,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(33,165,41,0) 0%,rgba(51,174,39,1) 50%,rgba(68,183,36,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(33,165,41,0) 0%,rgba(51,174,39,1) 50%,rgba(68,183,36,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0021a529', endColorstr='#0044b724',GradientType=0 ); /* IE6-9 */
}

#faction_home_eldars {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#771b89+0,4e1466+100&0+0,1+50,0+100 */
	background: -moz-linear-gradient(top,  rgba(119,27,137,0) 0%, rgba(99,24,120,1) 50%, rgba(78,20,102,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(119,27,137,0) 0%,rgba(99,24,120,1) 50%,rgba(78,20,102,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(119,27,137,0) 0%,rgba(99,24,120,1) 50%,rgba(78,20,102,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00771b89', endColorstr='#004e1466',GradientType=0 ); /* IE6-9 */
}

#faction_home_eldars:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#771b89+0,771b89+100&0+0,1+50,0+100 */
	background: -moz-linear-gradient(top,  rgba(119,27,137,0) 0%, rgba(119,27,137,1) 50%, rgba(119,27,137,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(119,27,137,0) 0%,rgba(119,27,137,1) 50%,rgba(119,27,137,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(119,27,137,0) 0%,rgba(119,27,137,1) 50%,rgba(119,27,137,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00771b89', endColorstr='#00771b89',GradientType=0 ); /* IE6-9 */
}


/* =============================================================================
   FACTION 
   ========================================================================== */
#faction_imperium, 
#faction_chaos,
#faction_orks,
#faction_eldar {	
	position:relative;
	margin:auto;
	text-align:center;
	width:100%;
	max-width:990px;
}
.faction {
	position: relative;
	width:100%;
	float:left;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.6) 80%, rgba(0,0,0,0.01) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 20%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.01) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 20%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.01) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#03000000',GradientType=0 );
	transform: translateX(50px);
}
.faction:before {
	content:'';
	position: absolute;
	width:70px;
	height:440px;	
	top:-80px;
	left:-70px;
}
#faction_imperium .faction:before{	
	background: url(../img/game/imperium_banner.png) no-repeat center center;
}
#faction_chaos .faction:before{	
	background: url(../img/game/chaos_banner.png) no-repeat center center;
}
#faction_orks .faction:before{	
	background: url(../img/game/orks_banner.png) no-repeat center center;
}
#faction_eldar .faction:before{	
	background: url(../img/game/eldars_banner.png) no-repeat center center;
}
.right-col{
	padding-top: 80px
}
/* TITLE */
.slide .faction_title {
	margin:0px auto;
}

/* NAV */
.faction-nav {
	position:relative;
	display:block;
	float:left;
	width:100%;
	height:64px;
	z-index:30;
}
.faction-nav:before {
	content:'';
	position: absolute;
	top:31px;
	left:0;
	width:100%;
	height:1px;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.01) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0.01) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0.01) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#03ffffff',GradientType=1 );	
}
.faction-nav ul {
	position:relative;
	padding:0;
	margin:0;
	width:280px;
	height:64px;
	margin:auto;
}
.faction-nav li {
	display:inline-block;
	cursor:pointer;
}
.faction-nav li a {
	width:64px;
	height:64px;
	display:block;
}

/* ZONE TEXTE */
.faction-infos {
	position:relative;
	display:inline-block;
	float:left;
	width:50%;
	text-align:left;
	padding:15px;
}


/* TITRE */
.faction-title {
	position:relative;
	float:left;
	display:inline-block;
	padding:10px 60px;
}
.faction-title h1 {	
	position:relative;
	font-family: 'cgtimes', 'Helvetica Neue', 'helioscondregular', Arial, 'Helvetica CY', Helvetica, sans-serif;
	font-weight: normal;
	font-variant: small-caps;
	font-size:45px;
	line-height:60px;
	position: relative;
	text-shadow: 0 0 10px rgba(0,153,255,.35);
}
.faction-title h1:before,
.faction-title h1:after {
	content:'';
	display:block;
	width:100%;
	height:1px;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
	position: absolute;
	left:0;
}
.faction-title h1:before {
	top:0;
}
.faction-title h1:after {
	bottom:0px;
}
.faction-title img {
	position: absolute;
	top:-15px;
	left:-90px;
	width:152px;
}

/* TEXT */
.faction-txt {
	position:relative;
	float:left;
	width:100%;
	font-size:14px;
}
.faction-txt:after {
	content:'';
	display:block;
	clear:both;
}
.faction-txt a {
	display:inline-block;
	float: right;
	color: #fff;
	padding:5px 10px;
	margin-top:10px;
	border:1px solid #fff;
	font-variant: small-caps;
	font-family: 'cgtimes', 'Helvetica Neue', 'helioscondregular', Arial, 'Helvetica CY', Helvetica, sans-serif;
	font-weight: normal;
	font-size:16px;
	transition: .2s ease-in-out;
}
.faction-txt a:hover {
	color: #222;
	background: #fff;
}

/* PLAYER */
.faction-player {
	position:relative;
	display:inline-block;
	float:left;
	width:50%;
	cursor:pointer;
	padding:60px 15px 0px 15px;
}
.faction-player span {
	position: relative;
	display:inline-block;
	width:100%;
	height:40px;
	margin: 4px auto;
	font-family: 'cgtimes', 'Helvetica Neue', 'helioscondregular', Arial, 'Helvetica CY', Helvetica, sans-serif;
	color: #ac8515;
	font-size:26px;
	line-height:40px;
	font-variant: small-caps;
	font-weight: bold;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(34,54,70,1) 50%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(34,54,70,1) 50%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(34,54,70,1) 50%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
	text-shadow: 0 -2px 2px rgba(0,0,0,.8);
	box-shadow: 0px 1px 0px 0 rgba(0,0,0,.4) inset,
				0px -1px 0px 0 rgba(0,0,0,.4) inset;
}
.faction-player span:before,
.faction-player span:after {
	content:'';
	position: absolute;
	width:100%;
	height:1px;	
	left:0;
	background: -moz-linear-gradient(left,  rgba(140,111,31,0) 0%, rgba(140,111,31,1) 50%, rgba(140,111,31,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(140,111,31,0) 0%,rgba(140,111,31,1) 50%,rgba(140,111,31,0) 100%);
	background: linear-gradient(to right,  rgba(140,111,31,0) 0%,rgba(140,111,31,1) 50%,rgba(140,111,31,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
}
.faction-player span:before {
	top:0;
}
.faction-player span:after {
	bottom:0;
}
.eagle-small {
	width:80px;
	height:20px;
	background: url(../img/game/eagle_undertrailer.png) no-repeat center center;
	position: absolute;
	left:0;
	right:0;
	bottom:-16px;
	margin:auto;
}
.player {
	position: relative;
	display:block;
	float:left;
	width:100%;
}
.player:before,
.player:after {
	content:'';
	display:block;
	width:100%;
	height:2px;
	position: absolute;
	left:0;
	z-index:100;
	background: -moz-linear-gradient(left,  rgba(140,111,31,0) 0%, rgba(140,111,31,1) 50%, rgba(140,111,31,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(140,111,31,0) 0%,rgba(140,111,31,1) 50%,rgba(140,111,31,0) 100%);
	background: linear-gradient(to right,  rgba(140,111,31,0) 0%,rgba(140,111,31,1) 50%,rgba(140,111,31,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
}
.player:before {
	top:0;
}
.player:after {
	bottom:2px;
}
.player img {
	width:100%;
}
.player .play_btn {
	width:55px;
	height:55px;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}


/* =============================================================================
   MEDIAQUERIES
   ========================================================================== */

@media screen and (min-width:1201px) {
	/* GLOBAL */
	.game_title {
		width: 55%;
		margin-right:45%;
	}
	.game_text {
		width: 54%;
	}
	.player-container {
		width: 41%;		
		margin-left: 5%;
	}
}

@media screen and (min-width:1201px) and (max-width:1500px) {	
	/* GLOBAL */
	.game_content {	
		float:left;	
		max-width:1150px;
		padding-left:280px;
	}
	.text-container {
		min-height:310px;
	}
	.player-container {
		margin-top:40px;
	}
	
	/* FACTIONS */
	#faction_home, 
	#faction_imperium, 
	#faction_chaos,
	#faction_orks,
	#faction_eldar {	
		padding-left:160px;
	}
}


@media screen and (max-width:1200px) {
	/* GLOBAL */
	.section {
		height:auto !important;
	}
	#game_nav {
		display:none;
	}
	.game_content {	
		max-width:680px;
		margin:150px auto 0px auto;	
	}
	.game_title {
		width:100%;
	}
	.game_text {
		width:100%;
	}
	.text-container {
		min-height:260px;
	}
	.player-container {
		width:100%;		
		margin:40px auto 0px auto;
		padding:0px 150px;
	}
	.player-txt {
		margin:0;
	}
	.player-txt:before {
		display:none;
	}
	
	/* FACTION HOME */
	#faction_home {
		padding:0px 60px;
	}
	.faction_home {
		min-height:420px;
	}
	
	/* FACTIONS */
	#faction_imperium, 
	#faction_chaos,
	#faction_orks,
	#faction_eldar {	
		width:500px;
	}
	.faction:before {
		top:50px;
	}
	.faction-infos {
		width:100%;
		padding:15px;
	}
	.faction-player {
		width:100%;		
		margin:0px auto;
		padding:0px 80px;
	}
	.faction-player span {
		margin:-2px auto 0px auto;
	}
	.faction-player span:before {
		display:none;
	}
	
}

@media screen and (max-width:760px) {
	/* GLOBAL */	
	.game_content {	
		max-width:420px;
	}
	.game_desktop {
		display:none;
	}
	.game_mobile {
		display:block;
	}
	.player-container {
		width:100%;		
		padding:0px;		
	}
	.game_title {
		background: -moz-linear-gradient(left,  rgba(0,0,0,.8) 0%, rgba(0,0,0,0.6) 80%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(left,  rgba(0,0,0,.8) 0%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0) 100%);
		background: linear-gradient(to right,  rgba(0,0,0,.8) 0%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
	}
	.game_title h1 {
		font-size:28px;
		line-height:50px;
	}	
	#section_intro .text-container {
		min-height:360px;
	}
	#section_battle .text-container {
		min-height:330px;
	}
	#section_multiplayer .text-container {
		min-height:300px;
	}
	#section_campaign .text-container {
		min-height:320px;
	}
	.text-container h2 {
		font-size:18px;
	}
	.player-txt {
		font-size:20px;
	}
	/* FACTION HOME */
	#faction_home_imperium {
		background: rgba(0,95,137,.6);
	}
	#faction_home_imperium:hover {
		background: rgba(0,135,173,.6);
	}
	.faction_home {
		width:46%;
		min-height:auto;
		margin:1% 0;
		border:1px solid rgba(255,255,255,.6);
		padding:30px 0;
	}
	.faction_home:before,
	.faction_home:after {
		content:none;
		display:none;
	}
	.faction_home h1 {
		margin-top:0px;
	}
	.faction_home p {
		display:none;
	}
	/* FACTIONS */
	#faction_imperium, 
	#faction_chaos,
	#faction_orks,
	#faction_eldar {	
		width:400px;
	}
	.faction-arrows {
		display: none;
	}
	.faction-arrows-mobile {
		display: block;
		/* padding-left:150px; */
		padding-left:180px;
	}
	.faction-title h1 {
		font-size:28px;
	}
	.faction-player span {
		font-size:18px;
	}
}

@media screen and (max-width:560px) {
	
	/* GLOBAL */	
	.game_content {	
		max-width:280px;
	}
	
	#section_intro .text-container {
		min-height:550px;
	}
	#section_battle .text-container {
		min-height:450px;
	}
	#section_multiplayer .text-container {
		min-height:380px;
	}
	#section_campaign .text-container {
		min-height:470px;
	}
	
	/* FACTION HOME */
	#slide1 {
		display:none;
	}
	
	/* FACTIONS */
	#faction_imperium, 
	#faction_chaos,
	#faction_orks,
	#faction_eldar {	
		margin-top:80px;
		width:230px;
	}
	.faction-arrows-mobile {
		/* padding-left:60px; */
		/* padding-left:120px; */
		display:none;
	}
	.faction-player {
		padding:0px 10px;
	}

}
@media screen and (max-width:400px) {
	#fp-nav.right {
		right:2px;
	}
	/* FACTIONS */
	#faction_imperium, 
	#faction_chaos,
	#faction_orks,
	#faction_eldar {	
		left:-20px;
	}
	

}