/* CSS starts here */

#kfr-signup-form > a {
    display: none;
}

@font-face {
	font-family: 'Headline-Font';
	src: url('/content/dam/global/pringles/promotions/germany-clicknfly-2023/de/fonts/Headline-Font.otf');
}

@font-face {
	font-family: 'KelloggsSans-Medium';
	src: url('/content/dam/global/pringles/promotions/germany-clicknfly-2023/de/fonts/KelloggsSans-Medium.otf');
}

@font-face {
	font-family: 'KelloggsSans-Bold';
	src: url('/content/dam/global/pringles/promotions/germany-clicknfly-2023/de/fonts/KelloggsSans-Bold.otf');
}

@font-face {
	font-family: 'Pinup';
	src: url('/content/dam/global/pringles/promotions/pringles-au-nbl-2023/en/fonts/Pinup.otf');
}


body {
    margin: 0 !important;
}

a.skip-main {
    left: 0;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -1px;
}

body {
    background: #ea002a url(/content/dam/global/pringles/promotions/pringles-au-nbl-2023/en/images/mobile-images/Backround.png) no-repeat top center;
}

.parbase div {
    text-align: center;
}

.parbase {
    padding: 20px 0 0;
}

main .KSTL-Registration .KSTL-Registration-Login {
    border: none;
    padding: 0;
    min-width: auto;
    overflow: hidden;
}

main .KSTL-Registration .KSTL-Registration-Registration {
    border: none;
    padding: 0;
    min-width: auto;
    overflow: hidden;
}

main .KSTL-Registration .KSTL-Registration-ForgotPassword {
    border: none;
    padding: 0;
    min-width: auto;
    overflow: hidden;
}


.sfc-footer-1 {
    background-color: #000;
    padding: 10px 8%;
}

.sfc-footer p {
    color: #fff;
    font-family: 'Pinup';
    font-size: 12px;
    line-height: 16px;
    margin: 0;
}

.sfc-footer {
    padding: 0 8%;
}

.sfc-flink ul {
    margin: 0;
    padding: 0;
}

.sfc-flink ul li {
    display: inline-block;
    padding: 0 2px;
}

.sfc-flink ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 10px;
    line-height: 14px;
    font-family: 'Pinup';
}

div#KSTL-Registration-wrapper-ContinueButton {
    text-align: center;
}

#KSTL-Registration-wrapper-ContinueButton button, #KSTL-Registration-wrapper-ContinueButton1 button {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    font-size: 2em;
    line-height: 120%;
    border-radius: 50cm;
    width: 300px;
    text-align: center;
    height: 70px;
    font-family: 'Pinup';
    max-width: 100%;
}

.kfr-signup-form {
    padding: 0 10%;
}

.KSTL-Registration .ng-form label {
    max-width: 100%;
}

.KSTL-Registration .pod .ng-form input, .KSTL-Registration .pod .ng-form select {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

#KSTL-Registration-wrapper-UserName label, #KSTL-Registration-wrapper-Password label, .KSTL-Registration .KSTL-Registration-Registration label {
    font-size: 16px;
    line-height: 120%;
    color: #fff;
    padding: 0 0 5px;
    font-family: 'Pinup';
}

#KSTL-Registration-wrapper-UserName input, #KSTL-Registration-wrapper-Password input {
    border: 1px solid #fff;
    height: 50px;
    line-height: 50px;
    border-radius: 10px;
	padding: 0 2%;
    width: 96%;
    max-width: 100%;
}



main .KSTL-Registration .KSTL-Registration-Registration input[type=text] {
    border: 1px solid #fff;
    height: 50px;
    line-height: 50px;
    border-radius: 10px;
	padding: 0 2%;
    width: 96%;
    max-width: 100%;
}

main .KSTL-Registration .KSTL-Registration-Registration input[type=tel] {
    border: 1px solid #fff;
    height: 50px;
    line-height: 50px;
    border-radius: 10px;
	padding: 0 2%;
    width: 96%;
    max-width: 100%;
}

main .KSTL-Registration .KSTL-Registration-ForgotPassword input[type=text] {
    border: 1px solid #fff;
    height: 50px;
    line-height: 50px;
    border-radius: 10px;
	padding: 0 2%;
    width: 96%;
    max-width: 100%;
}

main .KSTL-Registration .KSTL-Registration-ForgotPassword label {
    font-size: 1.2em;
    line-height: 120%;
    color: #fff;
    padding: 0 0 5px;
    font-family: 'Pinup';
}

main .KSTL-Registration .KSTL-Registration-ForgotPassword p {
    font-family: 'Pinup';
    color: #fff;
    font-size: 28px;
    line-height: 30px;
    margin: 20px 0 40px;
    text-align: center;
}

#KSTL-Registration-wrapper-SendEmailButto {
	text-align: center;
}

main .KSTL-Registration-ForgotPassword.pod.ng-scope .KSTL-Registration-button.ng-scope p {
    text-align: center;
}

#KSTL-Registration-wrapper-SendEmailButton button {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    font-size: 1.2em;
    line-height: 120%;
    border-radius: 50cm;
    width: 300px;
    text-align: center;
    height: 70px;
    font-family: 'Pinup';
    max-width: 100%;
}

.sfc-wrong-country {
    padding: 0 8%;
}

.sfc-wrong-country h1 {
    color: #fff;
    font-size: 2em;
    line-height: 120%;
    font-family: 'Pinup';
}

.sfc-flink ul li {
    position: relative;
}

.sfc-flink ul li:after {
    position: absolute;
    content: "";
    right: 1px;
    top: 5px;
    width: 2px;
    height: 10px;
    background-color: #fff;
}

.sfc-flink ul li:last-child:after {
    display: none;
}

main .KSTL-Registration .error-field p {
    color: #e6a13b !important;
    padding: 5px 0 0;
}

.sfc-wrong-country > div {
    font-family: 'Pinup';
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 20px;
}

#text-play h1 {
    color: #fff;
    font-size: 2.5em;
    line-height: 120%;
    font-family: 'Pinup';
    text-align: center;
    width: 285px;
    margin: 0 auto;
}

div#clickToPlayJwtButtonError {
    text-align: center;
    color: #fff;
    padding: 0 8%;
}

div#clickToPlayJwtButtonError p {
    font-family: 'Pinup';
    font-size: 14px;
    line-height: 18px;
}

div#text-6d56c3e0d9 {
    padding: 0 8%;
}

h1 {
    font-family: 'Pinup';
    color: #fff;
}

p {
    font-family: 'Pinup';
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px;
}

a {
    color: #fff;
}

#KSTL-Registration-wrapper-SendEmailButton {
    text-align: center;
}

main .KSTL-Registration-ForgotPassword.pod.ng-scope .KSTL-Registration-button.ng-scope p {
    text-align: center;
}

#KSTL-Registration-wrapper-ForgotPasswordFormHeader h2 {
    font-family: 'Pinup';
    color: #fff;
    font-size: 2em;
    line-height: 110%;
    text-align: center;
    text-transform: uppercase;
}

#clickToPlayHeader {
    text-align: center;
    padding: 30px 0 20px;
}

#clickToPlayHeader #proceedButton {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    font-size: 2em;
    line-height: 120%;
    border-radius: 50cm;
    width: 300px;
    text-align: center;
    height: 70px;
    font-family: 'Pinup';
    max-width: 100%;
}

#KSTL-Registration-wrapper-1KPERDAYAUTERMS label, #KSTL-Registration-wrapper-1KPERDAYAUTERMS label span {
    position: relative;
    font-family: 'Pinup';
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
}

#KSTL-Registration-wrapper-1KPERDAYAUTERMS input {
    display: none;
}

#KSTL-Registration-wrapper-1KPERDAYAUTERMS input + label {
    padding: 0 0 0 30px;
}

#KSTL-Registration-wrapper-1KPERDAYAUTERMS input + label:before {
    position: absolute;
    content: "";
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #000;
    border-radius: 4px;
}

#KSTL-Registration-wrapper-PrivacyPolicy label, #KSTL-Registration-wrapper-1KPERDAYAUTERMS label span {
    position: relative;
    font-family: 'Pinup';
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
}

#KSTL-Registration-wrapper-PrivacyPolicy input {
    display: none;
}

#KSTL-Registration-wrapper-PrivacyPolicy input + label {
    padding: 0 0 0 30px;
}

#KSTL-Registration-wrapper-PrivacyPolicy input + label:before {
    position: absolute;
    content: "";
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #000;
    border-radius: 4px;
}

#KSTL-Registration-wrapper-1KPERDAYAUTERMS input:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}

#KSTL-Registration-wrapper-PrivacyPolicy input:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}

.form-wrapper h2 {
    font-family: 'Pinup';
    color: #fff;
    font-size: 2em;
    line-height: 120%;
}


#KSTL-Registration-wrapper-TermsConditionPrvcyPolicyCombo label, #KSTL-Registration-wrapper-1KPERDAYAUTERMS label span {
    position: relative;
    font-family: 'Pinup';
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}

#KSTL-Registration-wrapper-TermsConditionPrvcyPolicyCombo input {
    display: none;
}

#KSTL-Registration-wrapper-TermsConditionPrvcyPolicyCombo input + label {
    padding: 0 0 0 30px;
    max-width: 100%;
}

#KSTL-Registration-wrapper-TermsConditionPrvcyPolicyCombo input + label:before {
    position: absolute;
    content: "";
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #000;
    border-radius: 4px;
}

#KSTL-Registration-wrapper-TermsConditionPrvcyPolicyCombo input:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}

.form-title h2 {
    font-family: 'Pinup';
    color: #fff;
    font-size: 2em;
    line-height: 120%;
    text-align: center;
}

#KSTL-Registration-wrapper-ContinueButton1 {
    text-align: center;
}

.au-nbl-login .form-title h2 {
    display: none;
}

#KSTL-Registration-wrapper-ForgotPasswordLink {
    text-align: center;
}

#KSTL-Registration-wrapper-HeaderKR1 {
    text-align: center;
    margin: 8px 0 0;
}

#KSTL-Registration-wrapper-HeaderKR1 a {
    font-family: 'Pinup';
    font-size: 16px;
    line-height: 120%;
}

\#KSTL-Registration-wrapper-HeaderKR1 a {
    font-family: 'Pinup';
    font-size: 16px;
    line-height: 120%;
}

#KSTL-Registration-wrapper-ForgotPasswordLink a {
    font-family: 'Pinup';
    font-size: 16px;
    line-height: 120%;
}

#KSTL-Registration-wrapper-HeaderKR3 {
    text-align: center;
    font-family: 'Pinup';
    color: #fff;
    width: 160px;
    margin: 0 auto;
}

#KSTL-Registration-wrapper-HeaderKR3 .ng-binding {
    display: inline-block;
}

#KSTL-Registration-wrapper-ForgotPasswordLink > div {
    margin: 0 0 5px;
}

#KSTL-Registration-wrapper-HeaderKR3 {
    text-align: center;
    font-family: 'Pinup';
    color: #fff;
    width: 200px;
    margin: 0 auto;
}

#KSTL-Registration-wrapper-HeaderKR3 .ng-binding {
    display: inline-block;
    font-size: 18px;
    line-height: 22px;
}

main .KSTL-Registration-ForgotPasswordEmailConfirm.pod {
    width: 100%;
    min-width: 100%;
    padding: 0;
    border: none;
}

main #KSTL-Registration-wrapper-ForgotPwEmailCnfrmHeaderCopy a {
    color: #fff !important;
}

#KSTL-Registration-wrapper-ForgotPwEmailConfirmHeader {
    text-align: center;
}

#KSTL-Registration-wrapper-ForgotPasswordHeader {
    text-align: center;
}

#KSTL-Registration-wrapper-ForgotPasswordHeader h2 {
    font-size: 22px;
    line-height: 26px;
    margin: 30px 0 35px;
}

#KSTL-Registration-wrapper-ForgotPwEmailCnfrmHeaderCopy p {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 20px;
}

#KSTL-Registration-wrapper-AccountLockedErrorHeaderCopy .ng-binding {
    font-family: 'Pinup';
    color: #fff;
    font-size: 16px;
    line-height: 20px;
}

#KSTL-Registration-wrapper-AccountLockedErrorHeaderCopy .ng-binding a {
    color: #fff;
}

main .KSTL-Registration-AccountLocked.pod {
    min-width: 100%;
    border: none;
}

main .KSTL-Registration-ResetPassword input[type=text], main .KSTL-Registration-ResetPassword input[type=password] {
    border: 1px solid #fff;
    height: 50px !important;
    line-height: 50px;
    border-radius: 10px;
    padding: 0 2%;
    width: 96%;
	max-width: 100% !important;
}

#KSTL-Registration-wrapper-PasswordResetFormButton button {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    font-size: 2em;
    line-height: 120%;
    border-radius: 50cm;
    width: 300px;
    text-align: center;
    height: 70px;
    font-family: 'Pinup';
    max-width: 100%;
}

#KSTL-Registration-wrapper-PasswordResetFormButton {
    text-align: center;
}

main .KSTL-Registration-ResetPassword input[type=text], main .KSTL-Registration-ResetPassword input[type=password] {
    border: 1px solid #fff;
    height: 50px !important;
    line-height: 50px;
    border-radius: 10px;
    padding: 0 2%;
    width: 96%;
    max-width: 100% !important;
}

#KSTL-Registration-wrapper-PasswordResetFormButton button {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    font-size: 2em;
    line-height: 120%;
    border-radius: 50cm;
    width: 300px;
    text-align: center;
    height: 70px;
    font-family: 'Pinup';
    max-width: 100%;
}

.KSTL-Registration-ResetPassword label {
    font-size: 16px;
    line-height: 120%;
    color: #fff;
    padding: 0 0 5px;
    font-family: 'Pinup';
}

main .KSTL-Registration-ResetPassword.pod {
    border: none;
    min-width: 100%;
}