@font-face {
  font-family: 'pr_body-regular';
  src: url("../woff2/notosans-regular.woff2") format("woff2"), url("../ttf/notosans-regular.ttf") format("truetype"), url("../woff/notosans-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'pr_headings-regular';
  src: url("../woff2/weave-bold-pro.woff2") format("woff2"), url("../ttf/weave-bold-pro.ttf") format("truetype"), url("../woff/weave-bold-pro.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

/**
 * Brand Style Code Goes here. All rules here can override the default one.
 */
#pr_age_gate, #pr_age_gate * {
  font-family: "pr_body-regular", Arial, sans-serif !important; }

#pr_age_gate * {
  color: #FFF !important; }

#pr_age_gate .agegate_logo {
  display: none; }

#pr_age_gate .agegate_center-fix-xy.agegate_dialog {
  position: fixed;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
  height: 100%;
  width: 100% !important;
  max-width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-family: pr_body-regular, Arial, sans-serif;
  color: #333;
  z-index: 9999;
  will-change: opacity;
  background-color: transparent !important;
  border: none !important; }
  @media (min-width: 900px) {
    #pr_age_gate .agegate_center-fix-xy.agegate_dialog {
      justify-content: space-between;
      font-size: 20px; } }

#pr_age_gate .agegate_top {
  padding: 20px 15px; }
  @media (min-width: 768px) {
    #pr_age_gate .agegate_top {
      padding: 27% 50px 0 50px; } }

#pr_age_gate .agegate.pl-pl input[name="month"] {
  display: block !important; }

#pr_age_gate .agegate.pl-pl input[name="day"] {
  display: block !important; }

#pr_age_gate .agegate_input-wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  margin: 0 -6px;
  padding-bottom: 0;
  width: 100%;
  max-width: 750px;
  margin: 0 auto; }
  @media (min-width: 768px) {
    #pr_age_gate .agegate_input-wrapper {
      padding-bottom: 120px;
      flex-wrap: nowrap; } }

#pr_age_gate .agegate_overlay {
  background: url("../avif/bg-mobile.avif") no-repeat;
  background-color: #FFF !important;
  background-size: cover; }
  @media (min-width: 768px) {
    #pr_age_gate .agegate_overlay {
      background: url("../jpg/bg-desktop.jpg") no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover; } }

#pr_age_gate .agegate_content {
  background-color: transparent !important;
  width: 100% !important;
  max-width: 870px;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 !important; }

#pr_age_gate .agegate_logo {
  padding-bottom: 10px !important;
  height: auto !important;
  margin-bottom: 0 !important;
  width: 181px !important;
  vertical-align: "center"; }

#pr_age_gate .agegate_text.agegate_over18 {
  color: #FFF !important;
  font-size: 24px !important;
  line-height: 1.5 !important;
  font-family: "pr_headings-regular", "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
  font-weight: 400;
  margin: 0 0 20px !important; }
  @media (min-width: 768px) {
    #pr_age_gate .agegate_text.agegate_over18 {
      font-size: 32px !important; } }

#pr_age_gate .agegate_text.agegate_subtitle {
  color: #FFF;
  font-size: 14px !important;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
  margin-top: 50px !important;
  padding: 0;
  font-family: "pr_body-regular", Arial, sans-serif !important; }
  @media (min-width: 768px) {
    #pr_age_gate .agegate_text.agegate_subtitle {
      font-size: 14px !important; } }

#pr_age_gate .agegate_dateofbirth {
  color: #FFF;
  font-size: 14px !important;
  padding: 10px 0 20px 0; }

#pr_age_gate .agegate_bottom {
  color: #fff !important;
  padding: 0 15px 20px 15px;
  width: 100%;
  max-width: 870px;
  font-size: 12px !important;
  margin-top: 25px; }
  @media (min-width: 768px) {
    #pr_age_gate .agegate_bottom {
      padding: 25px !important;
      font-size: 14px !important;
      margin: auto auto 0; } }

#pr_age_gate .agegate_submit {
  background: transparent !important;
  border: 1px solid #fff !important;
  max-width: 200px !important;
  padding: 0 10px !important;
  width: auto !important;
  font-size: 33px !important;
  line-height: 60px !important;
  text-align: center;
  margin: 0 auto 15px auto;
  height: 60px !important;
  font-family: "pr_body-regular", Arial, sans-serif !important;
  font-weight: 400 !important;
  flex-basis: 0;
  flex-grow: 1; }
  @media (min-width: 768px) {
    #pr_age_gate .agegate_submit {
      margin: 0;
      height: 100px !important;
      font-size: 92px !important;
      padding: 0 20px !important;
      line-height: 100px !important; } }

#pr_age_gate .agegate-rememberMe {
  color: #FFF;
  font-family: "pr_body-regular", Arial, sans-serif !important;
  font-size: 0.8em !important; }
  #pr_age_gate .agegate-rememberMe p, #pr_age_gate .agegate-rememberMe span {
    font-size: 14px; }

#pr_age_gate .agegate ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF;
  opacity: 1;
  /* Firefox */
  font-family: "pr_body-regular", Arial, sans-serif !important;
  font-size: 33px !important; }
  @media (min-width: 768px) {
    #pr_age_gate .agegate ::placeholder {
      font-size: 87px !important; } }

#pr_age_gate .agegate :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #FFF;
  font-size: 1.8em;
  font-family: "pr_body-regular", Arial, sans-serif !important;
  font-size: 33px !important; }
  @media (min-width: 768px) {
    #pr_age_gate .agegate :-ms-input-placeholder {
      font-size: 87px !important; } }

#pr_age_gate .agegate ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #FFF;
  font-size: 1.8em;
  font-family: "pr_body-regular", Arial, sans-serif !important;
  font-size: 33px !important; }
  @media (min-width: 768px) {
    #pr_age_gate .agegate ::-ms-input-placeholder {
      font-size: 87px !important; } }

#pr_age_gate .agegate input,
#pr_age_gate .agegate input::-webkit-input-placeholder {
  line-height: 1.5em;
  font-family: "pr_body-regular", Arial, sans-serif;
  font-size: 33px !important; }
  @media (min-width: 768px) {
    #pr_age_gate .agegate input,
    #pr_age_gate .agegate input::-webkit-input-placeholder {
      font-size: 87px !important; } }

#pr_age_gate .agegate_rememberMe input {
  display: none; }

#pr_age_gate .agegate_rememberMe input + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  line-height: 30px;
  cursor: pointer;
  top: 0;
  height: 0;
  transform: translateY(-20px);
  margin: 0; }

#pr_age_gate .agegate_rememberMe input:checked + label:before {
  background-color: transparent;
  outline: 1px solid #ddd; }

#pr_age_gate .agegate_rememberMe input + label:before {
  position: absolute;
  left: 0;
  top: 2px;
  content: "";
  border-radius: 2px;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  vertical-align: bottom;
  transition: all .15s ease-in-out;
  background-color: transparent;
  outline: 1px solid #ddd; }

#pr_age_gate .agegate_rememberMe input + label:after {
  position: absolute;
  top: 7px;
  left: 9px;
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg) scale(0);
  transition: all 80ms ease-in-out; }

#pr_age_gate .agegate_rememberMe input:checked + label:after {
  transform: rotate(45deg) scale(1); }

#pr_age_gate .agegate_inputs_container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  padding-bottom: 0;
  width: 100%;
  max-width: 750px;
  margin: 0 auto; }

#pr_age_gate .agegate_bottom .agegate_generalConditions * {
  font-size: 12px !important;
  line-height: 1.5 !important; }
  @media (min-width: 768px) {
    #pr_age_gate .agegate_bottom .agegate_generalConditions * {
      font-size: 14px !important; } }
  @media only screen and (max-width: 399px) {
    #pr_age_gate .agegate_bottom .agegate_generalConditions * {
      font-size: 12px !important;
      line-height: 1.5 !important; } }

.age-gate_input {
  color: #FFF !important;
  font-size: 33px !important;
  line-height: 60px !important;
  border: 1px solid #FFFFFF !important;
  max-width: 300px;
  width: 29% !important;
  padding: 0 2px;
  box-sizing: border-box;
  margin: 0 6px 15px 6px !important;
  text-align: center;
  height: 60px !important;
  font-family: "pr_body-regular", Arial, sans-serif !important;
  font-weight: 400 !important;
  background-color: transparent !important;
  display: block;
  flex-grow: 1; }
  @media (min-width: 768px) {
    .age-gate_input {
      margin: 0 12px 20px 12px !important;
      width: 35%;
      padding: 0 5px !important;
      font-size: 87px !important;
      line-height: 100px !important;
      height: 100px !important; } }
  .age-gate_input:focus {
    outline: none;
    border: 1px solid #FFFFFF !important; }
  .age-gate_input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #FFF;
    opacity: 1;
    font-family: "pr_body-regular", Arial, sans-serif !important;
    font-size: 33px !important; }
    @media (min-width: 768px) {
      .age-gate_input::placeholder {
        font-size: 87px !important; } }
  .age-gate_input-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #FFF;
    font-size: 1.8em;
    font-family: "pr_body-regular", Arial, sans-serif !important;
    font-size: 33px !important; }
    @media (min-width: 768px) {
      .age-gate_input-ms-input-placeholder {
        font-size: 87px !important; } }
  .age-gate_input-ms-input-placeholder {
    /* Microsoft Edge */
    color: #FFF;
    font-size: 1.8em;
    font-family: "pr_body-regular", Arial, sans-serif !important;
    font-size: 33px !important; }
    @media (min-width: 768px) {
      .age-gate_input-ms-input-placeholder {
        font-size: 87px !important; } }

.age-gate #age-gate-rememberme:checked + label:before {
  background-color: transparent;
  outline: 1px solid #ddd;
  /* focus style */ }

.age-gate #age-gate-rememberme + label:before {
  background-color: transparent;
  outline: 1px solid #ddd;
  /* focus style */ }

.age-gate__input-wrapper #avp-field-error-message:before {
  border-bottom: #FFF;
  background-color: #FFF; }

.age-gate__input-wrapper #avp-field-error-message {
  color: red; }

#avp-field-error-message {
  background-color: #FFF !important;
  opacity: 0.9 !important;
  font-family: "pr_body-regular", Arial, sans-serif; }

/**
 * If there is a change that needs to go live for all brands & projects, it will be placed and this file.
 * No need to go in to every brand. Keeping it at the bottom it will also make it available to override all brands.
 */
