.popup_age_gate__container {
    z-index           : 5;
    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.85;
    position         : fixed;
    z-index          : 4;
    top              : 0;
    left             : 0;
    pointer-events   : all;
}

.popup_age_gate__wrapper {
    display        : none;
    padding        : 20px;
    background     : var(--color-secondary);
    position       : absolute;
    z-index        : 5;
    border-radius  : 45px;
    height         : auto;
    pointer-events : all;

    top            : 50%;
    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;
    color         : black;
    border-radius : 45px;
    padding       : 15px;
}
.popup_age_gate .selects {
    color: #000000;
    margin: 20px auto;
}

.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_logo img {
    height: 110px;
}

.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          : #2d2d2d;
    font-weight: 400;
    margin-bottom: 10px;
}

.popup_age_gate .selects option{
    font-weight: 300;
}

.popup_age_gate p {
    color : #0a0a0a;
}

.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 {
    color: #0a0a0a;
    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;
    width: 100%;
}

#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     : var(--color-secondary);
    font-weight    : bold;
    text-transform : uppercase;
    padding        : .76rem 2.5em;
    border         : 1px solid var(--color-secondary);
}

#majority-button:disabled {
    color      : var(--color-primary);
    opacity    : 0.7;
    cursor     : not-allowed;
    background : transparent;
}

/* AVERTISSEMENT */
.popup_age_gate .bloc_advertisement {
    padding-bottom : 30px;
    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 : 2em;
    }
}