@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,200,300,400italic,600,700);
@font-face {
   font-family: Redeye;
   src: url(../fonts/Redeye.ttf);
}




.container-fluid {
    background-image: url("../img/bg/main_bg.png");
    background-repeat: repeat;
}


.dropdown-menu-left {
	padding-top: 1%;
	padding-left: 2%;
	text-align: left;
	position: fixed;
}

#menu {
	font-size: 35px;
	color: #FFFFFF;
}

.menulinks {
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 0 10px rgb(255, 21, 21);
	text-decoration: none;
	font-size: 1.2em;
}
/*0 1px 3px rgba(0,0,0,.25)*/

.menulinks a {
	text-decoration: none;
}

.menulinks a:hover {
	text-decoration: none;
	text-shadow: 0 0 4px rgb(239, 239, 239);
}


.dropdown-menu {
	background-color: rgba(255, 255, 255, 0);
	padding-left: 20px;
}


.dropdown-menu>li>a {
	background-color: #FDFDFD;
	margin-bottom: 8px;
	border-radius: 5px;
	padding-left: 2%;
	font-weight: bold;
	text-transform: uppercase;
	height: 30px;
	padding: 5px 10px;
	text-shadow: 0 1px 3px rgba(0,0,0,.25);
}

.dropdown-menu>li>a:hover {
	background-color: rgb(180, 181, 205);
}


.panel {
	background-color: rgba(255, 255, 255, 0);
}


#logobfg {
	margin-bottom: 10px;
}

#nomgame {
	font-size: 3em;
}

#subtitle {
	font-size: 1.8em;
	margin-bottom: 5px;
}

.img-responsive {
	display: inline;
}


h1, h2, h3, h4 {
  font-family: "Redeye", "Titillium Web", "Helvetica", "Geneva", "Arial", sans-serif;
}

h2 {
	font-size: 3.2em;
	margin-bottom: 35px;
}

h3 {
	font-size: 2em;
}



body {
  font-family: "Titillium Web", "Helvetica", "Geneva", "Arial", sans-serif;
  font-size: 1.5em;
  line-height:1.6em;
}


.justify {
	text-align: justify;
}


.back-to-top {
	background: none;
	margin: 0;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 70px;
	height: 70px;
	z-index: 100;
	display: none;
	text-decoration: none;
	color: #ffffff;
}


.divider {
	background-image: url("../img/divider.png");
	background-repeat: no-repeat;
	background-position: center;
	margin: 40px 0px 40px 0px;
}



.bgcompasa {
	background-image: url("../img/bg/bgcompasa5.png");
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	text-decoration: none;
}


.bgcompasc {
	background-image: url("../img/bg/compas_c.png");
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	text-decoration: none;
}

.bgtyranids {
	background-image: url("../img/bg/tyr2.png");
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	text-decoration: none;
}

.bgimperium {
	background-image: url("../img/bg/imp3.png");
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	text-decoration: none;
}

.bgbloodangels {
	background-image: url("../img/bg/bla4.png");
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	text-decoration: none;
}



/* Fond gris sscreenshots
#panelscreen {
	background-color: rgba(255, 255, 255, 0.5);
	border-color: #878282;
}*/


#daterelease {
	font-family: "Redeye", "Titillium Web", "Helvetica", "Geneva", "Arial", sans-serif;
	font-size: 3em;
}



#resumebg {
	background-image: url("../img/dialogue_ext.png");
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 4%;
	padding-bottom: 20px;
}

#resumetxt {
	text-align: justify;
	margin-top: -4%;
}


.panel-title {
	font-size: 25px;
}

.panel-default>.panel-heading {
	color: #B7A996; 
	border-color: #6D6767;
	background-color: #6D6767;
	background-image: url("../img/bg/grunge1.png");
}
/* Test txt: #C08C52 / 2C2C2B - A79987 - B7A996 - B5A69B */

#resumepan {
	background-color: #6D6767;
	border-color: #333333;
	background-image: url("../img/bg/grunge1.png");
}
/* Test BG: #817076 /- 888182 - 988B98 - 787471 - 4F5054 - 7A7B80 - 67686D */


#bigshot {
	border: 2px solid #4C4D54;
	border-radius: 4px;
	padding: 2px;
}


.thumbnail {
	background-color: rgba(255, 255, 255, 0.10);
	border: 2px solid #4C4D54;
}



#socialfoot {
	background-color: #817076;
	margin-top: 30px;
}

.footer {
	background-color: #111111;
}

.txtfoot {
	padding-top: 15px;
}

#legals {
	font-size: 12px;
	color: #333333;
}

.nostyle a {
	text-decoration: none;
	color: #333333;
}


.linkfoot a {
	font-weight: bold;
	color: #333333;
}







/* Parallax.JS Test */
/*
.para-bg1 {
	background: url("../img/parallax/planb.png") no-repeat;
	height: 550px;
	margin-top: 1%;
	position: relative;
}


.para-bg2 {
	background: url("../img/parallax/nebutest2.png") no-repeat;
	height: 450px;
	margin-top: 65%;
	background-position: right;
}


.layer {
	height: 100%;
	width: 100%;
}

.scene {
  padding: 0;
  margin: 0;
}


.containerp {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
  padding: 5%;
}


.layer:nth-child(1) {
  opacity: 0.15;
}
.layer:nth-child(1) button {
  -webkit-transform: rotate(150deg);
}

.layer:nth-child(2) {
  opacity: 0.30;
}
.layer:nth-child(2) button {
  -webkit-transform: rotate(120deg);
}

.layer:nth-child(3) {
  opacity: 0.45;
}
.layer:nth-child(3) button {
  -webkit-transform: rotate(90deg);
}

.layer:nth-child(4) {
  opacity: 0.60;
}
.layer:nth-child(4) button {
  -webkit-transform: rotate(60deg);
}

.layer:nth-child(5) {
  opacity: 0.75;
}
.layer:nth-child(5) button {
  -webkit-transform: rotate(30deg);
}

.layer:nth-child(6) {
  opacity: 0.90;
}
.layer:nth-child(6) button {
}
*/
/* FIN TEST PARALLAX */