html{
  overflow-x:hidden !important;touch-action: none;
}

html, body, .container, .carousel, .carousel-inner, .carousel-item, .hover{
  height: 100%;touch-action: none;
}

body {
	background: #000;
	font-family: 'Montserrat', sans-serif;
	overflow-x:hidden !important;
}

a {
	color: #fff !important;
}

a:hover {
	opacity:.75;
}

.navbar {
	position: absolute;
	z-index: 100;
	width: calc(100% - 30px);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}

.navbar-brand, .navbar-brand img {
	max-width:200px;
}

.fa-play {
	position: absolute;
	z-index: 10;
	color: #fff;
	top: 50%;
	font-size: 50px;
	margin-top: -25px;
	left: 50%;
	margin-left: -25px;
}

.fa-play:hover {
	opacity:.75;
}

.slide1 {
	background:url('../img/img1.jpg') top center no-repeat scroll, ;
	background-size:cover;
}

.lpb .slide1 {
	background:url('../img/img1b.webp') top center no-repeat scroll, url('../img/img1b.jpg');
	background-size:cover;
}
.lpb .slide1 .hover {
	background:url('../img/img1b.jpg') top center no-repeat scroll;
	background-size:cover;
}

.slide2 {
	background:url('../img/img2.jpg') top center no-repeat scroll;
	background-size:cover;
}

.lpb .slide2 {
	background:url('../img/img2b.webp') top center no-repeat scroll, url('../img/img2b.jpg');
	background-size:cover;
}
.lpb .slide2 .hover {
	background:url('../img/img2b.jpg') top center no-repeat scroll;
	background-size:cover;
}

.slide3 {
	background:url('../img/img3.jpg') top center no-repeat scroll;
	background-size:cover;
}

.lpb .slide3 {
	background:url('../img/img3b.webp') top center no-repeat scroll, url('../img/img3b.jpg');
	background-size:cover;
}
.lpb .slide3 .hover {
	background:url('../img/img3b.jpg') top center no-repeat scroll;
	background-size:cover;
}

.slide4 {
	background:url('../img/img4.jpg') top center no-repeat scroll;
	background-size:cover;
}

.lpb .slide4 {
	background:url('../img/img4b.webp') top center no-repeat scroll, url('../img/img4b.jpg');
	background-size:cover;
}
.lpb .slide4 .hover {
	background:url('../img/img4b.jpg') top center no-repeat scroll;
	background-size:cover;
}

.slide5 {
	background:url('../img/img5.jpg') top center no-repeat scroll;
	background-size:cover;
}

.lpb .slide5 {
	background:url('../img/img5b.webp') top center no-repeat scroll, url('../img/img5b.jpg');
	background-size:cover;
}
.lpb .slide5 .hover {
	background:url('../img/img5b.jpg') top center no-repeat scroll;
	background-size:cover;
}



.carousel-caption {
	right: 0;
	bottom: 0;
	left: 0;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%, rgba(0,0,0,0.65) 101%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%,rgba(0,0,0,0.65) 101%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%,rgba(0,0,0,0.65) 101%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

.navigation {
	position: absolute;
	right: 0;
	top: 90px;
	height: calc(100% - 90px);
	padding: 10px;
	z-index: 100;
}

.navigation i {
	color:#fff;
	font-size:36px;
}

.arrow {
	font-size:50px;
}

.navigation i:hover {
	opacity:.75;
}

.border {
	border: 3px solid #dee2e6 !important;
}

.pp {
	max-width: 60px;
}

.btn-success {
	color: #fff;
	background-color: #0a8f28;
	border-color: #28a745;
}

.modal-content {
	border-radius: 1rem;
}

.modal-header {
	border-top-left-radius: calc(1rem - 1px);
	border-top-right-radius: calc(1rem - 1px);
	background: #b40057;
}

.close {
	color: #fff;
	text-shadow: 0;
}

.form-icon {
	background-color: white;
	color: #707070;
	padding: 12px 12px 12px 20px;
	font-size: 24px;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}

#register input {
	border-color: transparent;
	height: 50px;
	margin-left: -2px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	font-size: 16px;
}

.modal {
	background: rgba(0,0,0,.75);
}

.modal-body {
	background: #f2f2f2;
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
}

.custom-control-input:checked ~ .custom-control-label::before {
	border-color: #28a745;
	background-color: #28a745;
}

#signup_cgu {
	color: #000 !important;
}

.custom-control-label {
	font-size: 13px;
}

.contacter {
	width: 100%;
	bottom: 0;
}

.click-1, .click-2, .click-3, .click-4, .click-5 {
	cursor:pointer;
}

.lpc .btn-group-lg > .btn, .btn-lg {
	font-size: 1.15rem;
}

.lpc .card-header {
	background: #b40057;
}

.lpc .card {
	background-color: rgba(255,255,255,.75);
	width: 90%;
	bottom: 50px;
	max-width: 500px;
}

.lpc .video {
	background: url('../img/img4b.webp') top center no-repeat scroll, url('../img/img4b.jpg');
	background-size: cover;
}

/* Media Queries */
@media (max-width: 1199px) {
.lpc .card {
	bottom: 30px;
}
}
@media (max-width: 991px) {
.container {
	padding: 0;
	max-width: 100%;
}
.btn-contact {
	width: 80%;
}
.navigation.align-items-center {
	-ms-flex-align: inherit !important;
	align-items: inherit !important;
	
}
.navigation {
	height: auto;
}
.navigation i {
	font-size: 30px;
}
.lpc .card {
	bottom: 20px;
}
}