@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'BebasRegular';
    src: url('font/BEBAS___-webfont.eot');
    src: url('font/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/BEBAS___-webfont.woff') format('woff'),
         url('font/BEBAS___-webfont.ttf') format('truetype'),
         url('font/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html,body{
 font-family: 'BebasRegular';
	width:100%;
	height:100%;
}

.navigation{
	position:fixed;
	z-index:1;
	top:20px;
}
.navigation li{
	color:#000;
	display:block;
	padding: 0 10px;
	line-height:30px;
	margin-bottom:2px;
	font-weight:bold;
	-webkit-transition: all .2s ease-in-out;
	border-bottom:1px solid black;
	text-align:left;
	width:53px;
/*	text-shadow:0px 0px 5px #fff;*/
}
.navigation li:hover,.active{
	font-size:25px;
	cursor:pointer;
	width:100px!important;
}
.envatologo{
position:fixed;
top:50%;
left:50%;
width:446px;
margin-top:-41px;
margin-left:-223px;
z-index:1;
}
.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	position: relative;
	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
}
.wrapper{
	width:960px;
	height:200px;
	margin:0 auto;
	position:relative;
}
.slideno{
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:80px;
	font-weight:bold;
	color:rgba(255,255,255,0.3);
}
.button{
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	bottom:0px;
	left:50%;
	background-color:#333333;
	background-image:url(../images/arrow.png);
}
.button:hover{
	background-color:#494949;
	cursor:pointer;
}

/******************************
 SLIDE 1 
*******************************/
#slide1{
	/*background-color:#5c9900;*/
	background-image:url(../images/slide1/fort.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}
/******************************
 SLIDE 2 
*******************************/
#slide2{
	/*background-color:#005c99;*/
	background-image:url(../images/slide1/fort2.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}
/*#slide2 img:first-child{
	position:absolute;
top: 700px;
left: -150px;
}
#slide2 img:nth-child(2){
	position:absolute;
	top:300px;
	left:100px;
}
#slide2 img:nth-child(3){
	position:absolute;
	top:600px;
	left:300px;
}
#slide2 img:nth-child(4){
	position:absolute;
	top:400px;
	left:300px;
}
#slide2 img:nth-child(5){
	position:absolute;
	top:600px;
	right:300px;
}
#slide2 img:nth-child(6){
	position:absolute;
	top:600px;
	right:300px;
}
#slide2 img:nth-child(7){
	position:absolute;
	top:400px;
	right:100px;
}
#slide2 img:nth-child(8){
	position:absolute;
	top:100px;
	right:300px;
}*/
/******************************
 SLIDE 3 
*******************************/
#slide3{
	/*background-color:#b6c10b;*/
	background-image:url(../images/slide1/fort3.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}
/*#slide3 img:first-child{
	position:absolute;
top: 700px;
left: 300px;
}
#slide3 img:nth-child(2){
	position:absolute;
	top:100px;
	left:100px;
}
#slide3 img:nth-child(3){
	position:absolute;
	top:150px;
	left:300px;
}
#slide3 img:nth-child(4){
	position:absolute;
	top:450px;
	left:300px;
}
#slide3 img:nth-child(5){
	position:absolute;
	top:200px;
	right:300px;
}
#slide3 img:nth-child(6){
	position:absolute;
	top:100px;
	right:300px;
}*/
/******************************
 SLIDE 4 
*******************************/
#slide4{
	background-image:url(../images/videos.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#slide5{
	background-image:url(../images/slide4/julienkb.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#slide5 .parallaxbg{
	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}

#slide6{
	/*background-color:#b6c10b;*/
	background-image:url(../images/milki.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}

#slide7{
	/*background-color:#b6c10b;*/
	background-image:url(../images/part.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:810px;


}

.artist {width:18%;display:inline-block;}
.artist img{width:50px;height:50px;float:left;padding:2px;border-radius:5px;margin-top:8px;}
.artist .descc{float:left;margin-left:10px;margin-top: 26px;}
.artist .desc{font-family: 'Nova Square', cursive;}
.artist .title{font-family: 'BebasRegular';display:inherit;}


#conteudo{font-family: 'Nova Square', cursive; font-size:12px; width:80%; height:70%; color:#000; margin-left: 12%; margin-top:-10%; text-justify:distribute;float:left;}
#conteudo p{padding:5px;}
#conteudo-img{float: left; margin-left: 34px; margin-top: -104px;width:36%;}
#conteudo-img img{border-radius:50px; padding:2px;}
#conteudo-2{font-family: 'Nova Square', cursive; font-size:14px;width:70%; height:50%; color:#000;margin-left: 12%; margin-top:5%;overflow-x:hidden; text-justify:distribute;float:left;}
#conteudo-3{font-family: 'Nova Square', cursive; font-size:12px;width:88%; color:#000;margin-left: 12%; margin-top:-0.5%;overflow-x:hidden; text-justify:distribute;float:left;}

.colored-counter-list{width:35%;margin-left: 2%; margin-top:-7%;font-size:12px;float:left;}
.colored-counter-list ul {
	counter-reset:li;
	margin-left:0; 
	padding-left:0; 
}
.colored-counter-list ul > li {
	position:relative; 
	list-style:none;
	padding-left: 30px;
	margin: 5px;
}
.colored-counter-list ul > li:before {
	content:counter(li); 
	counter-increment:li; 
	position:absolute;
	top:0;
	left:0;
	width:20px;
	margin-right:4px;
	padding: 1px;
	text-align:center;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background-color: #444;
	color: #fff;
}
span.collab{font-size:10px;}

#julienfoto a:link, #julienfoto a:visited{color:#fff;text-decoration:none;text-shadow:0px 0px 5px #000;}
#julienfoto a:hover{opacity:0.7; text-decoration:underline;}

.video{width:40%;margin:5px;display:inline-block;}
.video .titlevid{font-family: 'BebasRegular';}

.pp_social{display:none;}

#julienfoto img{margin-left: 12%;margin-top: 1%; border-radius:20px;float:left;}
#julienfoto .desc{float:left;font-family: 'Nova Square', cursive; font-size:13px;width: 35%;color:#000;margin-left: 2%;margin-top: 2%; }
#julienfoto .desc p{margin-top:10px;}
#julienfoto .desc p.link{margin-top:5px;}