body
{
	background-color: #222222;
padding-top : 30px

}

[class*="col-"] 
{

}

.color2
{
	color: #00C980;
}


/*  NAV BAR AND LINK COLOR */



a:link 
{	color: #364859; 
	text-decoration: none; }
a:active 
{	color: #364859; 
	text-decoration: none; }
a:visited 
{	color: #364859; 
	text-decoration: none; }
a:hover 
{	color: white; 
	text-decoration: none; }





.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #333333;
}

.dropdown-menu {

  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #333333;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
    	-webkit-transition: 0.25s;
	-transition: 0.25s;
}

.dropdown:hover .dropdown-menu {
    display: block;
    	-webkit-transition: 0.25s;
	-transition: 0.25s;
}

/*.navbar-nav > li {
  background-color: #161D24;;
   -webkit-transition-: 0.20s;
    transition: 0.20s;
}*/


.navbar-nav > li:hover{
  background-color: #00C980;  /*#364859*/
   -webkit-transition-: 0.60s;
    transition: 0.60s;
}

.navbar-nav > li{
   -webkit-transition-: 0.60s;
    transition: 0.60s;
}


.navbar .brand, .navbar .nav > li > a {
    color: grey;
    -webkit-transition-: 0.20s;
    transition: 0.20s;
}
.navbar .brand, .navbar .nav > li > a:hover {
    color: #333333;

    -webkit-transition-: 0.60s;
    transition: 0.60s;

}


.navbar-brand 
{
  width: 50px;
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  background-image: url('img/brandwhite.png');
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}







.navbar-nav
{
	-webkit-transition: 0.8s;
	-transition: 0.8s;x rgba(0,0,0,0);

}



.align-center
{
	text-align: center;
}






/* MEDIA */

/*
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}*/























/*  HEADER */


.pano
{
	margin-top: 20px;
	background-image: url('img/Header_img.png');
	background-size: 1920px 500px;
	background-position: center;
	background-color: black;
	height: 400px;
	box-shadow: 0px 3px 8px rgba(0,0,0,1);
}

.pano:hover > .overlay {
    width:100%;
    height:400px;
    position:absolute;
    background-color:#000;
    opacity:0.5;
    -webkit-transition: 0.8s;
	-transition: 0.8s;
}


.overlay {
	    width:100%;
    height:400px;
    position:absolute;
    background-color:#000;
    opacity:0;
	-webkit-transition: 0.8s;
	-transition: 0.8s;
}

.headlogo > h1, .headlogo > h2 { display: none; }



.headlogo > .col-lg-12,
.pano:hover > .container > .headlogo > .col-lg-12  {
	/*min-height: 200px;
	color: white;
	background-image: url('img/lgws.png');
	background-position: center;
	background-size: 325px;
	background-repeat: no-repeat;*/
}







	

.pano:hover > .container > .headlogo > .col-lg-12 > .lastvid {
	margin-top: 55px;
	margin-left: auto;
	min-height: 250px;
	text-align: center;
	color: white;
	position: relative;
	  -webkit-transform: scale(1.0);
  transform: scale(1.0);
	-webkit-transition: 0.8s;
	-transition: 0.8s;
	opacity: 1;
}

.headlogo > .col-lg-12 > .lastvid
{	
	margin-top: 55px;
	margin-left: auto;
	min-height: 250px;
	text-align: center;
	position: relative;
	opacity: 0;
	color: transparent; 
	  -webkit-transform: scale(1.05);
  transform: scale(1.05);
	-webkit-transition: 0.8s; 
	-transition: 0.8s; 
}









/*  FOOTER */


.footer
{
	position: fixed;
	left: 0%;
	right: 0%;
	bottom: 0px;
	margin-top: 15px;
	height: 35px;
	background-color: black;

}



.footer > .container > h6
{
	font-size: 10px;
	text-align: center;
	color: white;
}









/* CONTENT */


.main {

	color: white;
	padding-bottom: 50px;
}


.main > .video-content > .container,
.main > .music-content > .container,
.main > .ns-content > .container,
.main > .ot-content > .container,
.main > .ab-content > .container {
	animation-name: abappear;
	animation-duration: 1s;
	margin-top: 15px;

}

@font-face {
	font-family: ghostclan;
	src: url(../css/fonts/ghostclan.ttf);
}




.critiques > p,
.entre-scenes > p,
.other > p,
.cover > p,
.original > p,
.collab > p
{
LINE-HEIGHT:20px;
text-decoration: none;
border-bottom: 1px #00C980;
	font-size: 30px;
	color: #00C980;
	font-family: ghostclan;
}



.jwls
{
	margin-top: 20px;
	background-image: url('img/jw_vegetal.jpg');
	background-size: 1920px 1080px;
	background-position: center;
	background-color: black;
	height: 1080px;

}








/*   ABOUT     */


@keyframes abappear {
	0% {

		opacity: 0;
	}

	100% {
		opacity: 100;
	}
}

.abtitle {
	font-size: 25px;
 	color: #00C980;
	animation-name: abappear;
	animation-duration: 1s;
}

.abcontent {
	opacity: 0;
	animation-name: abappear;
	animation-delay: 0.3s;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.insta {
	margin-top: 3%;
}




/* MUSIC  VIDEO */
#ovid>p, #ocrit>p, #oentsc>p, #ooth>p {

	display: none;
	}



#ovid, #ocrit, #oentsc, #ooth {
	margin: 5px;
	display: inline-block;
	opacity: 1;
	animation-name: abappear;
	animation-duration: 0.1s;
	    -webkit-transition: 0.1s;
	-transition: 0.1s;
}


#ovid:hover, #ocrit:hover, #oentsc:hover, #ooth:hover{
									/* border-style: solid;
									border-width: 2px;
									border-color: #00C980;*/
	display: inline-block;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
	}



.critiques > .col-lg-4 >p {
	text-align: right;
	margin-top: 18px;
	font-size: 15px;
	color: #00C980;
	font-family: ghostclan;
}

  -webkit-transform: scale(1.1);
  transform: scale(1.1);




.critiques > .col-lg-4 >p {
	text-align: right;
	margin-top: 18px;
	font-size: 15px;
	color: #00C980;
	font-family: ghostclan;
}