.sl-slider h1 {	font-size: 35vw;
line-height: 30vw;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	opacity: 0.3;
text-align: center;
color: white;
margin-top:80px;}


.lddc .sl-slider h2 {

	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	opacity: 1;
color: white;}


.lddc .sl-slider blockquote cite {
	font-size: 30px;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-weight: 700;
	line-height: 30px;
	font-style: normal;
	letter-spacing: 10px;
	display: inline-block;
		color: white; text-shadow: black 0.1em 0.1em 0.2em;


}


.lddc .sl-slider blockquote h6 {
	 text-shadow: black 0.1em 0.1em 0.2em;
	font-family: 'ralewayextralight', Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 3vw;
	margin-top: -10%;
	width: 80%!important;
	text-align: center !important;
	color: white; 
	margin-left: 10%;
		margin-right: 10%;
	margin-bottom: 20px;

}
.rockblock h6{

	margin-top: 27% !important;
}

.lddc .sl-slider h4{
  position: absolute;
  top: 60%;
  left: -30px;
  font-size:10px;
letter-spacing: 0.3em;
	transform: rotate(-90deg);}

@media only screen and (max-width: 768px)
{
.lddc .sl-slider blockquote h6 {
	 text-shadow: black 0.1em 0.1em 0.2em;
	font-family: 'ralewayextralight', Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 6vw;
	line-height: 8vw;
	margin-top: -4vh;
	letter-spacing: 2px;
	color: white;
}
	
.rockblock h6{

	margin-top: 45% !important;
}

}

.lddc .bg-img {
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	height: 100vh !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
	overflow: hidden;
		background-color: black;

}
.lddc .bg-img-1 {
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	height: 100vh !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: top center !important;
	overflow: hidden;
		background-color: black;

}
.vonklafout h1{font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 15vw;
	opacity: 0.3;
vertical-align: bottom;
color: white;
margin-top: unset;
line-height : normal;bottom: 0;
position: absolute;
  left: 50%; 
  align-self: flex-end;  transform: translate(-50%); /* décalage de 50% de sa propre taille */
      display: inline-block;




}
.vonklafout {
height: 100%;
width: 100%;
bottom: 0;
position: relative;
display: flex;}


.lddc .sl-slider h3 {
font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 15vw;
	opacity: 0.15;
vertical-align: bottom;
color: white;
margin-top: unset;
line-height : 12vw;bottom: 40px;
position: absolute;
	text-align: right;
	text-transform: uppercase;
	 text-shadow: black 0.1em 0.1em 0.2em;
}


.lddc .sl-slider h5 {
font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 15vw;
	opacity: 0.3;
vertical-align: bottom;
color: darkorange;
margin-top: unset;
line-height : normal;bottom: 0;
position: absolute;
  left: 50%; /* à 50%/50% du parent référent */
  transform: translate(-50%); /* décalage de 50% de sa propre taille */
}



.rock {
	position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
	top: -60px;
  margin: 0;
opacity: 0.8;

}

	
.bg-img video{
   height:100%;
   width:100%;
   max-width:100%;
   max-height:100%;
   border:0;
   object-fit: cover;
/* object-position:  reset ici si besoin ;*/
}







/* Content elements */


@media only screen and (max-width: 575px)
{
.lddc .bg-img-1 
	{
		background-image: url('../images/640w/PBal.jpg');
	}

.lddc .bg-img-2
	{
		background-image: url('../images/lddcintro.jpg');
	}

.lddc .bg-img-3
	{
		background-image: url('../images/lddcsex.jpg');
}
.lddc .bg-img-4
	{
		background-image: url('../images/lddcdrug.jpg');
	}
.lddc .bg-img-5 {
		background-image: url('../images/lddcrock.jpg');
}
	}

@media only screen and (min-width: 576px) and (max-width: 768px)
{
.lddc .bg-img-1
	{
		background-image: url('../images/960w/PBal.jpg');
	}

.lddc .bg-img-2
	{
		background-image: url('../images/lddcintro.jpg');
	}

.lddc .bg-img-3
	{
		background-image: url('../images/lddcsex.jpg');
}
.lddc .bg-img-4
	{
		background-image: url('../images/lddcdrug.jpg');
	}
.lddc .bg-img-5 {
		background-image: url('../images/lddcrock.jpg');
}
	}
@media only screen and (min-width: 769px) and (max-width: 1920px)
{
.lddc .bg-img-1
	{
		background-image: url('../images/1920w/PBal.jpg');
	}

.lddc .bg-img-2
	{
		background-image: url('../images/lddcintro.jpg');
	}

.lddc .bg-img-3
	{
		background-image: url('../images/lddcsex.jpg');
}
.lddc .bg-img-4
	{
		background-image: url('../images/lddcdrug.jpg');
	}
.lddc .bg-img-5 {
		background-image: url('../images/lddcrock.jpg');
}
	}
@media only screen and (min-width: 1921px)
	
{
	.lddc .bg-img-1
	{
		background-image: url('../images/PBal.jpg');
	}
.lddc .bg-img-2
	{
		background-image: url('../images/lddcintro.jpg');
	}

.lddc .bg-img-3
	{
		background-image: url('../images/lddcsex.jpg');
}
.lddc .bg-img-4
	{
		background-image: url('../images/lddcdrug.jpg');
	}
.lddc .bg-img-5 {
		background-image: url('../images/lddcrock.jpg');
}
	}

/* Animations for content elements */

.sl-trans-elems .deco{
	-webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-o-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	animation: roll 1s ease-out both, fadeIn 1s ease-out both;
}
.sl-trans-elems h2{
	-webkit-animation: moveUp 1s ease-in-out both;
	-moz-animation: moveUp 1s ease-in-out both;
	-o-animation: moveUp 1s ease-in-out both;
	-ms-animation: moveUp 1s ease-in-out both;
	animation: moveUp 1s ease-in-out both;
}
.sl-trans-elems blockquote{
	-webkit-animation: fadeIn 0.5s linear 0.5s both;
	-moz-animation: fadeIn 0.5s linear 0.5s both;
	-o-animation: fadeIn 0.5s linear 0.5s both;
	-ms-animation: fadeIn 0.5s linear 0.5s both;
	animation: fadeIn 0.5s linear 0.5s both;
}
.sl-trans-back-elems .deco{
	-webkit-animation: scaleDown 1s ease-in-out both;
	-moz-animation: scaleDown 1s ease-in-out both;
	-o-animation: scaleDown 1s ease-in-out both;
	-ms-animation: scaleDown 1s ease-in-out both;
	animation: scaleDown 1s ease-in-out both;
}
.sl-trans-back-elems h2{
	-webkit-animation: fadeOut 1s ease-in-out both;
	-moz-animation: fadeOut 1s ease-in-out both;
	-o-animation: fadeOut 1s ease-in-out both;
	-ms-animation: fadeOut 1s ease-in-out both;
	animation: fadeOut 1s ease-in-out both;
}
.sl-trans-back-elems blockquote{
	-webkit-animation: fadeOut 1s linear both;
	-moz-animation: fadeOut 1s linear both;
	-o-animation: fadeOut 1s linear both;
	-ms-animation: fadeOut 1s linear both;
	animation: fadeOut 1s linear both;
}
@-webkit-keyframes roll{
	0% {-webkit-transform: translateX(500px) rotate(360deg);}
	100% {-webkit-transform: translateX(0px) rotate(0deg);}
}
@-moz-keyframes roll{
	0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-o-keyframes roll{
	0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@keyframes roll{
	0% {transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-webkit-keyframes moveUp{
	0% {-webkit-transform: translateY(40px);}
	100% {-webkit-transform: translateY(0px);}
}
@-moz-keyframes moveUp{
	0% {-moz-transform: translateY(40px);}
	100% {-moz-transform: translateY(0px);}
}
@-o-keyframes moveUp{
	0% {-o-transform: translateY(40px);}
	100% {-o-transform: translateY(0px);}
}
@keyframes moveUp{
	0% {transform: translateY(40px);}
	100% {transform: translateY(0px);}
}
@-webkit-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}

}
@keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes scaleDown{
	0% {-webkit-transform: scale(1);}
	100% {-webkit-transform: scale(0.5);}
}
@-moz-keyframes scaleDown{
	0% {-moz-transform: scale(1);}
	100% {-moz-transform: scale(0.5);}
}
@-o-keyframes scaleDown{
	0% {-o-transform: scale(1);}
	100% {-o-transform: scale(0.5);}
}
@keyframes scaleDown{
	0% {transform: scale(1);}
	100% {transform: scale(0.5);}
}
@-webkit-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-moz-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-o-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}


/* Media Queries for custom slider */
			@media only screen and (max-width: 767px)

	
				
				{

	.lddc .sl-slider-wrapper {
	height: 800px;
	position: relative;
	top: 10px;
	}

	.lddc .sl-slider h2 {
		font-size: 36px;
	}

	.lddc .sl-slider blockquote {
		font-size: 16px;
	}
.rock {
	position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
	top: -20px;
  margin: 0;
opacity: 0.8;

					}}