/**/
.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 {
  text-align: center;
}

.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%;
}

.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;
}

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

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

.optin-section-row label, .sms-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}


/* 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;
  }

}

@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;
  }
}