#age-gate-overlay {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    z-index: 700;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: white;
    background-size: cover;
    /*background-image: url(/assets/images/age_gate_overlay/bg-blurred.jpg);*/
    padding-top: 25vh;
    color: #fff
}

#age-gate-overlay.active, #age-gate-overlay.active .age-gate-step.active {
    pointer-events: all;
    opacity: 1
}

@media (max-width: 640px) {
    #age-gate-overlay {
        background-image: url(/assets/images/age_gate_overlay/bg-blurred-mobile.jpg);
        overflow: scroll;
        padding-top: 20vw
    }
}

#age-gate-overlay a {
    color: #fff
}



#age-gate-overlay .age-gate-logo svg {
    fill: #fff
}

@media (max-width: 640px) {
    #age-gate-overlay .age-gate-logo {
        margin: 0 0 0 calc(50% - 35vw / 2);
        width: 35vw;
        height: 9.09091vw
    }
}

#age-gate-overlay .form-group {
    margin: 0 0 3.68526vh
}

#age-gate-overlay .form-select {
    border: 0;
    display: inline-block;
    width: auto;
    font-weight: 700;
    font-size: 1.99203vh;
    letter-spacing: .125em;
    line-height: inherit !important;
    height: auto !important;
    padding-right: 1.2rem !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpolygon fill='%23d6a76f' points='6 9.91 0.29 4.21 1.71 2.79 6 7.09 10.29 2.79 11.71 4.21 6 9.91'/%3e%3c/svg%3e") !important;
    color: #fff
}

#age-gate-overlay .form-select option {
    background-color: transparent;
    color: #404040
}

#age-gate-overlay .age-gate-steps {
    position: relative;
    margin: 8.96414vh 0 0
}

#age-gate-overlay .age-gate-step {
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    padding-bottom: 25vh
}

@media (max-width: 640px) {
    #age-gate-overlay .age-gate-step {
        padding-bottom: 20vw
    }
}

#age-gate-overlay .age-gate-step-text-small {
    font-weight: 400;
    margin: 0 auto 3vh;
    max-width: 60%
}

@media (max-width: 960px) {
    #age-gate-overlay .age-gate-step-text-small {
        max-width: 80%
    }
}

#age-gate-overlay .age-gate-step-text {
    font-weight: 700;
    margin: 0 auto 3.68526vh;
    max-width: 60%
}

@media (max-width: 960px) {
    #age-gate-overlay .age-gate-step-text {
        max-width: 80%
    }
}

#age-gate-overlay .agree-question .age-gate-step-text {
    font-size: 2.39044vh;
    letter-spacing: .38em
}

@media (max-width: 640px) {
    #age-gate-overlay .agree-question .age-gate-step-text {
        font-size: 5.7vw;
        line-height: 8vw;
        width: 75%
    }
}

#age-gate-overlay .agree-answer .age-gate-step-text {
    margin-bottom: 4.22vh;
    font-size: 1.99203vh;
    letter-spacing: .125em
}

@media (max-width: 640px) {
    #age-gate-overlay .agree-answer .age-gate-step-text {
        font-size: 4vw;
        line-height: 6vw;
        width: 75%
    }
}


#age-gate-overlay .age-gate-btn-wrapper .btn-rich {
    margin: 0 1.49402vh;
    min-width: 14.94024vh
}

@media (max-width: 640px) {
    #age-gate-overlay .age-gate-btn-wrapper .btn-rich {
        margin: 0 2.25vw;
        min-width: 43vw
    }
}

#age-gate-overlay .age-gate-legal-info {
    margin: 1.99203vh auto 0;
    font-size: 1.19522vh;
    max-width: 60%
}

#age-gate-overlay .age-gate-legal-info a {
    text-decoration: none !important;
    display: inline;
    position: relative
}

#age-gate-overlay .age-gate-legal-info a span {
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    overflow: hidden
}

#age-gate-overlay .age-gate-legal-info a span:after, #age-gate-overlay .age-gate-legal-info a span:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #d6a76f
}

#age-gate-overlay .age-gate-legal-info a span:before {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1) .16s;
    transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1) .16s;
    -o-transition: transform .6s cubic-bezier(.165, .84, .44, 1) .16s;
    transition: transform .6s cubic-bezier(.165, .84, .44, 1) .16s;
    transition: transform .6s cubic-bezier(.165, .84, .44, 1) .16s, -webkit-transform .6s cubic-bezier(.165, .84, .44, 1) .16s
}

#age-gate-overlay .age-gate-legal-info a span:after {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
    -o-transition: transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), -webkit-transform .6s cubic-bezier(.165, .84, .44, 1)
}

#age-gate-overlay .age-gate-legal-info a:hover span:before {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
    -o-transition: transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), -webkit-transform .6s cubic-bezier(.165, .84, .44, 1)
}

#age-gate-overlay .age-gate-legal-info a:hover span:after {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1) .16s;
    transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1) .16s;
    -o-transition: transform .6s cubic-bezier(.165, .84, .44, 1) .16s;
    transition: transform .6s cubic-bezier(.165, .84, .44, 1) .16s;
    transition: transform .6s cubic-bezier(.165, .84, .44, 1) .16s, -webkit-transform .6s cubic-bezier(.165, .84, .44, 1) .16s
}

@media (max-width: 960px) {
    #age-gate-overlay .age-gate-legal-info {
        max-width: 80%
    }
}


#age-gate-overlay {
    background: white;
    background-image: none;
    color: #34303d;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow-y: auto;
}

#age-gate-overlay .age-month, #age-gate-overlay .age-year {
    position: relative;
}

@media only screen and (max-width: 1023px) {
    #age-gate-overlay .age-gate-legal-info {
        padding-left: 15px;
        padding-right: 15px;
    }
}

#age-gate-overlay .check {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #002c55;
    position: absolute;
    right: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

@media only screen and (max-width: 768px) {
    #age-gate-overlay .check {
        right: 20px;
    }
}

#age-gate-overlay .check svg {
    transform: scale(1.5);
    width: 20px;
}


#age-gate-overlay .age-gate-legal-info {
    font-size: 12px !important;
    padding-bottom: 40px;
    max-width: 680px;
}

@media only screen and (max-width: 1023px) {
    #age-gate-overlay .age-gate-legal-info {
        font-size: 11px !important;
    }
}

#age-gate-overlay .choices__inner {
    background: white !important;
    border: solid 1px rgba(0, 44, 88, 0.34);
    display: flex;
    align-items: center;
    /*min-height: 0px;*/
    /*width: auto;*/
}

#age-gate-overlay .choices__list--dropdown {
    background: white !important;
}

#age-gate-overlay .gate-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#age-gate-overlay .choices__placeholder {
   color: black;
    opacity: 1;
}

@media only screen and (max-width: 1023px) {
    #age-gate-overlay .gate-container {
        justify-content: initial;
        padding-top: 30px;
    }
}

#age-gate-overlay .age-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
}

#age-gate-overlay .agree-question {
    position: static;
}

#age-gate-overlay .age-gate-step {
    padding-bottom: 0;
}

#age-gate-overlay .age-gate-steps {
    margin-top: 30px;
}

#age-gate-overlay .age-gate-step-text {
    padding: 0 20px;
    font-size: 16px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal !important;
    letter-spacing: normal !important;
    text-align: center;
    color: #34303d;
    max-width: 555px;
}

@media only screen and (max-width: 1023px) {
    #age-gate-overlay .age-gate-step-text {
        font-size: 18px !important;
    }
}

#age-gate-overlay .btn-simple {
    margin: 40px auto 40px auto;
    /*background: #34303d;*/
    /*color: white;*/
}

#age-gate-overlay .bold {
    font-weight: bold;
}

#age-gate-overlay .choices__item:after {
    display: none;
}

#age-gate-overlay .choice-holder {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 768px) {
    #age-gate-overlay .choice-holder {
        align-items: center;
        flex-direction: column;
    }

    #age-gate-overlay .choice-holder .choices {
        margin: 10px;
    }
}

#age-gate-overlay .choices__placeholder {
    text-align: left;
}

#age-gate-overlay .choices {
    width: 180px !important;
    max-width: 180px !important;
    margin: 20px;
}

#age-gate-overlay .age-gate-logo {
    margin: 0 auto !important;
}

#age-gate-overlay .age-gate-logo img {
   max-width: 150px;
}

@media only screen and (max-width: 1023px) {
    #age-gate-overlay .age-gate-logo img {
        max-width: 156px;
    }
}

.submit-age {
    border: 0;
}


.hide {
    display: none !important;
}