@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,500i,700,700i,800,800i,900,900i');
body {font-family: 'Poppins',Arial,Helvetica,sans-serif;}
h1, h2, h3, h4 {font-family: 'Poppins',Arial,Helvetica,sans-serif;}


/*------------------------- Form Elements  -------------------------*/
.register-form .reg-title  {text-align: center;color:#ed227c;font-size: 1.85em; font-weight:bold; font-family: 'Poppins',Arial,Helvetica,sans-serif;}
div.register-form select#birthYearPerson2  {width:29%; display:inline;}
div.register-form select#birthMonthPerson2  {width:29%; display:inline;}
div.register-form  select#birthDayPerson2 {width:29%; display:inline;}

.register-form h2 {text-align: center;color: #4c5264;font-size: 22px;margin-top: 0;}
.register-form label {padding-left: 0px;}
.register-form .date {padding: 0;margin-right: 15px;}
.register-form .date-first {padding: 0;margin-left: 15px;margin-right: 15px;}
.register-form .btn-info {width: 100%;padding: 10px;font-size: 22px;line-height: 1.3333333;color: #ffffff;background-color: #587FB4;border-color: #1355B1;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
.register-form .warning {font-size: 12px;}
.register-form .warning a {color: #6386BC;}
.form-row {width: 100%;float: center;}
.register-form input[type="checkbox"] {width:22px; height:22px; margin:4px 7px 0 0; display:block;}
.title-big {text-align: center; font-size: 1.75em; font-weight:bold; font-family: 'Poppins',Arial,Helvetica,sans-serif;}
/*-------------------------  background home -------------------------*/
.bgbottom {background:rgba(189, 0, 80, 1) url('https://www.celibatairesportif.fr/images/visual-bottom.jpg') no-repeat center top; min-height:600px; padding-bottom:2em; color:#FFF;}

.bgbtfond  {margin-top:5em; background-color: rgba(0, 0, 0, 0.5); padding-bottom:2em;}
.bgfooter {background:#FFF url('https://www.celibatairesportif.fr/images/visual-footer.jpg') no-repeat center top; min-height:700px;}
.bgfooter01 {background:#FFF url('https://www.celibatairesportif.fr/images/visual-footer-01.jpg') no-repeat center top; min-height:700px;}
.bgfooter02 {background:#FFF url('https://www.celibatairesportif.fr/images/visual-footer-02.jpg') no-repeat center top; min-height:700px;}

.txtwhite {background-color: rgba(0, 0, 0, 0.5); color:#FFF;}

.bgf {color:#ed227c;  border-radius:4px;}
.bgwhite {background: rgba(255, 255, 255, 0.6); color:#000;  border-radius:6px; padding-bottom:1em;}
.txtblack {color:#000; }
.bgfooot {margin-top:5em; background-color: rgba(255, 255, 255, 0.5); padding-bottom:2em; color:#000; border-radius:6px;}
.bg1top  {margin-top:5em; margin-bottom:8em; height:750px;}
/*-------------------------  flux xml-------------------------*/
.profil{position: relative;margin-bottom:80px;/*box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);*/-webkit-animation: zoomIn 0.30s; }
.profil:hover{opacity:0.5;}
.profil:hover .pseudo{color: #c5008b ;}
.profil img{width: 100%;height: auto;}
.details {position: absolute;width:100%;height: 80px;bottom: 0px;transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);text-align: left;}
.screen {font-size:85%; color: #dc0263;}
.age {font-size:85%; color:#777;}
.geof {font-size:95%; color:#dc0263;}
.geoh {font-size:95%; color:#2fa4e7;}
.address {color:#ed227c; font-size:85%;}
.infoscr {background:#FFF; padding:6px;}

/*-------------------------Registration -------------------------*/
div.Registration select#birthYearPerson  {width:30%; display:inline;}
div.Registration select#birthMonthPerson  {width:30%; display:inline;}
div.Registration  select#birthDayPerson {width:30%; display:inline;}
div.Registration select#birthYearPerson1  {width:30%; display:inline;}
div.Registration select#birthMonthPerson1  {width:30%; display:inline;}
div.Registration  select#birthDayPerson1 {width:30%; display:inline;}
div.Registration  select#birthDayPerson1 {width:30%; display:inline;}
div.Registration select#birthYearPerson2  {width:29%; display:inline;}
div.Registration select#birthMonthPerson2  {width:29%; display:inline;}
div.Registration  select#birthDayPerson2 {width:29%; display:inline;}
div.Registration select#sexId  {width:100%;}
div.Registration select#genderId  {width:100%;}
div.Registration select#seekingSexId {width:100%;}
div.Registration select#lookingForSexId {width:100%;}
div.Registration input#email {width:100%;}
div.Registration input#screenname {width:100%;}
div.Registration input#password {width:100%;}
div.Registration select#countryId {width:100%;}
div.Registration select#criteria {width:100%;}
/*@media only screen and (max-width: 1000px){
div.Registration select#birthYearPerson  {width:28%; display:inline;}
div.Registration select#birthMonthPerson  {width:28%; display:inline;}
div.Registration  select#birthDayPerson {width:28%; display:inline;}
}
@media only screen and (max-width: 640px) {
div.Registration select#birthYearPerson  {width:30%; display:inline;}
div.Registration select#birthMonthPerson  {width:30%; display:inline;}
div.Registration  select#birthDayPerson {width:30%; display:inline;}
}
@media only screen and (max-width: 420px) {
div.Registration select#birthYearPerson  {width:30%; display:inline;}
div.Registration select#birthMonthPerson  {width:30%; display:inline;}
div.Registration  select#birthDayPerson {width:30%; display:inline;}
}*/
.register-form {
-webkit-animation: bounceIn 0.60s; 
border-radius: 6px;
   /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);*/
  background-color: rgba(255, 255, 255, 0.8);
 margin-top:10px;
 padding-top:5em;
 padding: 5px 20px 5px 20px;
 height: auto;
width: auto;
color: #000;}
.register-form h2 {
  text-align: center;
  color: #ed227c;
  font-size: 26px;
  margin-top: 0;
}
.register-form .btn-pink {
  width: 100%;
  padding: 10px 16px;
 font-size: 18px;
 font-weight:bold;
  line-height: 1.3333333;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.register-form .btn-black {
  width: 100%;
  padding: 10px 16px;
 font-size: 26px;
 font-weight:bold;
  line-height: 1.3333333;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.register-form .btn-facebook {
  color: #ffffff;
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  padding: 10px 16px;
  font-size: 22px;
  font-weight:bold;
  line-height: 1.3333333;
  border-radius: 6px;
  border-color: #1355B1;
  }
.btn-pink {
  color: #ffffff;
 background-color: #ed227c;
  border-color: #cb1163;

}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink.focus,
.btn-pink:active,
.btn-pink.active,
.open > .dropdown-toggle.btn-pink {
  color: #ffffff;
 background-color: #38a8e8;
  border-color: #0284ec;
}
.btn-pink:active,
.btn-pink.active,
.open > .dropdown-toggle.btn-pink {
  background-image: none;
}
.btn-pink.disabled,
.btn-pink[disabled],
fieldset[disabled] .btn-pink,
.btn-pink.disabled:hover,
.btn-pink[disabled]:hover,
fieldset[disabled] .btn-pink:hover,
.btn-pink.disabled:focus,
.btn-pink[disabled]:focus,
fieldset[disabled] .btn-pink:focus,
.btn-pink.disabled.focus,
.btn-pink[disabled].focus,
fieldset[disabled] .btn-pink.focus,
.btn-pink.disabled:active,
.btn-pink[disabled]:active,
fieldset[disabled] .btn-pink:active,
.btn-pink.disabled.active,
.btn-pink[disabled].active,
fieldset[disabled] .btn-pink.active {
 background-color: #ed227c;
  border-color: #cb1163;
}