#index-static-bfondaccueilgeneral                                           {height: 85.25vh !important; background:none ! important; max-height: 1050px !important; position:relative; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; align-content: stretch; position:relative;}
#index-static-bfondaccueilgeneral:before                                    {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('../img/illustration/fond-accueil-general.jpg') center center no-repeat; background-size: cover; z-index: 0; transform: scale(1); transition: transform 15s ease; animation: ease move_back_acc 10s 2.0s forwards;}
#index-static-bfondaccueilgeneral .container                                {margin:25% 0px 25% auto !important; width:100%; max-width:100% !important; animation: ease move_photo 1.0s 1.8s forwards; transform:translate(110%,0px); z-index: 8;}
#index-static-bfondaccueilgeneral .container .center                        {text-align:center;}
#index-static-bfondaccueilgeneral .container .center h1                     {color:#dfdfdf; font-size:3.2em; font-weight:400; margin-bottom:15px; text-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
#index-static-bfondaccueilgeneral .container .center h2                     {color:#c7c7c7; line-height: 1.5em; text-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
#index-static-bfondaccueilgeneral .container .center img                    {max-width: 90% !important; margin: 0px auto; display: block;} 

.navhome                                                                     {width: fit-content; margin: 100px auto 0px auto; }

#zonesearch                                                                  {position:absolute; bottom:65px; left:calc(50% - 360px); background:#fff !important; padding:5px 20px; width:720px;}

.cardprofil                                                                  {width:100%; max-width:260px; height:605px; position: relative; }
.cardprofil .card                                                            {height:100%; border-top-left-radius: 150px; border-top-right-radius: 150px;}
.cardprofil .card .verified                                                  {position:absolute; right: 20px; top: 206px; font-size: 40px; background: #fff; border-radius: 50%;}
.cardprofil .card .card-image                                                {position: relative; text-align: center; height:316px !important; padding-top: 5px;}
.cardprofil .card .card-image img                                            {border-radius:50%; margin:3px auto 0px auto; max-width:280px; width: calc(100% - 10px);}
.cardprofil .card .card-image .card-title                                    {position: relative; background:var(--color_first) !important; padding: 2px 8px !important; border-radius: 6px !important; margin: -15px auto 5px auto; width: fit-content;}
.cardprofil .card .card-image .newuser                                       {position:absolute; top: calc(50% - 25px); left:15px; transform: rotate(-8deg); width:fit-content; height: auto; padding:0 5px; color:#fff; font-size:12px; background-color: #4caf50; border-radius: 5px; border: 2px solid white;}

.cardprofil .card .card-content                                              {padding: 5px 24px; height:calc(100% - 65px - 316px);}
.cardprofil .card .chip                                                      {height: 24px; font-size: 12px; line-height: 24px; padding: 0 6px; border-radius: 5px; margin-bottom: 4px; margin-right: 0px; background: #f4817730 !important; color:#333;}
.cardprofil .card-action                                                     {height:65px !important;}
.cardprofil .card .card-action a                                             {margin-right:0px !important;}

.typematch .cardprofil                                                       {height:385px !important;}
.typematch .cardprofil .card .card-content                                   {display:none;}

.imgblock                                                                    {width:300px; height:300px; margin:0px 50px 0px auto;}
.imgblock .slider                                                            {aspect-ratio: 1 / 1; height: auto !important;}
.imgblock .slider .slides                                                    {background: unset !important;}
.imgblock .slider .slides li img                                             {object-fit: cover; width: 100%; height: 100%; }
.imgblock .slider .indicators                                                {bottom: -40px;}
.imgblock .slider .indicators .indicator-item                                {height: 11px; width: 11px; margin: 0 5px;}
.imgblock img                                                                {border-radius: 50%;}

.headprofile                                                                 {padding:0px 0px 0px 50px; margin-top: 50px; position: relative;}
.headprofile h2                                                              {line-height: 1rem; margin: 0px 15px 0px 0px;}
.headprofile .dotter                                                         {width: 20px; height: 20px; border-radius: 50%; border: 2px solid white; margin-right:25px;}
.headprofile .online-dot                                                     {background-color: #4caf50; box-shadow:0px 0px 10px #76c5789c;}
.headprofile .offline-dot                                                    {background-color: #aa3626;}
.headprofile .online-txt                                                     {color: #4caf50;}
.headprofile .offline-txt                                                    {color: #aa3626;}
.headprofile .verified                                                       {position: absolute; left: 10px; top: -35px; font-size: 40px; background: #fff; border-radius: 50%;}
.headprofile .newuser                                                        {position:absolute; top: -35px; left: 65px; transform: rotate(-8deg); width:fit-content; height: auto; padding:0 5px; color:#fff; font-size:12px; background-color: #4caf50; border-radius: 5px; border: 2px solid white;}

#gridmt0pt0pb20mb0starf                                                      {align-content: flex-start; align-items: flex-start; }

.detailprofile                                                               {padding:0px 0px 0px 50px; margin-top: 20px; display: flex; flex-direction: column;}
.detailprofile .input-field.col label                                        {top: -35px; left: -25px; font-size: 0.75rem;}

.tools                                                                       {display: flex; flex-direction: column; padding-right:50px; margin-top:30px; text-align: right;}
.tools .input-field.col label                                                {top: -35px; right: -25px; left: unset; font-size: 0.75rem;}
.tools .material-icons                                                       {font-size: 35px;}
.tools .matchscore                                                           {display: flex; flex-direction: row; padding: 10px; align-content: center; align-items: center; justify-content: flex-end; border: solid 2px #d81b60; margin: 0px 0px 50px auto; border-radius: 5px;}


.pulsedot                                                                    {animation: pulseDot 1.2s infinite ease-in-out;}
@keyframes pulseDot {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.3); opacity: 0.6; }
  }

@media only screen and (max-width: 601px) {
  .detailprofile                                                             {padding:0px 30px 0px 30px;}
  .tools                                                                     {text-align: right; padding: 0px 30px 0px 30px;}
  .tools .input-field.col label                                              {left: -25px; right:unset;}
}

@media only screen and (min-width: 601px) and (max-width: 1124px) {

}
@media only screen and (min-width: 1124px) and (max-width: 1384px) {


}