/**/
.not-found-page {
  text-align: center;
}

.form-section-row .textblock {
  text-align: center;
}

.privacy-section-row,
.competition-tcs-section-row,
.sms-optin-section-terms-row,
.whatsapp-optin-section-terms-row {
  text-align: center;
}

.privacy-section-row {
  margin-top: 20px;
}

.header-image {
  max-width: 100%;
  max-height: 250px;
  padding: 0px;
  margin: 0px;
  z-index: 111;
}

.header-image-col-preview-before {
  content: '';
  position: relative;
  z-index: -1;

  width: 100%;
  height: 250px;

  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);

  background-size: cover;
  background-position: center;
  transform: scale(1.06);
}

.header-clear {
  background-color: white;
  width: 100%;
  height: 20px;
}

.header-image-col-preview {
  width: 100%;
  text-align: center;
  margin-top: -250px;
}

.header-image-col {
  overflow: hidden;
}

.header-text {
  position: absolute;
  z-index: 2;
  bottom: 10px;
  display: block;
  width: 100%;

  text-transform: uppercase;
  font-family: 'Nunito', sans-serif;
  font-size: 28px;
  text-align: center;
  text-shadow: 1px 0px 4px #0f0f0f;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;

  padding: 1%;
}

.header-image-grid {
  width: 100%;
  padding: 0px;
  margin-bottom: 50px;
}

.header-image-grid .header-image-row {
  margin: 0;
}

.header-image-grid .header-image-col {
  padding: 0;
}

.footer-grid {
  flex: 0 0 50px;
  width: 100%;
  margin-top: auto;
}

.footer-section-col {
  padding: 0px;
}

.header-prop {
  width: 100%;
  height: 250px;
}

.image-container {
  text-align: center;
  margin-bottom: 15px;
}

.image-container img {
  max-width: 100%;
}

.jumbotron {
  background: none;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.page-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.register-submit-container {
  margin-top: 20px;
  margin-bottom: 50px;
}

.sso-container {
  margin-bottom: 20px;
}

.submit-section-row form {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 50px;
}

.submit-button {
  width: 100%;
}

.cookie-choice-button {
  position: fixed;
  bottom: 10px;
  left: 10px;
  z-index: 999999;
  display: block;
  background: white;
  padding: 10px 20px;
  margin: 10px;
  border-radius: 40px;
  border: solid 1px #a9a9a9;
  width: fit-content;
  font-size: 12px;
}

.textblock {
  margin-bottom: 20px;
}

.thanks-body-section-row,
.coming-soon-body-section-row,
.expired-body-section-row,
.email-confirmed-body-section-row,
.login-sso-body-section-row,
.social-reg-body-section-row,
.competition-body-section-row {
  margin-bottom: 20px;
  text-align: center;
}

.social-reg-fields-section-row {
  margin-bottom: 20px;
}

.question div {
  margin-top: 15px;
}

.main-form-page {
  margin-bottom: 120px;
}

.react-tel-input input {
  width: 100% !important;
}

.disabled-optins {
  opacity: 0.5;
  pointer-events: none;
}

.genre-section-header-row {
  margin-top: 20px;
}

.genre-section-row {
  margin-bottom: 20px;
}

.optin-section-header-row {
  margin-top: 10px;
}

.sms-optin-section-header-row,
.whatsapp-optin-section-header-row {
  margin-top: 20px;
}

.sms-optin-section-terms-row,
.whatsapp-optin-section-terms-row {
  margin-top: 20px;
  margin-bottom: 20px;
}

.optin-section-row label,
.sms-optin-section-row label,
.whatsapp-optin-section-row label {
  display: block;
}

.message-info-text-container,
.error-message-text-container {
  text-align: center;
}

.message-info-text,
.error-message-text {
  display: inline-block;
  text-align: center;
}

/* Target IE10+ */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .header-image-col-preview-before {
    /* background: none!important; */
    opacity: 0.4;
  }
}

/* Social buttons */

/* deezer button */
.btn-deezer {
  color: #fff;
  background-color: #444;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-deezer:hover,
.btn-deezer:focus,
.btn-deezer:active,
.btn-deezer.active,
.open .dropdown-toggle.btn-deezer {
  color: #fff;
  background-color: #303030;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-deezer:active,
.btn-deezer.active,
.open .dropdown-toggle.btn-deezer {
  background-image: none;
}
.btn-deezer.disabled,
.btn-deezer[disabled],
fieldset[disabled] .btn-deezer,
.btn-deezer.disabled:hover,
.btn-deezer[disabled]:hover,
fieldset[disabled] .btn-deezer:hover,
.btn-deezer.disabled:focus,
.btn-deezer[disabled]:focus,
fieldset[disabled] .btn-deezer:focus,
.btn-deezer.disabled:active,
.btn-deezer[disabled]:active,
fieldset[disabled] .btn-deezer:active,
.btn-deezer.disabled.active,
.btn-deezer[disabled].active,
fieldset[disabled] .btn-deezer.active {
  background-color: #444;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-deezer .badge {
  color: #444;
  background-color: #fff;
}

/* spotify button */
.btn-spotify {
  color: #fff;
  background-color: #81b71a;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-spotify:hover,
.btn-spotify:focus,
.btn-spotify:active,
.btn-spotify.active,
.open .dropdown-toggle.btn-spotify {
  color: #fff;
  background-color: #608913;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-spotify:active,
.btn-spotify.active,
.open .dropdown-toggle.btn-spotify {
  background-image: none;
}
.btn-spotify.disabled,
.btn-spotify[disabled],
fieldset[disabled] .btn-spotify,
.btn-spotify.disabled:hover,
.btn-spotify[disabled]:hover,
fieldset[disabled] .btn-spotify:hover,
.btn-spotify.disabled:focus,
.btn-spotify[disabled]:focus,
fieldset[disabled] .btn-spotify:focus,
.btn-spotify.disabled:active,
.btn-spotify[disabled]:active,
fieldset[disabled] .btn-spotify:active,
.btn-spotify.disabled.active,
.btn-spotify[disabled].active,
fieldset[disabled] .btn-spotify.active {
  background-color: #81b71a;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-spotify .badge {
  color: #81b71a;
  background-color: #fff;
}

/* youtube button */
.btn-youtube {
  color: #fff;
  background-color: #dc2725;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-youtube:hover,
.btn-youtube:focus,
.btn-youtube:active,
.btn-youtube.active,
.open > .dropdown-toggle.btn-youtube {
  color: #fff;
  background-color: #b21e1c;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-youtube:active,
.btn-youtube.active,
.open > .dropdown-toggle.btn-youtube {
  background-image: none;
}
.btn-youtube.disabled,
.btn-youtube[disabled],
fieldset[disabled] .btn-youtube,
.btn-youtube.disabled:hover,
.btn-youtube[disabled]:hover,
fieldset[disabled] .btn-youtube:hover,
.btn-youtube.disabled:focus,
.btn-youtube[disabled]:focus,
fieldset[disabled] .btn-youtube:focus,
.btn-youtube.disabled:active,
.btn-youtube[disabled]:active,
fieldset[disabled] .btn-youtube:active,
.btn-youtube.disabled.active,
.btn-youtube[disabled].active,
fieldset[disabled] .btn-youtube.active {
  background-color: #dc2725;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-youtube .badge {
  color: #dc2725;
  background-color: #fff;
}

/* last.fm button */
.btn-lastfm {
  color: #fff;
  background-color: #d51007;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-lastfm:hover,
.btn-lastfm:focus,
.btn-lastfm:active,
.btn-lastfm.active,
.open > .dropdown-toggle.btn-lastfm {
  color: #fff;
  background-color: #b21e1c;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-lastfm:active,
.btn-lastfm.active,
.open > .dropdown-toggle.btn-lastfm {
  background-image: none;
}
.btn-lastfm.disabled,
.btn-lastfm[disabled],
fieldset[disabled] .btn-lastfm,
.btn-lastfm.disabled:hover,
.btn-lastfm[disabled]:hover,
fieldset[disabled] .btn-lastfm:hover,
.btn-lastfm.disabled:focus,
.btn-lastfm[disabled]:focus,
fieldset[disabled] .btn-lastfm:focus,
.btn-lastfm.disabled:active,
.btn-lastfm[disabled]:active,
fieldset[disabled] .btn-lastfm:active,
.btn-lastfm.disabled.active,
.btn-lastfm[disabled].active,
fieldset[disabled] .btn-lastfm.active {
  background-color: #d51007;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-lastfm .badge {
  color: #d51007;
  background-color: #fff;
}

/* weibo button */
.btn-weibo {
  color: #fff;
  background-color: #d72928;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-weibo:hover,
.btn-weibo:focus,
.btn-weibo:active,
.btn-weibo.active,
.open > .dropdown-toggle.btn-weibo {
  color: #fff;
  background-color: #c31111;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-weibo:active,
.btn-weibo.active,
.open > .dropdown-toggle.btn-weibo {
  background-image: none;
}
.btn-weibo.disabled,
.btn-weibo[disabled],
fieldset[disabled] .btn-weibo,
.btn-weibo.disabled:hover,
.btn-weibo[disabled]:hover,
fieldset[disabled] .btn-weibo:hover,
.btn-weibo.disabled:focus,
.btn-weibo[disabled]:focus,
fieldset[disabled] .btn-weibo:focus,
.btn-weibo.disabled:active,
.btn-weibo[disabled]:active,
fieldset[disabled] .btn-weibo:active,
.btn-weibo.disabled.active,
.btn-weibo[disabled].active,
fieldset[disabled] .btn-weibo.active {
  background-color: #d72928;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-weibo .badge {
  color: #d72928;
  background-color: #fff;
}

/* qq button */
.btn-qq {
  color: #fff;
  background-color: #3299dc;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-qq:hover,
.btn-qq:focus,
.btn-qq:active,
.btn-qq.active,
.open > .dropdown-toggle.btn-qq {
  color: #fff;
  background-color: #1579d0;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-qq:active,
.btn-qq.active,
.open > .dropdown-toggle.btn-qq {
  background-image: none;
}
.btn-qq.disabled,
.btn-qq[disabled],
fieldset[disabled] .btn-qq,
.btn-qq.disabled:hover,
.btn-qq[disabled]:hover,
fieldset[disabled] .btn-qq:hover,
.btn-qq.disabled:focus,
.btn-qq[disabled]:focus,
fieldset[disabled] .btn-qq:focus,
.btn-qq.disabled:active,
.btn-qq[disabled]:active,
fieldset[disabled] .btn-qq:active,
.btn-qq.disabled.active,
.btn-qq[disabled].active,
fieldset[disabled] .btn-qq.active {
  background-color: #3299dc;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-qq .badge {
  color: #3299dc;
  background-color: #fff;
}

/* napster button */
.btn-napster {
  color: #fff;
  background-color: #222222;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-napster:hover,
.btn-napster:focus,
.btn-napster:active,
.btn-napster.active,
.open > .dropdown-toggle.btn-napster {
  color: #fff;
  background-color: #444444;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-napster:active,
.btn-napster.active,
.open > .dropdown-toggle.btn-napster {
  background-image: none;
}
.btn-napster.disabled,
.btn-napster[disabled],
fieldset[disabled] .btn-napster,
.btn-napster.disabled:hover,
.btn-napster[disabled]:hover,
fieldset[disabled] .btn-napster:hover,
.btn-napster.disabled:focus,
.btn-napster[disabled]:focus,
fieldset[disabled] .btn-napster:focus,
.btn-napster.disabled:active,
.btn-napster[disabled]:active,
fieldset[disabled] .btn-napster:active,
.btn-napster.disabled.active,
.btn-napster[disabled].active,
fieldset[disabled] .btn-napster.active {
  background-color: #3299dc;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-napster .badge {
  color: #222222;
  background-color: #fff;
}

/* kakao button */
.btn-kakao {
  color: #fff;
  background-color: #ffd31f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-kakao:hover,
.btn-kakao:focus,
.btn-kakao:active,
.btn-kakao.active,
.open > .dropdown-toggle.btn-kakao {
  color: #fff;
  background-color: #f4c300;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-kakao:active,
.btn-kakao.active,
.open > .dropdown-toggle.btn-kakao {
  background-image: none;
}
.btn-kakao.disabled,
.btn-kakao[disabled],
fieldset[disabled] .btn-kakao,
.btn-kakao.disabled:hover,
.btn-kakao[disabled]:hover,
fieldset[disabled] .btn-kakao:hover,
.btn-kakao.disabled:focus,
.btn-kakao[disabled]:focus,
fieldset[disabled] .btn-kakao:focus,
.btn-kakao.disabled:active,
.btn-kakao[disabled]:active,
fieldset[disabled] .btn-kakao:active,
.btn-kakao.disabled.active,
.btn-kakao[disabled].active,
fieldset[disabled] .btn-kakao.active {
  background-color: #3299dc;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-kakao .badge {
  color: #ffd31f;
  background-color: #fff;
}

/*  apple button */
.btn-apple {
  color: #fff;
  background-color: #ffd31f;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-apple:hover,
.btn-apple:focus,
.btn-apple:active,
.btn-apple.active,
.open > .dropdown-toggle.btn-apple {
  color: #fff;
  background-color: #f4c300;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-apple:active,
.btn-apple.active,
.open > .dropdown-toggle.btn-apple {
  background-image: none;
}
.btn-apple.disabled,
.btn-apple[disabled],
fieldset[disabled] .btn-apple,
.btn-apple.disabled:hover,
.btn-apple[disabled]:hover,
fieldset[disabled] .btn-apple:hover,
.btn-apple.disabled:focus,
.btn-apple[disabled]:focus,
fieldset[disabled] .btn-apple:focus,
.btn-apple.disabled:active,
.btn-apple[disabled]:active,
fieldset[disabled] .btn-apple:active,
.btn-apple.disabled.active,
.btn-apple[disabled].active,
fieldset[disabled] .btn-apple.active {
  background-color: #3299dc;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-apple .badge {
  color: #ffd31f;
  background-color: #fff;
}

/* discord button */
.btn-discord {
  color: #fff;
  background-color: #5865f2;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-discord:hover,
.btn-discord:focus,
.btn-discord:active,
.btn-discord.active,
.open > .dropdown-toggle.btn-discord {
  color: #fff;
  background-color: #5865f2;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-discord:active,
.btn-discord.active,
.open > .dropdown-toggle.btn-discord {
  background-image: none;
}
.btn-discord.disabled,
.btn-discord[disabled],
fieldset[disabled] .btn-discord,
.btn-discord.disabled:hover,
.btn-discord[disabled]:hover,
fieldset[disabled] .btn-discord:hover,
.btn-discord.disabled:focus,
.btn-discord[disabled]:focus,
fieldset[disabled] .btn-discord:focus,
.btn-discord.disabled:active,
.btn-discord[disabled]:active,
fieldset[disabled] .btn-discord:active,
.btn-discord.disabled.active,
.btn-discord[disabled].active,
fieldset[disabled] .btn-discord.active {
  background-color: #3299dc;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-discord .badge {
  color: #3299dc;
  background-color: #fff;
}

/* switch to mobile layout */
/* @media (max-width: 855px),  */
@media only screen and (max-width: 855px),
  /* only screen and (min-width: 300px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 4) */ only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px),
  only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 320px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 320px),
  only screen and (min-resolution: 192dpi) and (min-width: 320px),
  only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  body,
  html body {
    font-size: 1.5rem;
  }

  /* .evidon-banner-declinebutton, .evidon-banner-acceptbutton, .evidon-banner-optionbutton, .evidon-banner-message, 
  .evidon-banner {
    font-size: 1.5rem;
  } */

  .evidon-banner {
    text-align: center;
  }

  .evidon-banner button {
    margin: 10px !important;
    width: auto !important;
  }

  /* .evidon-banner-icon, #evidon-gdpr-closeicon {
    width: 30px !important;
    height: 30px !important;
  } */

  /* .evidon-gdpr-overlay div, .evidon-gdpr-overlay a, .evidon-gdpr-overlay button, .evidon-banner-collapse-message {
    font-size: 1.5rem !important;
    line-height: 1.5rem !important;
  } */

  /* #evidon-gdpr-footer {
    height: auto !important;
  } */

  /* #evidon-gdpr-footer button, #evidon-gdpr-footer a {
    margin: 10px !important;
    padding: 10px !important;
  } */

  /* .evidon-banner-acceptbutton {
    width: auto !important;
  } */

  .sso-container .btn,
  .btn,
  .sso-container a.btn,
  a.btn,
  button.btn {
    font-size: 1.5rem;
  }

  .btn-social > :first-child {
    width: 45px;
    line-height: 45px;
  }

  .btn-social {
    padding: 20px 20px 20px 100px;
    margin-bottom: 30px;
  }

  a.btn-social {
    padding: 10px 20px 10px 100px;
    margin-bottom: 30px;
    text-align: left;
  }

  .sso-container .btn-block {
    margin-bottom: 30px;
  }

  .submit-button,
  button.submit-button {
    padding: 10px;
  }

  .form-control,
  input.form-control,
  select.form-control,
  textarea.form-control {
    font-size: 1.5rem;
    height: auto;
  }

  .checkbox label,
  .radio label {
    padding-left: 60px !important;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .checkbox input[type='checkbox'],
  .checkbox-inline input[type='checkbox'],
  .radio input[type='radio'],
  .radio-inline input[type='radio'] {
    height: 25px !important;
    width: 25px !important;
    margin-left: -60px !important;
    margin-top: 0px !important;
  }

  .header-text {
    font-size: 15px;
  }

  .header-image {
    height: auto !important;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 1025px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-device-width: 1025px),
  only screen and (-o-min-device-pixel-ratio: 2/1) and (min-device-width: 1025px),
  only screen and (min-device-pixel-ratio: 2) and (min-device-width: 1025px),
  only screen and (min-resolution: 192dpi) and (min-device-width: 1025px),
  only screen and (min-resolution: 2dppx) and (min-device-width: 1025px) {
  /* MacBook-Retina-specific stuff here */
  .sso-container .btn,
  .btn,
  .sso-container a.btn,
  a.btn,
  button.btn {
    font-size: 1.5rem;
  }

  .btn-social > :first-child {
    width: 45px;
    line-height: 45px;
  }

  .btn-social {
    padding: 20px 20px 20px 100px;
    margin-bottom: 0px;
  }

  a.btn-social {
    padding: 10px 20px 10px 100px;
    margin-bottom: 0px;
    text-align: left;
  }

  .sso-container .btn-block {
    margin-bottom: 0px;
  }

  .submit-button,
  button.submit-button {
    padding: 10px;
  }

  .form-control,
  input.form-control,
  select.form-control,
  textarea.form-control {
    font-size: 1.5rem;
    height: 34px;
  }

  .checkbox label,
  .radio label {
    padding-left: 25px !important;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
  }

  .checkbox input[type='checkbox'],
  .checkbox-inline input[type='checkbox'],
  .radio input[type='radio'],
  .radio-inline input[type='radio'] {
    height: 25px !important;
    width: 25px !important;
    margin-left: -30px !important;
    margin-top: -2px !important;
  }
}