.popup_age_gate__container {
  z-index           : 502;
  position          : fixed;
  display           : -webkit-box;
  display           : -ms-flexbox;
  display           : flex;
  -webkit-box-pack  : center;
  -ms-flex-pack     : center;
  justify-content   : center;
  -webkit-box-align : center;
  -ms-flex-align    : center;
  align-items       : center;
  top               : 0;
  left              : 0;
  right             : 0;
  bottom            : 0;
  pointer-events    : none;
}

.background_popup_age_gate {
  display          : none;
  width            : 100%;
  height           : 100%;
  overflow         : hidden;
  background-color : #000;
  opacity          : 0.7;
  position         : fixed;
  z-index          : 4;
  top              : 0;
  left             : 0;
  pointer-events   : all;
}

.popup_age_gate__wrapper {
  display        : none;
  padding        : .25rem;
  /*background     : #e1d3bf;*/
  background     : var(--light-main-color, #e1d3bf);
  position       : absolute;
  /*position: fixed;*/
  /*top: 50%;*/
  /*left: 50%;*/
  z-index        : 5;
  border-radius  : 45px;
  /*width          : 95%;*/
  height         : auto;
  pointer-events : all;

  top            : 54%;
  left           : 50%;
  transform      : translate3d(-50%, -50%, 0);
  width          : 310px;
}

@media (min-width : 350px) {
  .popup_age_gate__wrapper {
    width : 340px;
  }
}

@media (min-width : 410px) {
  .popup_age_gate__wrapper {
    width : 400px;
  }
}

@media (min-width : 500px) {
  .popup_age_gate__wrapper {
    width : 480px;
  }
}

@media (min-width : 600px) {
  .popup_age_gate__wrapper {
    width : 580px;
  }
}

@media (min-width : 780px) {
  .popup_age_gate__wrapper {
    width : 700px;
  }
}

@media (min-width : 1024px) {
  .popup_age_gate__wrapper {
    width : 760px;
  }
}

@media (min-width : 1200px) {
  .popup_age_gate__wrapper {
    width : 780px;
  }
}

/*.popup_age_gate__wrapper:after {*/
/*    content         : url(../img/top-right-leaf.png);*/
/*    z-index         : 5;*/
/*    position        : absolute;*/
/*    background-size : contain;*/
/*    left            : 67%;*/
/*    bottom          : 67%;*/
/*    pointer-events  : none;*/
/*}*/

/*.popup_age_gate__wrapper:before {*/
/*    content         : url(../img/bottom-left-leaf.png);*/
/*    z-index         : 5;*/
/*    position        : absolute;*/
/*    background-size : contain;*/
/*    right           : 67%;*/
/*    top             : 67%;*/
/*    pointer-events  : none;*/
/*}*/

.popup_age_gate {
  background    : #fff;
  border-radius : 45px;
  padding       : 15px;
}

.popup_age_gate .bloc_flex {
  display           : -webkit-box;
  display           : -ms-flexbox;
  display           : flex;
  -webkit-box-pack  : center;
  -ms-flex-pack     : center;
  justify-content   : center;
  -webkit-box-align : center;
  -ms-flex-align    : center;
  align-items       : center;
}

.popup_age_gate .bloc_flex.column_direction {
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -ms-flex-direction    : column;
  flex-direction        : column;
}

/* Modale header */

.popup_age_gate .header .bloc_logo {
  padding-top : 30px;
}

.popup_age_gate .header .bloc_texte_dessus {
  margin-top : 30px;
}

.popup_age_gate .header .texte_dessus {
  letter-spacing : 4px;
  text-transform : uppercase;
  font-size      : 22px;
  color          : #3a3a3a;
}

.popup_age_gate .header .texte_dessus_subtitle {
  font-weight   : 300;
  text-align    : center;
  margin-bottom : 0;
}

/* FORMULAIRE */
.popup_age_gate .bloc_form {
  padding-top    : 30px;
  padding-bottom : 30px;
}

.popup_age_gate .bloc_form .bloc_form {
  padding-top : 15px;
  z-index     : 6;
}

.popup_age_gate .bloc_form .input-group {
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-pack : center;
  -ms-flex-pack    : center;
  justify-content  : center;
}

.popup_age_gate .bloc_form .btn-group {
  margin-bottom : 15px;
}

.popup_age_gate .bloc_form .remember {
  line-height   : 1.2em;
  font-weight   : 300;
  font-size     : 13px;
  margin-bottom : 0;
}

#popup_age_gate-remember {
  margin-right : 10px;
}

.popup_age_gate .bloc_form .error {
  display       : none;
  font-style    : italic;
  color         : #ff0000;
  margin-bottom : 15px;
}

.majority-input {
  display               : -webkit-box;
  display               : -ms-flexbox;
  display               : flex;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -ms-flex-direction    : column;
  flex-direction        : column;
  -webkit-box-align     : center;
  -ms-flex-align        : center;
  align-items           : center;
}

.majority-input p {
  margin : 0 10px 0 0;
}

#yes {
  margin-right : 5px;
}

#no {
  margin-left : 5px;
}

#yes,
#no {
  border-radius : 5px;
  font-weight   : bold;
  padding       : .76rem 1em;
}

#majority-button {
  display        : block;
  margin         : 10px auto 15px;
  color          : white;
  background     : black;
  font-weight    : bold;
  text-transform : uppercase;
  padding        : .76rem 2.5em;
  border         : 1px solid currentColor;
}

#majority-button:disabled {
  color      : black;
  cursor     : not-allowed;
  background : transparent;
}

/* AVERTISSEMENT */
.popup_age_gate .bloc_advertisement {
  padding-bottom : 50px;
  position       : relative;
  z-index        : 6;
}

.popup_age_gate .bloc_advertisement .texte_bas {
  font-size   : 14px;
  font-weight : 300;
  text-align  : center;
}

/* SUCCESS */
.popup_age_gate .success h4 {
  font-size     : 30px;
  font-weight   : 300;
  color         : #e7847b;
  margin-bottom : 0;
}

.popup_age_gate .success h4 span {
  font-size   : 25px;
  font-weight : 300;
  color       : #000;
}

.popup_age_gate .success .sous_text i {
  color     : #e7847b;
  font-size : 12px;
}

@media (min-width : 768px) {
  .majority-input {
    -webkit-box-orient    : horizontal;
    -webkit-box-direction : normal;
    -ms-flex-direction    : row;
    flex-direction        : row;
  }
}

@media (min-width : 1200px) {
  .popup_age_gate__wrapper {
    /*width   : 40%;*/
    padding : .5rem;
  }
}