html{
  overflow-x:hidden !important;
}
body {
	background: #f7f7f7;
	font-family: 'Montserrat', sans-serif;
	overflow-x: hidden !important;
}
a {
	color: #333 !important;
}
.navbar a {
	color: #fff !important;
}
a:hover {
	opacity:.75;
	text-decoration:none;
}
.navbar {
	background: rgb(66,13,119);
	background: -moz-linear-gradient(-45deg, rgba(66,13,119,1) 0%, rgba(224,0,157,1) 50%, rgba(247,84,57,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(66,13,119,1) 0%,rgba(224,0,157,1) 50%,rgba(247,84,57,1) 100%);
	background: linear-gradient(135deg, rgba(66,13,119,1) 0%,rgba(224,0,157,1) 50%,rgba(247,84,57,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420d77', endColorstr='#f75439',GradientType=1 );
	padding: 1.8rem 1rem;
}
.navbar  i {
	font-size:30px;
}
.navbar-brand, .navbar-brand img {
	width: 250px;
	position: absolute;
	left: 50%;
	margin-left: -125px;
	top: 5px;
	margin-right: 0 !important;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 1050px;
}
.profils a {
	color: #000 !important;
	font-size: .8rem;
}
.profils a span {
padding:2px;
background: rgb(66,13,119); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(66,13,119,1) 0%, rgba(224,0,157,1) 50%, rgba(247,84,57,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(66,13,119,1) 0%,rgba(224,0,157,1) 50%,rgba(247,84,57,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(66,13,119,1) 0%,rgba(224,0,157,1) 50%,rgba(247,84,57,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420d77', endColorstr='#f75439',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.2);
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.profils a span:hover {
background: #f6523c;
  animation-name: bounce;
  -moz-animation-name: bounce;
}
@keyframes bounce {
	0%, 100%, 20%, 50%, 80% {
		-webkit-transform: translateY(0);
		-ms-transform:     translateY(0);
		transform:         translateY(0)
	}
	40% {
		-webkit-transform: translateY(-30px);
		-ms-transform:     translateY(-30px);
		transform:         translateY(-30px)
	}
	60% {
		-webkit-transform: translateY(-15px);
		-ms-transform:     translateY(-15px);
		transform:         translateY(-15px)
	}
}
.profils a img {
	border: 4px solid #fff;
}
.profils .col {
	padding-right: 10px;
	padding-left: 10px;
}
.h1, h1 {
	font-size: 1.5rem;
	font-weight: 600;
	text-transform: uppercase;
}
.text-primary {
	color: #e51287 !important;
}
.bg-primary {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#420d77+0,e0009d+50,f75439+100 */
background: rgb(66,13,119); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(66,13,119,1) 0%, rgba(224,0,157,1) 50%, rgba(247,84,57,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(66,13,119,1) 0%,rgba(224,0,157,1) 50%,rgba(247,84,57,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(66,13,119,1) 0%,rgba(224,0,157,1) 50%,rgba(247,84,57,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420d77', endColorstr='#f75439',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.btn-group-lg > .btn, .btn-lg {
	padding: 1.25rem 4rem;
	font-size: 1.35rem;
}
.form-icon {
	background-color: #efefef;
	border: 1px solid #cdcdcd;
	color: #707070;
	padding: 14px 14px 14px 18px;
	font-size: 20px;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}
#register input {
	border-color: #cdcdcd;
	height: 50px;
	margin-left: -2px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	font-size: 16px;
}
.fa-chevron-circle-down {
	margin: 0 auto;
	font-size: 40px;
	margin-top: -14px;
	color: #e30b90;
}
.h2, h2 {
	font-size: 2rem;
	position: relative;
	z-index: 1;
	line-height: 1;
}
h2 small {
	font-size: 70%;
	font-weight: 400;
}
.avatar {
	max-width: 35px;
}
.icons-profile {
font-size:24px;
}
.talktext {
	padding: 1em;
	text-align: left;
	line-height: 1.5em;
	color: #fff;
	font-size: 1rem;
}
.talk-bubble::after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: auto;
	right: -18px;
	top: 0px;
	bottom: auto;
	border: 12px solid;
	border-color: black transparent transparent black;
}
.talk-bubble {
	display: inline-block;
	position: absolute;
	width: 80%;
	height: auto;
	background: #000;
	bottom: 20px;
	right: 40px;
	border-radius: 10px;
}
.h6, h6 {
	font-size: 1rem;
	line-height: 1;
}
.date {
	margin-top: -20px;
	color: #fff;
	font-size: .8rem;
}
.h5, h5 {
	font-size: 1.15rem;
}
#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	font-size: 30px;
	padding: 5px;
	z-index: 1;
	border-top: 1px solid #dfdfdf;
}
.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;
}
.fille {
display:none;
}
.fille-1 .fille-01 {
display:block;
}
.fille-2 .fille-02 {
display:block;
}
.fille-3 .fille-03 {
display:block;
}
.fille-4 .fille-04 {
display:block;
}
.fille-5 .fille-05 {
display:block;
}
/* Media Queries */
@media (max-height: 875px){
.header-col-right{
display:none;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 850px;
}
.h2, h2 {
	font-size: 1.75rem;
}
h2 small {
	font-size: 60%;
}

.navbar-brand, .navbar-brand img {
	width: 200px;
	margin-left: -100px;
}
.navbar {
	padding: 1.5rem 1rem;
}
.navbar i {
	font-size: 24px;
}
.h2, h2 {
	font-size: 1.5rem;
}
#form p {
	margin-bottom: 5px;
}
#form p.error-msg {
	margin-bottom: 12px;
}
.btn-group-lg > .btn, .btn-lg {
	padding: 1rem 4rem;
}
#footer {
	font-size: 24px;
}
}
@media (max-width: 1024px){
.header-col-right{
display:none;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 850px;
}
.h2, h2 {
	font-size: 1.75rem;
}
h2 small {
	font-size: 60%;
}

.navbar-brand, .navbar-brand img {
	width: 200px;
	margin-left: -100px;
}
.navbar {
	padding: 1.5rem 1rem;
}
.navbar i {
	font-size: 24px;
}
.h2, h2 {
	font-size: 1.5rem;
}
#form p {
	margin-bottom: 5px;
}
#form p.error-msg {
	margin-bottom: 12px;
}
.btn-group-lg > .btn, .btn-lg {
	padding: 1rem 4rem;
}
#footer {
	font-size: 24px;
}
}
@media (max-width: 991px){
.header-col-right{
display:block;
}
.h1, h1 {
	font-size: 1rem;
}
}
@media (max-width: 575px){
.navbar-brand, .navbar-brand img {
	width: 180px;
	margin-left: 0;
	position: inherit;
}
.navbar {
	padding: .25rem 1rem;
}
.h5, h5 {
	font-size: 1rem;
}
}