html,.page-id-5612,.page-id-5610{
  max-width:100%;
  overflow-x: hidden;
} 
body.page-id-5612,body.page-id-5610{
  overflow: hidden;
} 

/***icones en haut de page***/
.kc-ypareo-form-header{
    margin-bottom:80px;
    width:100%;
}
.kc-ypareo-form-header-element{
    display: inline-block;
    width:33%;
    padding-right:20px;
    padding-left:65px;
    position:relative;
}
.kc-ypareo-form-header-element:before{
    content:"";
    width:45px;
    height:45px;
    background:url(../img/diplome-inscription.svg);
    position:absolute;
    left:0;
    top:5px;
    background-repeat:no-repeat;
    background-size:contain;
} 
/**personnalisation icones*/
.kc-ypareo-form-header-element.kc-ypareo-form-header-year-formation:before{
    background:url(../img/calendar-inscription.svg);
    background-repeat:no-repeat;
    background-size:contain;
} 
.kc-ypareo-form-header-element.kc-ypareo-form-header-site:before{
    background:url(../img/target-inscription.svg);
    background-repeat:no-repeat;
    background-size:contain;
} 
.kc-ypareo-form-header-element-label{
    font-size:16px;
    color:#4d4d4d;
    font-weight:300;
    margin-bottom: 0px;
}

.kc-ypareo-form-header-element-velue{
    font-size:16px;
    color:#4d4d4d;
    font-weight:600;

}


/**page de connexion***/ 

.content-form>.elementor-column-wrap{
    border-radius:40px;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 4px 4px 11px rgba(0, 0, 0, 0.2);
}

.content-form  .icon-title,.content-form  .title-form{
    display: inline-block;
    vertical-align: bottom;
    width:auto;
}

.content-form  .title-form:after{
    content:"";
    width: 70px;
    height:4px;
    background:#E40043;
    display: block;
    margin-top:10px;
}

.content-form  .icon-title{
    margin-right:15px;
    margin-top:-20px;
}

.page-id-5610 .connexion-ypareo::before{
    content: '';
    position: absolute;
    width: 125px;
    height: 140px;
    top: 20%;
    left: -6%;
    background: url("/wp-content/plugins/kc-ypareo-api/assets/img/inscription-papier.png");
    background-repeat: no-repeat;
}

/**
loader
*/
.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
  .lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
  }
  .lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    margin: -4px 0 0 -4px;
  }
  .lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
  }
  .lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
  }
  .lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
  }
  .lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px;
  }
  .lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
  }
  .lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px;
  }
  .lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
  }
  .lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
  }
  .lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
  }
  .lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px;
  }
  .lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
  }
  .lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px;
  }
  .lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
  }
  .lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px;
  }
  .lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
  }
  .lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px;
  }
  @keyframes lds-roller {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }