:root {

    --orange: #E95328;

    --title: "dharma-gothic-e",sans-serif;

    --copy: "trade-gothic-next",sans-serif;

}

body.has-agegate {

    overflow: hidden;

}

.agegate .form-control::-moz-placeholder {

    color: #fff;

    opacity: 1;

}

.agegate .form-control::-ms-placeholder {

    color: #fff;

    opacity: 1;

}

.agegate .form-control::-webkit-input-placeholder {

    color: #fff;

    opacity: 1;

}

.agegate {

    background: rgba(0, 0, 0,.95);

    position: fixed;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    overflow: hidden;

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;

    z-index: 9999999;

    font-size: 20px;



}

.agegate-container {

    background: url(../images/agegate-background.jpg) center center no-repeat;  

    background-size: cover;  

    max-width: 37.5em;

    margin: 25px auto;

    padding: 40px 0 30px;

    color: #fff;

}

.agegate-logo {

    width: 8em;

    margin: 0 auto 1.6em;

}

.agegate h2 {

    font-size: 2.1em;

    line-height: 1em;

    text-align: center;

    margin-bottom: 0; 

    font-family:"dharma-gothic-e";

    color: #fff;

}

.agegate p {

    font-size: 0.95em;

    line-height: normal;

    text-transform: uppercase;

    margin: 1em 0 2em;

    font-family: "trade-gothic-next",sans-serif;

    color: #fff;

}

.agegate form {

    width: 24.5em;

    margin-left: auto;

    margin-right: auto;

}

.agegate .chosen-container-single .chosen-single div {

    background-image: url(../images/down-arrow.png?ver=3) !important;

    right: 0;

    width: 2em;

    background-size: .6em auto;

}

.agegate .form-control,

.agegate .common-chosen .chosen-container-single a.chosen-single {

    font-size: 1.2em;

    height: 2.5em;

    color: #fff;

    text-align: center;

    text-transform: uppercase;

    background: #000;

    border: 1px solid #fff !important; 

    font-family: var(--copy);

    padding-bottom: .1em;

    width: 100%;

}

.agegate-row {

    margin-left: -.25em;

    margin-right: -.25em;

}

.agegate-row [class^="col-"] {

    padding-left: .25em;

    padding-right: .25em;

}



.country-row {

    display: flex;

    flex-wrap: wrap;

    padding: .5em 0;

    justify-content: center;

    max-width: none;

}

.agegate-country,

.agegate .select-container {

    width: 100%;

}

.agegate .select-container {

    margin: 0;

}

.apple .form-control {

    padding-top: 0;

}

.agegate .common-chosen .chosen-container-single a.chosen-single {

    font-size: 1.7em;

    height: 1.7647058823529411em !important;

    line-height: calc(1.7647058823529411em - 2px) !important;

    font-family: var(--title);

    text-align: left;

    padding: 0 2em 0 .6em;

}

.agegate .common-chosen .chosen-container-single a.chosen-single span {

    font-size: 1em !important;

}

.agegate .common-chosen .chosen-container-single .chosen-single div {

    width: 2em;

    background-size: .6em auto;

}

.agegate .remember-me {

    margin: 1em 0;

}



.agegate label.customRC {

    font-size: 1em;

    line-height: 1.5em;

    color: #fff;

    text-transform: uppercase;

    padding-left: 2.25em;

    font-family: var(--copy);

    padding-right: 0;

    padding-top: 0 !important;

    position: relative;

}

.agegate label.customRC span{

    width: 1.5em;

    height: 1.5em;

    background: #fff url(../images/cross.png) center center no-repeat; 

    background-image: url(../images/cross.png) !important;

    background-size: 0 auto;

    border: 1px solid #000;

    top: 0;

    left: 0;

    position: absolute;

}

.agegate input.customRC:checked + label.customRC span{

    background-size: contain;

}

.agegate input.customRC {

    opacity: 0;

    position: absolute;

}

.agegate .col-oneThird {

    width: 33.3333% !important;

}

.age-owl img,

.agegate-logo img {

    width: 100%;

}

.agegate-container p {

    text-align: center;

}



.or-seperator {

    display: none !important;

}

.agegate-btn_holder .agegate-btn:not(#facebookLogin) {

    width: 100%;

    min-width: 1px;

    max-width: none;

    font-size: 2.1em;

    height: 1.4285714285714286em;

    border: 1px solid #fff;

    box-shadow: none !important;

    color: var(--orange);

    line-height: normal;

    padding-top: .1em;

}

.agegate-btn_holder #facebookLogin {

    border: none;

    background: none !important;

    width: 100%;

    max-width: none;

    height: auto;

    line-height: normal;

    box-shadow: none !important;

    display: flex;

    justify-content: center;

    font-size: 1em;

    font-family: var(--copy);

    margin: 1em 0 2.5em;

    color: #fff !important;

}

.agegate-btn_holder #facebookLogin span:nth-child(2) {

    border-bottom: 1px solid #fff;

}

.agegate-footer {

    text-align: center;

}

.age-owl {

    width: 60px;

    display: block;

    margin: 0 auto 10px;

}

.agegate-footer p {

    color: #fff;

    font-family: helvetica;

    font-size: 10px;

    line-height: 12px;

    margin: 0;

    text-transform: none;

}

.agegate .chosen-container .chosen-drop {

    background: #000 !important;

}





.agegate .common-chosen .chosen-container .chosen-results li {

    padding: 5px 11px;

    color: #fff;

    font-size: 1em;

    font-family: var(--title);

}



.agegate .common-chosen .chosen-container .chosen-results li.highlighted  {

  background-color: transparent;

  color: var(--orange);

}



.agegate .common-chosen .chosen-container-single .chosen-search input[type="text"] {

    border: 1px solid #fff;

    font-size: 16px;

    font-family: var(--copy);

    font-weight: 300;

    color: #fff;



}

.agegate .btn span {

    border: none;

    padding: inherit;

    line-height: 1em;

    font-size: inherit;

}

.agegate .btn {

    display: block;

    background: #000;

    position: relative;

    text-transform: uppercase;

    font-family: var(--title);

    font-weight: normal;

    font-style: normal;

    text-align: center;

}

.agegate .btn:hover {

    background: #fff;

}

.agegate-btn_holder {

    width: auto !important;

    margin: 0 !important;

}





.tablet .agegate .select-container .btn-fallback, 

.phone .agegate .select-container .btn-fallback {

    position: relative;

    height: 1.7647058823529411em !important;

    line-height: calc(1.7647058823529411em - 2px);

    padding: 0 2em 0 .6em !important;

    font-size: 1.7em !important;

    color: #fff !important;

    width: 100%;

    border: 1px solid #fff !important;

    font-family: var(--title) !important;

    font-weight: normal;

    font-style: normal;

    text-transform: uppercase !important;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    text-align: left;

    background: #000 !important;

}

/*------Age Gate------*/



@media screen and (max-width: 1399px) {

    .agegate {

        font-size: 18px;

    }

}



@media screen and (max-width: 1199px) {

    .agegate {

        font-size: 16px;

    }

}



@media screen and (max-width: 991px) {

    .agegate {

        font-size: 14px;

    }

}

@media screen and (max-width: 767px) {

.agegate form {

    width: 21.5em;

}   

}