@import url("https://use.typekit.net/ome1jiv.css");

@font-face {
	font-family: 'avenir-bold';
	src: url('/content/dam/global/promotions/keu-cheez-it-superbowl/de/fonts/avenir-next-condensed-demi-bold.ttf');
}

@font-face {
	font-family: 'avenir-regular';
	src: url('/content/dam/global/promotions/keu-cheez-it-superbowl/de/fonts/avenir-next-condensed-regular.otf');
}

@font-face {
	font-family: 'Pinup';
	src: url('/content/dam/global/promotions/keu-pringles-rock-am-ring/en/fonts/Pinup.otf');
}

@font-face {
	font-family: 'trebuc';
	src: url('/content/dam/global/promotions/keu-pringles-rock-am-ring/en/fonts/trebuc.ttf');
}

@font-face {
	font-family: 'Pluto-Medium';
	src: url('/content/dam/global/promotions/uk-pringles-promotion-2023/en/fonts/Pluto-Medium.otf');
}

@font-face {
	font-family: 'Pluto-Regular';
	src: url('/content/dam/global/promotions/uk-pringles-promotion-2023/en/fonts/Pluto-Regular.ttf');
}
@font-face {
	font-family: 'Futura-Bold';
	src: url('/content/dam/global/promotions/uk-cheezit-music-festival/en/fonts/Futura-Bold.otf');
}
@font-face {
	font-family: 'Futura-Condensed-Extra-Bold';
	src: url('/content/dam/global/promotions/uk-cheezit-music-festival/en/fonts/Futura-Condensed-Extra-Bold.otf');
}
@font-face {
	font-family: 'Futura-Medium';
	src: url('/content/dam/global/promotions/uk-cheezit-music-festival/en/fonts/Futura-Medium.otf');
}@font-face {
	font-family: 'Futura-PT-Cond-Medium';
	src: url('/content/dam/global/promotions/uk-cheezit-music-festival/en/fonts/Futura-PT-Cond-Medium.ttf');
}
@font-face {
	font-family: 'blockberthold';
	src: url('/content/dam/global/promotions/uk-cheezit-music-festival/en/fonts/blockberthold.otf');
}
/* font import end */

body {
    margin: 0 !important;
    /* color: #52ae32; */
}

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

.promotionheroimage img{
    width:100%;
    margin-bottom: -1%;
}

#FilesList {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.remove {
    display: block;
    background: #444;
    border: 1px solid #000;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
}

div#upload-receipt {
    position: relative;
}

span#file-size {
    display: block;
    text-align: center;
    background-color: #fff;
}

.uk-bg-login{
	padding-top: 5%;
	background: #52ae32 url(/content/dam/global/promotions/uk-pringles-2024/en/images/background-desktop.png)bottom no-repeat;
	background-size: 100% auto;
	height: auto;
	background-position: 0px 99%;
	padding-bottom: 8%;
}

#login-top{
  color: #fff;
  line-height: 31px;
  text-align: center;
  font-size: 18px;
  background-color: #ca0020;
  margin: 0px auto;
  border-radius: 10px 10px 0 0;
  border: 1px solid #ca0020;
  width: 31.8%;
  padding: 14px 10px 14px 4px;
  border-bottom: none;
  font-weight: bold;
  font-family: 'trebuc';
}

.KSTL-Registration .pod{
	border:none !important;
}

#exitUrl{
	display:none;
}

.form-title h2{
	text-align:center;
	display: none;
}

.KSTL-Registration-Registration{
	text-align: left !important;
}

form input[type="checkbox"]:not(:checked),form input[type="checkbox"]:checked{
	position: relative !important;
	float: none !important;
	top: 0;
    vertical-align: top;
}

#KSTL-Registration-wrapper-TermsandconditionPrivacyCombo .ng-scope {
    margin-left: 1%;
    width: 90%;
    display: inline-block;
}

#KSTL-Registration-wrapper-FirstName label,#KSTL-Registration-wrapper-UserName label ,#KSTL-Registration-wrapper-PhoneNumber2 label{
	text-align: left;
	margin: 0;
	color: #fff;
	font-family: 'trebuc';
	font-size: 13px;
    font-weight: normal;
}
#KSTL-Registration-wrapper-TermsConditionPrvcyPolicyCombo label{
	color:#fff;
	font-size: 11px;
	text-align: left;
	margin-left: 2% !important;
	font-family: 'trebuc';
	line-height: 15px;
}
.KSTL-Registration .pod{
	width:33%;
	margin: 0 auto;
	border-top: none !important;
}

iframe{
	margin: 0 4.5em;
}

.KSTL-Registration-button button,
.KSTL-Registration-button p button,
.KSTL-Registration button,
input.kellogs-button,
a.kellogs-button,
a.kellogs-button-left,
a.kellogs-button-right,
.KSTL-Registration-Login button {
    display: inline-block;
    font-size: 17px;
    line-height: 27px;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    border-radius: 50cm !important;
}
.KSTL-Registration button>span {
    background: #fff;
    border: 1px solid #fff;
	border-radius: 10px;
}

.rv7-registration-container .rv7-tooltip-icon {
    display: none;
}

 button.btn_responsive.mini.btn.btn-primary {
    background: #fff;
    padding: 0 20px;
    border-radius: 50cm !important;
}

.KSTL-Registration-button button,
.KSTL-Registration-button p button,
.KSTL-Registration button {
	font-family: 'trebuc' ! important;
	font-size: 22px;
	letter-spacing: 1px;
	text-transform:uppercase
}
.KSTL-Registration button>span:hover{
	color: #000;
}
.KSTL-Registration button:hover{
	border-radius: 15px;
}
	
#KSTL-Registration-wrapper-TermsConditionPrvcyPolicyCombo label a{
	color:#fff !important;
}

    
.image-container{
	display: flex;
	background: #fff;
	width: 67%;
	margin: 0 auto;
	height: 173px;
	padding: 14px 0px 0px 0px;
}

.country,.bidfood,.brakes,.caterforce{
	text-align: center;
	display: grid;
}

.country img{
    width: 70%;
    padding: 0px 12% 0 24%;
}

.bidfood img{
	width: 55%;
	padding-top: 3%;
	position: relative;
	left: 0%;
	padding: 3% 9% 0px 16%;
}

.brakes img{
	width: 88%;
	padding: 0 37% 0 0;
	position: relative;
	left: -25%;
}
.booker img{
	width: 80%;
	padding: 21% 37% 0 0;
	position: relative;
	left: 9%;
}
.caterforce img{
	width: 155%;
	margin-left: -45%;
}

.brakes-button{
	margin: 6% 0 10% -50%;
	background: #ffd500;
	padding: 6%;
	width: 74%;
	border: 1px solid #fff;
	border-radius: 10px;
	font-family: 'trebuc';
	cursor:pointer;
}

.booker-button{
	margin: 27% 18%;
	background: #ffd500;
	padding: 7%;
	width: 74%;
	border: 1px solid #fff;
	border-radius: 10px;
	font-family: 'trebuc';
	cursor:pointer;
}

.caterforce-button{
	margin: 2% 10% 4% 0;
	background: #ffd500;
	padding: 9%;
	/* width: 74%; */
	border: 1px solid #fff;
	border-radius: 10px;
	font-family: 'trebuc';
	cursor:pointer;
}

.countryrange{
	width: max-content;
	margin-left: 7%;
	padding: 6%;
	border: 1px solid #fff;
	background: #ffd500;
	border-radius: 10px;
	font-family: 'trebuc';
    cursor:pointer;
}

.bidfood-button{
	margin: 11% 0 0 0;
	background: #ffd500;
	padding: 3.5%;
	width: 44%;
	border: 1px solid #fff;
	border-radius: 10px;
	font-family: 'trebuc';
	cursor:pointer;
}

#login-top1{
	text-align: center;
    font-size: 18px;
    background-color: #ca0020;
    margin: 0px auto;
    width: 31.8%;
    padding: 0px 10px 14px 4px;
    border-bottom: none;
    color: #fff;
    font-weight: bold;
    font-family: 'trebuc';
}

#login-top2{
	text-align: center;
    font-size: 11px;
    background-color: #ca0020;
    margin: 0px auto;
    width: 31.8%;
    padding: 0px 10px 14px 4px;
    border-bottom: none;
    color: #fff;
    font-weight: bold;
    font-family: 'trebuc';
}


footer {
    background: transparent!important;
    padding-top: 38px !important;
    margin: 20px auto !important;
    max-width: 1100px;
    font-family: 'trebuc';
    clear: both;
}


/*footer css*/
.footer.aem-GridColumn.aem-GridColumn--default--12{
	background: #db0912;
	background-size: 100% 100%;
}


.footer > div.footer-layer-1 {
	width: 800px;
	max-width: 100%;
	margin: 0 auto;
	text-align: left;
	font-family: 'trebuc';
}

footer .markup-text .footer ul:first-child {
    display: inline-block;
    padding: 0 6px 0 0;
    margin: 0;
}

.footer ul li {
    display: inline-block;
    padding: 0 20px 0px 0;
}

ul.faq a {
    font-size: 15px;
    text-decoration: none;
}

.footer-layer-1 ul li a,
.footer-layer-1 ul li,
.footer-layer-1 ul {
    color: #fff !important;
    font-family: 'trebuc';
}

footer .markup-text .social-links {
    position: relative;
    top: 0;
    right: 0;
    transform: translateY(0);
}

footer .markup-text .social-links ul li {
    margin: 0;
    padding: 0;
}

.footer-layer-2 {
    width: 100%;
    color: #5d6366!important;
    font-size: 12px;
}

.footer-layer-2 a {
    color: #005AA7;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
}

.footer-nav--main,
.footer-nav--secondary,
.copyright {
    display: none;
}

footer .footer-permits {
    color: #5d6366;
    font-size: 12px;
    text-align: center
}

.footer-layer-2 .social {
    font-size: 12px;
    list-style-type: none;
    padding: 0px;
}

.footer-layer-2 .social li a {
    text-decoration: none;
}

.footer-layer-2 .social li a:hover {
    color: #000;
    text-decoration: none;
    /* display: inline-block; */
}

.footer-layer-2 .social span,
.footer-layer-2 .social a {
    font-size: 12px;
    cursor: pointer
}

.footer-layer-2 .social img {
    width: 20px;
    top: -18px;
    position: relative;
}

.footer-links {
    display: inline-block;
    text-align: center;
    margin: auto;
}

.social-links ul {
    padding: 0px 0px 0px;
}
.social-links {
        float: right;
        width: 50%;
        text-align: right;
        margin-right: 36px;
        margin-top: 0%;
}

/*footer css*/

/*receipt-upload*/

.upload-header{
	color: #fff;
	line-height: 31px;
	text-align: center;
	font-size: 20px;
	background-color: #ca0020;
	margin: 0px auto;
	border-radius: 10px 10px 0 0;
	border: 2px solid #ca0020;
	width: 346px;
	padding: 14px 40px 14px 40px;
	border-bottom: none;
	font-weight: bold;
	/* border-radius: 10px; */
	font-family: 'trebuc';
}

.uk-bg-receipt-upload{
	padding-top: 5%;
	background: #52ae32 url(/content/dam/global/promotions/uk-pringles-2024/en/images/background-desktop.png)bottom no-repeat;
	background-size: 100% auto;
	height: auto;
	background-position: 0px 99%;
	padding-bottom: 8%;
	/* border: 1px solid #ca0020; */
}

.upload-instruction{
	text-align:center;
	color: #fff;
	font-family: 'trebuc';
	font-size: 17px;
}

.receipt-upload-instructions{
	background: #ca0020;
	color: #fff;
	width: 426px;
	margin: 0 auto;
	border: 2px solid #ca0020;
	border-top: none;
	font-family: 'trebuc';
	/* padding: 0; */
	font-size: 10.5px;
}
body .Upload-Receipt {
    min-height: 227px !important;
    width: 242px !important;
    min-width: 150px !important;
    margin-top: 0 !important;
    background: url(/content/dam/global/promotions/keu-pringles-rock-am-ring/en/images/desktop-images/receipt-upload.png) no-repeat center !important;
}

body .image-upload-container {
	background-image: none !important;
	padding-top: 30px !important;
	float: none;
}

.uk-bg-receipt-upload #upload-submit {
    background: #fff;
    border: 1px solid #ca0020;
}

.uk-bg-receipt-upload .textsubmitBtn.notPhilippines {
    text-align: center;
}
body a#upload-submit {
    float: none;
    cursor: pointer;
}

#enter_button, #upload-submit {
		color: #000;
		transition: 0.8s;
		letter-spacing: 0px;
		border-radius: 12px;
		font-family: 'trebuc';
		padding: 8px 20px;
		font-size: 22px;
		text-transform: uppercase;
		text-decoration: none;
		background: #fff;
	}
	#enter_button:hover, #upload-submit:hover {
	    color: #000;
	    background: #f1f1f1;
	    border: 1px solid #e10d1b;
	}

.submit-button{
	width: 426px;
	margin: 0 auto;
	padding: 0;
}

.receipt-upload-right{
	background: transparent;
	width: 398px;
	margin: -3px auto;
	border-top: none;
}

.upload-instruction-details ol li{
	padding: 0px 7px 0 0;
	line-height: 15px;
}

.upload-instruction-details ol{
	padding: 0 16px 0 22px;
}

.receipt-disclaimer-text span{
	color: #fff;
	padding: 0 9px 0 0;
	font-size: 14px;
}
.receipt-disclaimer-text{
	padding: 0 15px;
	font-size: 11px;
}

.receipt-please-note p span{
	color: #fff;
	font-size: 14px;
}

.receipt-please-note{
	padding: 0 15px;
}

/*thank-you*/

.thankyou-text{
    background: #ca0020;
    color: #fff;
    text-align: center;
    width: 29%;
    margin: auto;
    padding: 1%;
    font-family: 'trebuc';
    font-size: 15px;
    border: 1px solid #ca0020;
    border-radius: 10px;
}

.uk-bg-thankyou {
	padding-top: 5%;
	background: #52ae32 url(/content/dam/global/promotions/uk-pringles-2024/en/images/background-desktop.png)center no-repeat;
	background-size: 100% auto;
	height: auto;
	background-position: 0px 100%;
	padding-bottom: 17%;
}

.thankyou-text h2{
	color:#fff;
	font-family:'trebuc';
}

.br-avoid-terms a{
	text-decoration:none;
	color:#0e0e9f !important;
}

.part-one,.part-two,.part-three{
	display:flex;
}

.KSTL-Registration .ng-form input[type=text], .KSTL-Registration .ng-form input[type=password], .KSTL-Registration .ng-form input[type=date], .KSTL-Registration .ng-form input[type=tel], .KSTL-Registration .ng-form input[type=email], .KSTL-Registration .ng-form input[type=number]{
	height:2.5em !important;
	border-radius:10px;
	text-align: center;
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
	.uk-pringles-login {
		padding-top: 50px;
	}
    .thankyou-one {
        padding: 50px 0 0;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
	body .home {
		background-position: 0 205px;
        background-image: none;
	}
    body .tandc-main-title h4 {
        font-size: 35px;
    }

    body .footer ul li {
        display: inline-block;
        text-align: center;
        padding: 2px 8px;
    }
    .cheeze-it-head-content .cheeze-it-head-container {
        bottom: 65px;
        width: 290px;
        left: 7%;
    }
    .prizedetails-content .prizedetails-content-title {
        font-size: 35px;
        width: 220px;
    }
    
    .prizedetails-content-2 .prizedetails-content-desc {
        font-size: 12px;
    }
    body .uk-cheezit-festival-registration .registration-v6:after, 
    body .uk-cheezit-festival-login .registration-v6:after, body .barcode-entry:after {
        background-size: 300px auto;
        width: 300px;
    }
    body .uk-cheezit-festival-registration .registration-v6, body .uk-cheezit-festival-login .registration-v6 {
        padding: 50px 5% 20px;
        width: 100%;
    }
    body .home {
        background-position: 0 315px;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation:portrait){
	.uk-bg-login{
		background: #52ae32 url("/content/dam/global/promotions/uk-pringles-2024/en/images/background-mobile.png") center no-repeat;
		pa;
		padding-bottom: 13%;
		background-size: 100% auto;
		height: auto;
		background-position: 0 99%;
	}

	.promotionheroimage img{
		margin-bottom:-2%;
	}
	.image-container{
		display:block;
		height: 100%;
		width: 81%;
	}
	.country img {
	    width: 86%;
	    margin-top: -9%;
	    padding-left: 16%;
	    margin-bottom: 7%;
	}

	.countryrange{
		width: max-content;
		font-size: 11px;
		padding: 9%;
	}
	.brakes img{
		width: 88%;
		padding: 0  12px 0px;
		position: relative;
		left: -13%;
	}
	.bidfood-button{
		margin: 18% -21% 0 10%;
		padding: 6%;
		width: 58%;
	}
    .caterforce img{
		padding-bottom:5%;
	}
	.booker img{
		 width: 44%;
		 margin-top: -25%;
		 padding-left: 20%;
		 margin-bottom: -17%;
	}

	.brakes-button{
		margin-left: -19%;
	}

	.booker-button{
		width: 50%;
		margin: 20% 27%;
		padding: 4%;
	}
	iframe {
	    margin: 0 2em;
	}
	#KSTL-Registration-wrapper-TermsConditionPrvcyPolicyCombo label{
		margin-left: 1% !important;
		width: 92% !important;
		font-size: 10.5px;
	}
	form input[type="checkbox"]:not(:checked), form input[type="checkbox"]:checked{
		top:0;
	}
	body .KSTL-Registration .pod {
		width: 94%;
        max-width: 100%;
        padding: 0;
        overflow: hidden;
	}
	body .promo-closed {
		font-size: 2em;
	}
	#KSTL-Registration-recaptcha-Registration {
		overflow: hidden;
		width: 387px;
		margin-left: -20px;
	}
	#login-top,#login-top1,#login-top2{
		width: 345px;
		padding: 7px 0 10px;
		font-size: 13px;
	}
	.KSTL-Registration .pod .ng-form input, .KSTL-Registration .pod .ng-form select{
		border-radius: 10px;
		max-width: 100% !important;
        width: 350px;
	}
	.social-links{
		float: right;
		width: 55%;
		text-align: justify;
	}
	.footer-links{
		width: 94%;
	}	
}

@media screen and (max-width: 767px) and (orientation:landscape){
	.image-container{
		height: 500px;
		display: block;
	}
	.country img{
		padding: 0 15% 10% 37%;
	}
	.countryrange{
		margin-left: 12%;
	}
	.bidfood img{
		padding: 3% 10% 10% 27%;
	}
	.bidfood-button{
		margin: 4% 10% 0 27%;
	}
	.brakes img{
		width: 70%;
		left: 3%;
	}

	.brakes-button{
		width: 60%;
		padding: 5%;
		margin: -13% -10% 0 -31%;
	}

	.caterforce img{
		width: 120%;
		margin-left: -23%;
	}

	.caterforce-button{
		margin: -5% 5% -7% -17%;
		padding: 7%;
	}
	.booker img{
		width: 35%;
		left: 31%;
		padding: 8% 0 0 0;
	}

	.booker-button{
		margin: 2% auto;
		display: block;
		width: 40%;
		padding: 3%;
		text-decoration: none;
	}
	.footer-layer-1 .social-links {
		width: auto;
	}
	body .KSTL-Registration .pod {
		width: 361px;
		padding: 0 12px;
	}
	#login-top,#login-top1,#login-top2{
		width: 346px;
		font-size: 16px;
	}
	iframe{
		margin:0 1em;
	}
	form input[type="checkbox"]:not(:checked), form input[type="checkbox"]:checked{
		top: 0;
	}
	#KSTL-Registration-wrapper-TermsConditionPrvcyPolicyCombo label{
		font-size:9px;
	}
}

@media screen and (min-width: 768px) and (max-width:1024px) and (orientation:portrait){
	#login-top,#login-top1,#login-top2{
		width: 39.7%;
		font-size: 14px;
	}
	.KSTL-Registration .ng-form input{
		max-width: 250px !important;
	}
	iframe{
		margin: 0 1em;
	}
	.image-container{
		height: 550px;
	    display: block;
	}
	.country img{
		padding: 0 15% 10% 37%;
	}
	.countryrange{
		margin-left: 12%;
		width: 128%;
		padding: 9%;
		margin-top: 5%;
	}
	.bidfood img{
		padding: 3% 10% 10% 27%;
	}
	.bidfood-button{
		margin: 1% 10% 4% 35%;
	}
	.brakes img{
		width: 70%;
		left: 3%;
	}

	.brakes-button{
		width: 60%;
		padding: 5%;
		margin: -13% -10% 0 -31%;
	}

	.caterforce img{
		width: 120%;
		margin-left: -23%;
	}

	.caterforce-button{
		margin: -5% 5% -7% -17%;
		padding: 7%;
		width: 78%;
	}
	.booker img{
		width: 35%;
		left: 31%;
		padding: 8% 0 0 0;
	}

	.booker-button{
		margin: 2% auto;
		display: block;
		width: 40%;
		padding: 3%;
		text-decoration: none;
	}
	.social-links{
		width:53%;
		text-align: justify;
	}
	#KSTL-Registration-wrapper-TermsConditionPrvcyPolicyCombo label{
		font-size: 9px;
	}
	.footer-links{
		width: 95%;
	}
	form input[type="checkbox"]:not(:checked), form input[type="checkbox"]:checked{
		top: 0;
	}
}

@media screen and (min-width: 768px) and (max-width:1024px) and (orientation:landscape){
	#login-top{
		width: 31.5%;
		font-size: 14px;
	}
	#KSTL-Registration-wrapper-TermsConditionPrvcyPolicyCombo label{
		font-size:10px;
	}
	.KSTL-Registration .ng-form input, .KSTL-Registration .ng-form select{
		max-width: 275px !important;
	}
	iframe{
		margin: 0 1.5em;
	}
	form input[type="checkbox"]:not(:checked), form input[type="checkbox"]:checked{
		top:0;
	}
	
}

@media screen and (min-width: 1025px) and (max-width:1200px){
	iframe{
		margin:0 2em;
	}
	.KSTL-Registration .ng-form input, .KSTL-Registration .ng-form select{
		max-width:275px !important;
	}
	#login-top{
		padding-bottom: 7px;
	}
}

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation:portrait){
	.uk-bg-receipt-upload {
		background: #52ae32 url("/content/dam/global/promotions/uk-pringles-2024/en/images/background-mobile.png") center no-repeat;
		pa;
		padding-bottom: 40%;
		background-size: 100% auto;
		height: auto;
		background-position: 0 99%;
	}
	
	.upload-header{
		width: 74%;
		font-size: 16px;
	}
	.receipt-upload-right {
		width: 337px;
		max-width: 100%;
	}
	.receipt-upload-instructions{
		width: 95%;
	}
	.submit-button{
		width: 95%;
		border-top:none;
	}
	body .image-upload-container{
		padding-bottom: 0;
		border: none;
	}
	.uk-bg-receipt-upload .textsubmitBtn.notPhilippines{
		padding: 10% 0%;
	}
}

@media screen and (max-width: 767px) and (orientation:landscape){
	.uk-bg-receipt-upload {
		background: #52ae32 url("/content/dam/global/promotions/uk-pringles-2024/en/images/background-mobile.png") center no-repeat;
		pa;
		padding-bottom: 40%;
		background-size: 100% auto;
		height: auto;
		background-position: 0 99%;
	}
	.upload-header{
		width: 52.3%;
	}
	.receipt-upload-instructions{
		width: 63%;
	}
	.submit-button{
		width: 57%;
		padding: 3% 3%;
	}
	.uk-bg-receipt-upload .textsubmitBtn.notPhilippines{
		padding: 5% 0%;
	}
	body .image-upload-container{
		padding-bottom: 0;
		border: none;
	}
}

@media screen and (min-width: 768px) and (max-width:1024px) and (orientation:portrait){
	.upload-header{
		width: 448px;
	}
	.receipt-upload-instructions{
		width: 526px;
	}
	.submit-button{
		width: 528px;
		padding: 5% 0;
		border: 2px solid #ca0020;
		border-top: none;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	.uk-bg-receipt-upload .textsubmitBtn.notPhilippines{
		padding: 5% 0%;
	}
	body .image-upload-container{
		padding-bottom: 12%;
		border: none;
	}
}

@media screen and (min-width: 768px) and (max-width:1024px) and (orientation:landscape){
	.upload-header{
		width: 319px;
	}
	.receipt-upload-instructions{
		width: 399px;
		font-size:11px;
	}
	.uk-bg-receipt-upload .textsubmitBtn.notPhilippines{
		padding: 5% 0%;
	}
	body .image-upload-container{
		padding-bottom: 12%;
	}
}

@media screen and (min-width: 1025px) and (max-width:1200px){
	.upload-header{
		width: 40.9%;
	}
	.receipt-upload-instructions{
		width: 47.6%;
		font-size:11px;
	}
	.submit-button{
		width: 35.7%;
		padding: 5% 6%;
		border: 2px solid #ca0020;
		border-top: none;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	.uk-bg-receipt-upload .textsubmitBtn.notPhilippines{
		padding: 5% 0%;
	}
	body .image-upload-container{
		padding-bottom: 12%;
		border: none;
	}
}


@media screen and (min-width: 1025px){

    .tandc-text {
        max-height: 1100px;
        overflow-y: auto;
        margin: 0 0 50px;
    }

    body .headerimg-login .headerimg1-login img {
        width: 365px;
    }

	.cmgsoon-first-header .mobile {
		display: none;
	}

    .m-to-enter {
		display: none;
    }
	
	.comingsoon .cs-heading-mb {
		display: none;
	}
	
	.comingsoon .pd-second-header-four {
		display: none;
	}

}


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

    .uk-pringles-login {
        padding-top: 25px;
    }

	.cmgsoon-first-header .desktop {
		display: none;
	}

    .pd-first-art {
        visibility: hidden;
        height: 45px;
    }
    
    .prizedetails-third {
        padding: 0 0 20%;
    }

    body .faq, body .terms {
        padding: 0 5% 25%;
        max-width: 90% !important;!i;!;
    }
	
	.pd-third-header span {
		display: block;
	}

	body .footer ul {
		padding: 0;
	}
	
	.cmgsoon-first-header img.mobile {
		width: auto;
		padding: 0 0 15px;
	}
	
	.comingsoon .cs-heading-d {
		display: none;
	}
	
	.pd-second-header-four {
		padding: 20px 0 0;
	}


}

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

	body .prizedetails-first, body .cmgsoon-first {
	    padding: 0 10% 50px;
	}

    body .sb-bowl-footer-mandat {
        top: -75px;
        left: 30px;
    }

    .home .rv7-welcome-container h1 {
        font-size: 20px;
        line-height: 120%;
        text-align: center;
    }

    .home .rv7-welcome-container p {
        text-align: center;
    }

    .home > div .sp-footer-1 p {
        text-align: center;
    }
    
    .home > div .sp-footer-2 p {
        text-align: center;
    }

    .sp-gallery-box .sp-gallery-item {
        width: 45% !important;
        padding: 10px 2%;
    }

    .home > div .sb-error-page h1, .home > div .sb-error-page p {
        text-align: center;
    }

    .page-container .bg-desk {
        display: none;
    }

    body div#receipt-success-cont1 {
        width: 90%;
        padding: 30px 5% 0;
        font-size: 22px;
    }

    body .login-rnr-class h2 {
        width: 94%;
    }

    body .receipt-upload-cont2 {
        text-align: center;
    }

    .sp-gallery-box .sp-gallery-item:last-child {
        width: 62% !important;
    }
    
    .sp-gallery-box .sp-gallery-item:nth-child(3) {
        width: 35% !important;
    }

    .home .code-text {
        padding: 20px 0 40px 10% !important;
    }

    body .footer ul li {
        display: block;
        padding: 2px 0;
    }

    .home .cheeze-it-head-container {
        bottom: 43%;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }
    
    .home .cheeze-it-head-contbtn > div {
        display: block;
        width: 100%;
        padding: 5px 0;
    }

    .prizedetails-content .prizedetails-content-title {
        font-size: 50px;
    }

    body .comingsoon {
        width: 90%;
    }
    
    .comingsoon-p3 {
        display: none;
    }
    
    .mySlides .text {
        color: #670000;
    }

    body .uk-cheezit-festival-registration .registration-v6, body .uk-cheezit-festival-login .registration-v6 {
        padding: 50px 5% 20px;
        width: 100%;
    }
    
    body .gigya-composite-control-password em {
        left: 280px;
    }

    body .faq-container {
        padding: 5%;
        width: 100%;
    }
    
    body .tandc-main-title h4 {
        font-size: 40px;
        padding: 0 0 20px;
    }
    
    body .uk-cheezit-festival-tandc .faq-container > div.faq-r {
        padding: 0;
    }

    body .prizedetails-content-2 > div {
        width: 100%;
        padding: 0 0 20px;
    }

    .headerimg-login .header-logo {
        display: none;
    }
    
    .headerimg-login .mainmenu {
        right: 45%;
        top: 50px;
    }

    body .uk-cheezit-festival-registration .registration-v6:after, 
    body .uk-cheezit-festival-login .registration-v6:after {
        display: none;
    }

    body .footer > div {
        text-align: center;
        padding: 0 0 10px;
    }

    body .prizedetails-content > div {
        width: 100% !important;
        padding: 30px 0;
    }

    body .uk-cheezit-festival-barcode, 
    body .uk-cheezit-festival-prizedetails, 
    body .uk-cheezit-festival-coming-soon, 
    body .uk-cheezit-festival-faq, 
    body .uk-cheezit-festival-tandc, 
    body .uk-cheezit-festival-registration, 
    body .uk-cheezit-festival-login {
        background: transparent url(/content/dam/global/promotions/uk-cheezit-music-festival/en/images/mobile-footer-1.png) bottom center no-repeat;
        padding: 0 0 80px;
        background-size: 100% 90px;
    }

    .faq-container > div {
    	width: 100% !important;
    }

    body .prizedetails-content {
        padding: 0 10%;
    }

    .comingsoon-in > div {
        width: 100%;
        margin: 10% 0 0;
    }

    .barcode-entry:after {
        display: none;
    }

    .home .thankyou-second-body {
        padding: 70px 5% 130px;
        width: 90%;
    }
    
    .home .thankyou-furthur-five a {
        display: block;
        margin: 20px 0;
    }

	.home .thankyou-body {
	    padding: 70px 5% 130px;
	    width: 90%;
	}
	
	.home .thankyou-one img {
	    width: 280px;
	}
	
	.home .thankyou-six a {
	    display: block;
	    margin: 20px 0;
	}	
    body .gigya-screen.portrait.mobile {
        padding: 50px 5%;
    }
    .uk-pringles-login {
        padding: 40px 0 0;
    }

    body #gigya-forgot-password-screen {
        max-width: 100%;
    }

	body #gigya-tfa-verification-screen {
	    padding: 0 0 60px;
	    width: 100%;
	}

    body h1#kgsasgigyaForms_content_caption {
        padding-top: 50px;
    }

    body #register-site-login div.gigya-composite-control-submit {
        padding: 0 0 80px;
    }

    .home .gallery-third-firstrow > div, .home .gallery-third-secondrow > div, .home .gallery-third-thirdrow > div {
        width: 90%;
        padding: 0 5% 20px;
    }

    .home .barcode-entry {
        padding: 18% 5% 20px;
        width: 90%;
    }

    body .gaming-right-col .promo-box-wrapper {
        padding: 0 5%;
        width: 90%;
    }
    
    body .promo-box-wrapper #key-in-unique-code-box {
        width: 96%;
        padding: 0 2%;
    }

    body .swal-modal, body .swal2-popup {
        background-size: 300px 308px !important;!i;!;
        width: 300px !important;!i;!;
    }

    .home .gallery-first-header img {
        width: 280px;
        max-width: 100%;
    }

    .gallery-four {
        padding: 0 0 80px;
    }

    .home .promoclosed-body {
        padding: 0 5% 30%;
        max-width: 90%;
    }

    body .headerimg-login.activemenu .language, body .headerimg-login.activemenu .mainmenu {
        background-color: #f6a000;
        box-shadow: none;
    }
	
	.cmgsoon-first-header .desktop {
		display: none;
	}

    .pd-second-header-four a {
		display: block;
		margin: 0 0 20px;
	}
	
	body .home {background: #e4002c;padding: 0 5%;}
	body .footer {
	    padding: 0 5%;
	}
	body .pd-second-header-one > div, body .cmg-second-header-one > div {
	    width: 96%;
	    display: block;
	}
	
	body .pd-second-header-two > div, body .cmg-second-header-two > div {
	    width: 96%;
	    display: block;
	}
	.uk-bg-thankyou {
		background: #52ae32 url("/content/dam/global/promotions/uk-pringles-2024/en/images/background-mobile.png") center no-repeat;
		pa;
		padding-bottom: 40%;
		background-size: 100% auto;
		height: auto;
		background-position: 0 99%;
	}
	.thankyou-text{
		width: 90%;
	}
	.thankyou-text h2{
		font-size: 18px;
	}
	.br-avoid{
		padding: 0 20%;
		line-height: 20px;
	}
	.br-avoid-terms{
		padding: 0 10%;
		line-height: 20px;
	}

    .sb-rc-upload-footer-2 {
        padding: 0 5%;
    }
     
    .sb-rc-upload-footer-2 p {
        padding: 0;
        font-size: 12px;
        text-align: center;
    }

    .sp-footer-links {
        text-align: center;
        width: 300px;
        margin: 0 auto;
    }

    .sp-footer-links ul {
        padding: 0 0 20px;
    }

    .sp-footer-links li:nth-child(3):after, .sp-footer-links li:nth-child(5):after {
        display: none;
    }
}

@media screen and (max-width: 767px) and (orientation:landscape){
	.thankyou-text{
		width: 53%;
	}
}

@media screen and (min-width: 768px) and (max-width:1024px) and (orientation:portrait){
	.thankyou-text{
		width: 50%;
	}
}

@media screen and (min-width: 768px) and (max-width:1024px) and (orientation:landscape){
	.thankyou-text{
		width: 37%;
	}
}

.uk-bg-coming-soon{
	padding-top: 5%;
	background: #52ae32 url(/content/dam/global/promotions/uk-pringles-2024/en/images/background-desktop.png)center no-repeat;
	background-size: 100% auto;
	height: auto;
	background-position: 0px 100%;
	padding-bottom: 25%;
}

.uk-bg-promo-closed {
	padding-top: 5%;
	background: #52ae32 url(/content/dam/global/promotions/uk-pringles-2024/en/images/background-desktop.png)center no-repeat;
	background-size: 100% auto;
	height: auto;
	background-position: 0px 100%;
	padding-bottom: 25%;
}

.coming-soon{
	text-align: center;
	font-size: 5em;
	color: #fff;
	font-family: 'trebuc';
}

.promo-closed {
	text-align: center;
	font-size: 5em;
	color: #fff;
	font-family: 'trebuc';
}

.cmg-soontext{
	text-align:center;
	padding: 3%;
	color: #fff;
	font-size: 1.5em;
	font-family: 'trebuc';
}

.cmg-soontext1{
	text-align:center;
	color: #fff;
	font-size: 1.5em;
	font-family: 'trebuc';
}

.image-upload-container #file-error-msg {
    text-align: center;
    color: #ff9232 !important;
    font-family: 'trebuc';
    font-size: 85%;
}

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

    .home .freecereal-content {
        padding: 10% 5% 35%;
        width: 90%;
    }
	.uk-bg-coming-soon {
		background: #52ae32 url("/content/dam/global/promotions/uk-pringles-2024/en/images/background-mobile.png") center no-repeat;
		padding-bottom: 40%;
		background-size: 100% auto;
		height: auto;
		background-position: 0 99%;
	}
	
	.uk-bg-promo-closed {
		background: #52ae32 url("/content/dam/global/promotions/uk-pringles-2024/en/images/background-mobile.png") center no-repeat;
		padding-bottom: 40%;
		background-size: 100% auto;
		height: auto;
		background-position: 0 99%;
	}

	.cmg-soontext{
		font-size:2em;
	} 
}

@media screen and (min-width: 768px){
	
	#KSTL-Registration-recaptcha-Registration {
		overflow: hidden;
		width: 387px;
		margin-left: -20px;
	}

    .page-container img.bg-mobile {
        display: none;
    }

}

.KSTL-Registration .pod .error-field p, .KSTL-Registration .pod .error-form p{
	color: #ff9232 !important;
    font-family: 'trebuc';
    padding: 0 0 5px;
}

@media screen and (min-width: 320px) and (max-width: 399px) and (orientation:portrait){
	.bidfood img{
		left: 12%;
		width: 64%;
		padding-bottom: 6%; 
	}
}

@media screen and (min-width: 400px) and (max-width: 600px) and (orientation:portrait){
	.bidfood img{
		left: 12%;
		width: 64%;
		padding-bottom: 0%; 
	}
}



/*
#KSTL-Registration-wrapper-FirstName, #KSTL-Registration-wrapper-UserName, #KSTL-Registration-wrapper-PhoneNumber2 {
    position: relative;
}
 
#KSTL-Registration-wrapper-FirstName:after, #KSTL-Registration-wrapper-UserName:after, #KSTL-Registration-wrapper-PhoneNumber2:after {
    position: absolute;
    color: #fff;
    text-transform: uppercase;
    font-family: 'trebuc';
    font-size: 13px;
    text-align: left;
    top: 0;
    left: 0;
}
 
#KSTL-Registration-wrapper-FirstName:after {
    content: "*Business Name";
}
 
#KSTL-Registration-wrapper-FirstName label, #KSTL-Registration-wrapper-UserName label, #KSTL-Registration-wrapper-PhoneNumber2 label {
    text-indent: -9999px;
}
 
#KSTL-Registration-wrapper-UserName:after {
    content: "*Business Email Address";
}
 
#KSTL-Registration-wrapper-PhoneNumber2:after {
    content: "*Business Contact Number";
}

*/

.poptarts-text span {
	display: block;
}
 
@media screen and (max-width: 767px){

    body .cmg-second-header {
        width: 250px;
        margin: 0 auto;
        padding: 20px 0;
    }
 
	#KSTL-Registration-wrapper-FirstName:after, #KSTL-Registration-wrapper-UserName:after, #KSTL-Registration-wrapper-PhoneNumber2:after {
		font-size: 10px;
	}
 
}

#subscription116429_EM{
	top: -20px;
}

#KSTL-Registration-wrapper-HeaderSubscription .ng-binding{
	display:none;
}

.subscription-EM label{
	text-align: left;
	margin-left: 2% !important;
}

.subscription-EM b,br{
	display:none;
}

.subscription-EM span{
	color: #fff;
    padding-left: 1%;
    font-family: 'trebuc';
    font-size: 11px;
}

.KSTL-Registration .ng-form div.subscription.subscription-EM{
	background-image:none !important;
}

.KSTL-Registration .ng-form div.subscription{
	border:none !important;
	padding:0 !important;
}

.headerimg-login {
    position: relative;
}

.headerimg1-login {
    position: absolute;
    left: 50%;
    bottom: -17%;
    transform: translateX(-50%);
}

.headerimg-login .headerimg1-login img {
    width: 250px;
}

.home .code-text {
    padding: 20px 0 40px 20%;
}


.footer {
    background-color: #e4002c;
    position: relative;
    padding: 20px 0;
    text-align: center;
    font-family: 'trebuc';
}

.tcfour table {
    padding: 20px 0 10px;
    max-width: 100%;
}

.tcfour table td {
    border: 1px solid #fff;
    padding: 5px;
}

.tcfour table th {
    border: 1px solid #fff;
    background: #197cc0;
    padding: 5px;
    font-weight: bold;
}

.tcfour table th:first-child {
    width: 40%;
}

.footer-layer-1 img {
	max-width: 100%;
    width: 100%;
    margin-top: -1px;
}

.faq-text > div.otherqueries.faq-2 {
    margin: 0 0 10px;
}

.headerimg-login img {
    max-width: 100%;
    width: 100%;
}

.footer > div {
    width: 800px;
    margin: 0 auto;
    max-width: 100%;
    font-size: 12px;
    line-height: 120%;
    font-family: 'Futura-Medium';
    text-align: left;
}

.menu-close-icon, .language {
    display: none;
}

.mainmenu {
    position: absolute;
    right: 12%;
    top: 15px;
    z-index: 2;
    background: transparent;
}

.menuicon img {
    cursor: pointer;
}

.uk-cheezit-festival-registration .registration-v6, .uk-cheezit-festival-login .registration-v6 {
    padding: 5% 0 0 10%;
    width: 90%;
    text-align: left;
    margin: 0 auto;
    max-width: 100%;
    color: #fff;
    font-family: 'blockberthold';
    position: relative;
    min-height: 370px;
}

.gigya-screen .uk-pringles-login-p a {
    color: #670000 !important;
    text-decoration: underline !important;
}

.headerimg-login.activemenu .language {
    display: block;
    background-color: #f6a000;
    padding: 10px 0;
    box-shadow: 0 8px 6px -6px black;
}

.menuicon-image {
    display: none;
}

.activemenu .menuicon-image {
    display: block;
    text-align: center;
    background-color: #f6a000;
    padding: 10px 0 0;
}

.menuicon-image img {
    width: 80px;
}

.headerimg-login.activemenu .mainmenu {
    position: fixed;
    background-color: rgba(249, 180, 45, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    /* overflow: hidden; */
}


.headerimg-login.activemenu .language ul {
    padding: 0;
    margin: 0;
    text-align: center;
}

.headerimg-login.activemenu .language ul li a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'trebuc';
    font-weight: 700;
}

.headerimg-login.activemenu .language ul li {
    padding: 5px 0;
}

.menu-close-icon {
    border-radius: 0.25rem;
    display: inline-block;
    height: 0.3rem;
    position: relative;
    width: 2rem;
    transform: translate(-50%, 0);
    display: none;
    top: 15px;
    cursor: pointer;
}

.menu-close-icon:before,
.menu-close-icon:after {
    background: #fff;
    border-radius: 0.25rem;
    content: " ";
    height: 100%;
    top: 10px;
    left: 0;
    position: absolute;
    width: 100%;
    transform: rotate(45deg);
}

.menu-close-icon:after {
    transform: rotate(-45deg);
}

.activemenu .menu-close-icon {
    display: block;
    position: absolute;
    right: 0;
    z-index: 4;
}

.activemenu .menuicon {
    display: none;
}

.home {
    background: #e4002c;
    background-size: 100%;
    background-position: 0 350px;
}

.barcode-entry {
	padding: 5% 0 0 20%;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

.gaming-right-col .promo-box-wrapper {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 0 20%;
    text-align: left;
}

.promo-box-wrapper #key-in-unique-code-box {
    margin: 0;
    width: 320px;
    height: 35px;
    line-height: 35px;
    max-width: 100%;
    padding: 0 20px;
    border-radius: 50cm;
    background-color: transparent;
    border: 2px solid #670000;
}

.gigya-screen-caption a.register-link, .uk-pringles-login a {
    color: #fff;
    margin: 0;
}

h1#kgsasgigyaForms_content_caption {
    font-family: 'blockberthold';
    text-transform: uppercase;
    text-shadow: 3px 3px 0 #670000;
    font-size: 18px;
    line-height: 120%;
    color: #fff;
    width: 380px !important;
    margin: 0;
}

body .gigya-screen-content div.gigya-screen.landscape {
    padding: 0;
}

.uk-pringles-login {
    font-family: 'trebuc';
    text-transform: uppercase;
    font-size: 18px;
    line-height: 120%;
    color: #fff;
    margin: 0 auto;
}

.promo-box-wrapper .promo-code-input-box {
    float: none;
    display: block;
}

.promo-box-wrapper .gaming-link-div {
    float: none;
    margin: 0;
    text-align: left;
    padding: 10px 0 0;
}

.code-text {
    padding: 20px 0 15%;
    text-align: left;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    color: #670000;
    font-size: 14px;
    font-family: 'Futura-Medium';
    line-height: 120%;
}

.promoclosed-body-header img {
    width: 400px;
    max-width: 100%;
}

.promoclosed-body-text {
    font-family: 'trebuc';
    padding: 0;
}

.toenter img {
    width: 300px;
    max-width: 100%;
}

.promo-box-wrapper #message {
    margin: 5px 0;
}

.promo-box-wrapper .gaming-link-div a {
    line-height: 40px;
    background-color: #CD2026;
    border: 2px solid #CD2026;
    box-shadow: 3px 3px 0 #670000;
    margin: 0;
    border-radius: 50cm;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    font-family: 'Futura-Medium';
    text-align: center;
    padding: 0;
    width: 160px;
    display: inline-block;
    height: 40px;
}

.barcode-entry select {
    height: 35px;
    padding: 0 20px;
    width: 320px;
    max-width: 100%;
    border-radius: 50cm;
    background: transparent  url(/content/dam/global/promotions/uk-cheezit-music-festival/en/images/drop-down.png) no-repeat 95% center;
    background-size: 20px;
    color: #000;
    font-size: 16px;
    font-family: 'trebuc';
    font-weight: 700;
    border: 2px solid #670000;
}

.barcode-entry select {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
  text-align: left;
}

/* For IE10 */
.barcode-entry select ::-ms-expand {
  display: none;
  text-align: center;
}

.barcode-entry .dropdown-uk-poptarts h2 {
    color: #670000;
    font-family: 'Futura-Medium';
    font-size: 18px;
    line-height: 115%;
    margin: 5px 0;
}

.barcode-entry h2 {
    color: #670000;
    font-family: 'Futura-Medium';
    font-size: 18px;
    line-height: 115%;
    margin: 15px 0 0;
    font-weight: normal;
}

.barcode-entry h1 {
    color: #fff;
}

.thankyou-second-body {
    padding: 7% 0 12%;
    width: 550px;
	max-width: 100%;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}

.thankyou-one img {
    width: 400px;
    max-width: 100%;
}

.thankyou-three img {
    width: 300px;
    max-width: 100%;
}

.thankyou-body {
	padding: 10% 0 15%;
	width: 550px;
	max-width: 100%;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	font-family: 'trebuc';
}

.prizedetails {
	padding: 0 0 10%;
	width: 550px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	max-width: 100%;
}

.promoclosed-body {
	padding: 0 0 12%;
	width: 550px;
	max-width: 100%;
	margin: 0 auto;
	color: #fff;
	text-align: center;
}

.promoclosed-insta img {
    width: 50px;
}
.promoclosed-body-text p {
    display: block;
    font-family: 'trebuc';
    font-size: 16px;
    line-height: 115%;
}

.promoclosed-body-text p span {
    display: block;
}

.promoclosed-body-text p:first-child {
    margin-top: 0;
}

.promoclosed-insta {
    padding: 0;
}


.pd-first-image img, .cmgsoon-first-image img {
    width: 100px;
}

.pd-first-header img {
    width: 400px;
    max-width: 100%;
}

.pd-first-text, .cmgsoon-first-text {
    font-family: 'trebuc';
    font-size: 15px;
}

.prizedetails-first, .cmgsoon-first {
    padding: 0 0 50px;
}

.pd-first-header, .cmgsoon-first-header {
    padding: 0;
    font-size: 20px;
    line-height: 120%;
}

.prizedetails-second, .cmgsoon-second {
    background-color: #fffaf0;
    padding: 8% 0;
    color: #005AA7;
    font-size: 14px;
    line-height: 115%;
    font-family: 'trebuc';
    position: relative;
}

.pd-third-header {
    padding: 40px 0 15px;
    width: 402px;
    margin: 0 auto;
    max-width: 100%;
    font-family: 'trebuc';
    font-size: 14px;
    line-height: 120%;
}

.fix-pin {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -47px;
}

.comingsoon .fix-pin img {
    width: 45px;
}

.pd-third-insta img {
    width: 50px;
}

.cmgsoon-first-text span {
    font-weight: 700;
    display: block;
}

.nyc-text span, .percent-text span, .code-text span, .register-text span {
    display: block;
}


.pd-second-header, .cmg-second-header {
    font-size: 24px;
    line-height: 115%;
    padding: 0 0 20px;
    font-family: 'trebuc';
    font-weight: 700;
}

.pd-second-header-one, .cmg-second-header-one {
    padding: 0 0 15px;
}

.pd-second-header-one > div, .cmg-second-header-one > div {
    width: 42%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    padding: 0 2%;
}

.prizedetails-second img {
    width: 200px;
}

#swal2-html-container span {
    display: block;
    padding: 0 0 20px;
}

body .kfr-signup-form .gigya-checkbox-container .gigya-label {
    width: 92% !important;
    display: inline-block !important;
}

#swal2-title {
    background-size: 75%;
    color: #fff;
    margin: 0;
    padding: 0;
    font-family: 'blockberthold';
    line-height: 100%;
    height: 25px;
}

.pd-first-art {
    margin: 0 0 -20px;
}

button:hover {color: #6d0b0b;}

 .cmgsoon-second img {
    width: 180px;
    max-width: 100%;
}

.pd-second-header-two, .cmg-second-header-two {
    padding: 0 0 15px;
}

.pd-second-header-two > div, .cmg-second-header-two > div {
    width: 42%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    padding: 0 2%;
}

.prizedetails-two img {
    width: 150px;
}

.pd-second-header-three, .cmg-second-header-three {
    padding: 0 0 15px;
}

.pd-second-header-three > div, .cmg-second-header-three > div {
    text-align: center;
    vertical-align: top;
}

.prizedetails-three img {
    width: 150px;
}

.map-text {
    width: 300px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 120%;
    padding: 0 0 20px;
    font-family: 'trebuc';
}

.map, .poptarts-bag, .stars, .family, .flight {
    padding: 0 0 5px;
    height: 100px;
    position: relative;
}

.flight-text, .family-text, .stars-text, .poptarts-bag-text, .percent-text {
    max-width: 100%;
    font-family: 'trebuc';
    font-size: 14px;
    line-height: 115%;
}

.cmg-second-header-code .code-text {
    color: #005AA7;
    width: 100%;
    padding: 0;
}

.pd-second-header-four button {
    width: 150px;
    height: 40px;
    line-height: 35px;
    background-color: #F3AECE;
    border: 2px solid #000;
    box-shadow: 4px 4px 0 #E94E1B;
    margin: 0;
    border-radius: 12px;
    color: #E94E1B;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    font-family: 'trebuc';
}

.cmgsoon-first-text {
    padding: 0;
}

.comingsoon {
    padding: 5% 0 0;
    width: 70%;
    max-width: 100%;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}

.thankyou-six button, .thankyou-furthur-five button {
    width: 180px;
    height: 40px;
    line-height: 38px;
    background-color: #F3AECE;
    border: 2px solid #000;
    box-shadow: 4px 4px 0 #E94E1B;
    margin: 0 2%;
    border-radius: 12px;
    color: #E94E1B;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    font-family: 'trebuc';
}

.thankyou-five button {
    width: 180px;
    height: 40px;
    line-height: 34px;
    margin: 20px 0;
    border-radius: 12px;
    color: #fff;
    border: 1px solid #fff;
    background-color: #14598e;
    cursor: pointer;
    font-family: 'trebuc';
    font-weight: 700;
    font-size: 22px;;
}

.gallery {
    padding: 0 0 12%;
    width: 710px;
    max-width: 100%;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}

.gallery-third-firstrow  > div {
    display: inline-block;
    width: 44%;
    padding: 0 2% 30px;
}

.gallery-third img {
    max-width: 100%;
}

.gallery-third-secondrow > div {
    display: inline-block;
    width: 44%;
    padding: 0 2% 20px;
}

.gallery-first-header img {
    width: 400px;
}

.gallery-second-header p {
    font-family: 'trebuc';
    font-size: 15px;
    line-height: 115%;
}

.gallery-second-header {
    width: 315px;
    margin: 0 auto;
}

.gallery-third-thirdrow > div {
    display: inline-block;
    width: 44%;
    padding: 0 2% 20px;
}

.gallery-four-text {
    padding: 20px 0 15px;
    width: 380px;
    margin: 0 auto;
    max-width: 100%;
    font-family: 'trebuc';
    font-size: 14px;
    line-height: 115%;
}

.gallery-four-image img {
    width: 50px;
}

.thankyou-furthur-one img {
    width: 400px;
    max-width: 100%;
}

.thankyou-furthur-three img {
    width: 300px;
    max-width: 100%;
}

.thankyou-furthur-two { 
	font-family: 'trebuc';
}

.cmgsoon-first-header img {
    width: 400px;
    max-width: 100%;
}

.thankyou-furthur-four {
    font-family: 'trebuc';
    padding: 0 0 20px;
}

.faq, .terms {
    padding: 0 0 10%;
    width: 580px;
    max-width: 100%;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}

.faq-image img, .terms img {
    width: 400px;
    max-width: 100%;
}

.swal2-actions {
    display: none !important;!i;!;
}

#swal2-html-container {
    color: #fff;
    font-family: 'Futura-Medium';
    font-size: 15px;
    line-height: 120%;
    padding: 0;
    margin: 0 0 35px;
    height: 135px;
}

.terms .tandc-text > div {
    font-family: 'trebuc';
    font-size: 14px;
    line-height: 120%;
    padding: 0 5px 20px 0;
}

.terms .tandc-text {
    padding: 30px 0 0;
    text-align: left;
}

.swal2-popup .swal2-close {
    position: absolute;
    bottom: 85px;
    color: #cc1723;
    width: 200px;
    left: 50%;
    transform: translateX(-50%);
}

body .swal-modal, body .swal2-popup {
    background: #cc1723;
    border: 10px solid #f9b60d;
    height: 280px;
    background-size: 380px 308px;
    padding: 40px 5% 0;
    background-position: 7px -3px;
    width: 320px;
    position: relative;
    border-radius: 20px;
}

body .swal-text {
    color: #fff;
}

.prizedetails-second span {
    display: block;
}

.faq-text {
    font-family: 'trebuc';
    font-weight: 700;
}

.promo-box-wrapper p.mandatory-field {
    text-align: left;
    margin: 0;
    padding: 0 0 5px;
    font-family: 'Futura-Medium';
    font-size: 14px;
    line-height: 120%;
    color: #ff0000;
}

.gigya-screen .uk-pringles-login h1 {
    color: #fff;
    text-shadow: 3px 3px 0 #670000;
    font-family: 'blockberthold' !important;
    border: none;
    padding: 0;
    font-size: 25px;
    line-height: 115%;
    text-align: left;
}

.gigya-composite-control-password {
    position: relative;
}

.gigya-composite-control-password em {
    position: absolute;
    top: 31px;
    color: #670000;
    left: 331px;
    font-size: 20px;
    width: 24px;
    right: auto;
}

.gigya-screen .uk-pringles-login-p {
    color: #670000;
    font-family: 'Futura-Medium';
    display: block;
    margin: 0 0 10px;
    font-size: 15px;
    line-height: 115%;
    width: 380px;
    max-width: 100%;
    text-transform: none;
}

p.uk-pringles-login-p1 {
    color: #670000;
    font-family: 'Futura-Medium';
    font-size: 14px;
    display: inline-block;
    position: relative;
    top: -37px;
    padding: 0 10px 0 0;
}

.uk-pringles-login-p span {
    font-family: 'Futura-Medium';
    font-size: 14px;
    color: #670000;
}

body .kfr-signup-form .gigya-label, body .kfr-signup-form .gigya-label span, body .kfr-signup-form .gigya-label label,
body .kfr-signup-form .gigya-label b {
    color: #670000;!;!importan;!i;!;
    font-family: 'Futura-Medium';
    font-size: 16px;
    line-height: 115%;
}

body .kfr-signup-form .gigya-label a {
	color: #670000;!;!importan;!i;!;
	font-family: 'Futura-Medium';
	font-size: 14px;
	line-height: 115%;
	text-decoration: underline;
}
.kfr-signup-form .gigya-composite-control.gigya-composite-control-link {
    color: #670000;
    font-family: 'Futura-Medium';
    margin: 0 0 20px;
    font-size: 13px;
    line-height: 115%;
    text-decoration: underline;
}

.gigya-screen .uk-pringles-login-p a {
    color: #670000;
    text-decoration: underline;
    font-family: 'Futura-Medium';
}

.kfr-signup-form .gigya-composite-control.gigya-composite-control-link:focus {
    text-shadow: none;
    box-shadow: none !important;!i;!;
    !i;!;
    border: none !important;!i;!;
}

.kfr-signup-form .gigya-composite-control.gigya-composite-control-link:hover {
    text-decoration: none;
}

.kfr-signup-form .gigya-screen input[type=submit] {
    line-height: 40px;
    background-color: #CD2026;
    border: 2px solid #CD2026;
    box-shadow: 3px 3px 0 #670000;
    margin: 0;
    border-radius: 50cm;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    font-family: 'Futura-Medium';
    text-align: center;
    padding: 0;
    width: 160px;
    display: inline-block;
    height: 40px;
}

.kfr-signup-form .gigya-composite-control.gigya-composite-control-submit {
    text-align: left;
}

.faq-text > div {
    margin: 0 0 20px;
    font-family: 'trebuc';
    font-weight: 400;
    font-size: 14px;
    line-height: 115%;
}

.pd-first-text span {
    display: block;
}

.wrong-code-content .description p {
    color: #ff0000;
    font-family: 'Futura-Medium';
    font-size: 14px;
    line-height: 115%;
}

 .gigya-screen .gigya-composite-control.gigya-composite-control-label {
    font-family: 'trebuc';
    color: #fff;
    font-size: 14px;
}

.thankyou-four span, .thankyou-furthur-four span {
    display: block;
}

.terms .tandc-text a {
    color: #fff;
    text-decoration: underline;
}

.gigya-screen .gigya-composite-control-header,  .gigya-screen .gigya-composite-control.gigya-composite-control-label {
    color: #fff;
    font-family: 'trebuc';
    font-size: 14px;
}

.gigya-screen .gigya-composite-control-header, .gigya-screen {
    color: #fff;
    font-family: 'trebuc';
    font-size: 18px;
}

.prizedetails-second .fix-pin img {
    width: 45px;
}

body .footer > div a {
	color: #fff;
	font-family: 'trebuc';
}

.otherqueries.faq-1 {
    padding: 20px 0 8px;
}

.map img, .poptarts-bag img, .stars img, .family img, .flight img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.faq-text .question1, .faq-text .question2, .faq-text .question3, .faq-text .question4, .faq-text .question5, .faq-text .question6, .faq-text .question7, .faq-text .question8, .faq-text .question9 {
    font-family: 'trebuc';
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 0 2px;
    line-height: 115%;
}


.footer-layer-2 a:hover {
    text-decoration: underline;
}

.kfr-signup-form .gigya-screen-caption {
    color: #fff;
    font-family: 'trebuc';
    font-size: 24px;
    line-height: 115%;
    border: none;
    margin: 0;
    padding: 0;
}

.headerimg-login.activemenu .language ul li a:hover {
    color: #ccc;
}
.uk-pringles-login h1 span {
    color: #fff;
    font-size: 50px;
    line-height: 120%;
}
.uk-pringles-login h1 a {
    border-bottom: 1px solid #fff;
    margin: 0;
}
#register-site-login div.gigya-composite-control-submit {
    flex: none;
}

.kfr-signup-form .gigya-screen input[type=submit]:hover {
    background-color: #c01e24;
}

.faq .faq-text a {
    color: #fff;
}

.activemenu .menu-close-icon:hover {
    opacity: 0.8;
}

.gigya-error-msg {
    text-align: left !important;
    color: #ff0000 !important;
    font-family: 'trebuc' !important;
    font-size: 12px !important;
}

.home .terms {
    width: 530px;
    max-width: 100%;
}

.pd-second-header-four a {
    text-decoration: none;
    margin: 0 2% 20px;
}

#gigya-tfa-verification-screen {
    color: #fff;
    font-family: 'trebuc';
    max-width: 100%;
}

#gigya-tfa-verification-screen #kgsasgigyaForms_showTfaUI_1_wrapper-header-text {
    width: 100%;
    color: #fff;
    font-family: 'trebuc';
    font-size: 15px;
    line-height: 115%;
}

#gigya-tfa-verification-screen #kgsasgigyaForms_showTfaUI_1_wrapper-email {
    width: 100%;
    color: #fff;
    font-family: 'trebuc';
    font-size: 15px;
    line-height: 115%;
}

#gigya-tfa-verification-screen label, #gigya-tfa-verification-screen label a {
    color: #fff;
    font-family: 'trebuc';
    font-size: 15px;
    line-height: 115%;
}

#gigya-tfa-verification-screen label a {
    text-decoration: underline;
}

#gigya-tfa-verification-screen .gig-tfa-button-submit {
    width: 150px;
    height: 40px;
    line-height: 38px;
    background-color: #F3AECE;
    border: 2px solid #000;
    box-shadow: 4px 4px 0 #E94E1B;
    margin: 0 2%;
    border-radius: 12px;
    color: #E94E1B;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    font-family: 'trebuc';
    padding: 0;
}

#gigya-tfa-verification-screen  .gig-tfa-button-container {
    width: 100%;
    text-align: center;
    padding: 0 0 20px;
}

#gigya-tfa-verification-screen .gig-tfa-button-submit:hover {
    opacity: 0.8;
}

#gigya-tfa-verification-screen  .gig-tfa-error {
    font-family: 'trebuc';
    font-size: 15px;
    line-height: 115%;
    text-align: left;
    color: #dbb439 !important;
}

.freecereal-content {
    width: 550px;
    margin: 0 auto;
    max-width: 100%;
    padding: 10% 0 15%;
    font-family: 'trebuc';
    color: #fff;
}

.freecereal-promo-closed p {
    font-size: 15px;
    line-height: 115%;
    margin: 0 auto;
    width: 400px;
    max-width: 100%;
}

.freecereal-promo-closed p a {
    color: #fff !important;!i;!;
    text-decoration: underline !important;!i;!;
}

body .kfr-signup-form .gigya-checkbox-container .gigya-label .gigya-required-display {
    position: absolute;
    left: -8px;
    top: 0;
}

body .kfr-signup-form .gigya-checkbox-container .gigya-label {
    position: relative;
    padding-left: 5px;
}

.gigya-captcha-wrapper .gigya-captcha div {
    text-align: left !important;
    color: #dbb439 !important;
    font-family: 'trebuc' !important;
    font-size: 12px !important;
}

#register-site-login div.gigya-composite-control-captcha-widget {
    flex: none !important;
    margin-left: 1%;
    width:92%;
}

#gigya-profile-form h1 {
	color: #fff;
	border: none;
	padding: 0 0 10px;
	font-family: 'trebuc';
}
 
#gigya-profile-form .uk-pringles-profile p, #gigya-profile-form .uk-pringles-profile p span {
    color: #fff;
    margin: 5px 0;
    font-family: 'trebuc';
}
 
#gigya-profile-form .uk-pringles-profile-pp {
    color: #fff;
    font-family: 'trebuc';
    padding: 20px 0 0;
}

.gallery-third-firstrow > div, .gallery-third-secondrow > div, .gallery-third-thirdrow > div {
    position: relative;
}

.gl-img img {
    position: absolute;
    top: 50%;
    width: 350px;
    z-index: 2;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 75%;
}




/* Slider start cheezit */

* {box-sizing: border-box}
body {font-family: Verdana, sans-serif;margin:0;background: #e4002c;}
.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: #cd2026;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 8px;
  width: 8px;
  margin: 0;
  background-color: #b57600;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #670000;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}
/* slider end Cheezit */

/* custom css start */
.comingsoon-in-l {
    display: inline-block;
    width: 42%;
    text-align: left;
    margin: 10% 10% 0 0;
    vertical-align: top;
}
 
.comingsoon-in {
    text-align: left;
}
 
.comingsoon-in-r {
    display: inline-block;
    width: 40%;
}
 
.comingsoon-header {
    font-size: 50px;
    line-height: 120%;
    font-family: 'blockberthold';
    text-shadow: 3px 3px 0 #670000;
}
 
.comingsoon-p1 {
    padding: 30px 0;
    font-size: 20px;
    line-height: 120%;
    font-family: 'Futura-Medium';
    color: #670000;
    width: 280px;
    max-width: 100%;
}
 
.comingsoon-p2 {
    padding: 0;
    font-size: 20px;
    line-height: 120%;
    color: #670000;
    font-family: 'Futura-Medium';
}

.comingsoon-p3 {
    text-align: right;
    padding: 15px 0 0;
}
 
.comingsoon-p3 img {
    width: 80px;
}
 
.comingsoon-slider .mySlides img {
    width: 300px;
    max-width: 100%;
}
 
.comingsoon-slider .mySlides {
    text-align: center;
}
 
.text h4 {
    font-size: 24px;
    line-height: 120%;
    margin: 0;
    font-family: 'blockberthold';
}
 
.text p {
    font-size: 18px;
    line-height: 120%;
    padding: 5px 0;
    font-family: 'Futura-Medium';
    margin: 0 auto;
    width: 240px;
    max-width: 100%;
}

.headerimg-login .header-logo img {
    width: 100px;
}
 
.headerimg-login .header-logo {
    position: absolute;
    top: 10px;
    left: 10px;
}

.toenter.d-to-enter {
    font-family: 'blockberthold';
    font-size: 60px;
    line-height: 120%;
    color: #fff;
    padding: 0 0 10px;
    text-shadow: 3px 3px 0 #670000;
}

.barcode-entry h2 span {
    font-family: 'Futura-Condensed-Extra-Bold';
}

#swal2-title i {
    font-style: normal;
}

.swal2-popup .swal2-close:after {
    position: absolute;
    content: "CLOSE";
    width: 140px;
    height: 35px;
    color: #fff;
    text-align: center;
    background-color: #f59d00;
    border-radius: 50cm;
    font-family: 'Futura-Medium';
    font-size: 20px;
    line-height: 175%;
    box-shadow: 3px 3px 0 #670000;
}

.barcode-entry:after {
    position: absolute;
    content: "";
    background-image: url(/content/dam/global/promotions/uk-cheezit-music-festival/en/images/img-1.png);
    z-index: 22;
    right: 0;
    background-size: 550px auto;
    background-repeat: no-repeat;
    width: 550px;
    height: 380px;
    top: 20%;
}

.uk-cheezit-festival-barcode, 
.uk-cheezit-festival-prizedetails, 
.uk-cheezit-festival-coming-soon, 
.uk-cheezit-festival-faq,
.uk-cheezit-festival-tandc,
.uk-cheezit-festival-registration,
.uk-cheezit-festival-login
{
    background: transparent url(/content/dam/global/promotions/uk-cheezit-music-festival/en/images/footer-1.png) bottom center no-repeat;
    padding: 0 0 80px;
    background-size: 100% 81px;
}

.prizedetails-content {
    width: 100%;
    padding: 5% 0 5% 10%;
}

.prizedetails-content > div {
    display: inline-block;
    width: 48%;
    vertical-align: top;
}

.prizedetails-content > div.prizedetails-content-1 {
    width: 32%;
    padding: 70px 0 0;
}

.prizedetails-content-title {
    color: #fff;
    font-family: 'blockberthold';
    font-size: 60px;
    line-height: 100%;
    text-transform: uppercase;
    width: 360px;
    max-width: 100%;
    text-shadow: 3px 3px 0 #670000;
}

.prizedetails-content-2 > div {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    padding: 0 3% 0 0;
}

.prizedetails-content-img img {
    width: 350px;
    max-width: 100%;
}

.prizedetails-content-desc span {
    display: block;
}

.prizedetails-content-desc {
    font-family: 'Futura-Medium';
    color: #670000;
    font-size: 18px;
    line-height: 120%;
    text-align: center;
    vertical-align: top;
}

.prizedetails-content-img {
    padding: 0 0 20px;
}

.prizedetails-content > div.prizedetails-content-2 {
    width: 64%;
}

.faq-container {
    padding: 5% 0 5% 15%;
    width: 90%;
}

.faq-container > div {
    display: inline-block;
    width: 48%;
    vertical-align: top;
}

.faq-container > div.faq-l {
    width: 40%;
}

.tandc-main-title h4 {
	font-family: 'blockberthold';
	color: #fff;
	text-shadow: 3px 3px 0 #670000;
	font-size: 60px;
	line-height: 110%;
	margin: 0;
}

.tandc-main-title h4 span {
    display: block;
}

.faq-r-box-inner h4 {
    font-family: 'blockberthold';
    color: #670000;
    font-size: 18px;
    line-height: 120%;
    margin: 0;
}

.faq-r-box-inner p, .faq-r-box-inner p a {
    font-family: 'Futura-Medium';
    color: #670000;
    font-size: 14px;
    line-height: 120%;
    margin: 2px 0 5px;
}

.faq-r-box-inner {
    padding: 0 0 10px;
}

.faq-container > div.faq-r {
    width: 58%;
}

.faq-r-box {
    max-height: 300px;
    overflow-y: auto;
}

/* width */
.faq-r-box::-webkit-scrollbar {
  width: 8px;
 
}

/* Track */
.faq-r-box::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.faq-r-box::-webkit-scrollbar-thumb {
  background: #670000; 
}

/* Handle on hover */
.faq-r-box::-webkit-scrollbar-thumb:hover {
  background: #555; 
}


/* custome css end*/

.faq-r-box .accordion {
  background-color: transparent;
  color: #fff;
  cursor: pointer;
  padding: 12px 5px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 22px;
  transition: 0.4s;
  border-bottom: 2px solid #670000;
  font-family: 'blockberthold';
}

.faq-r-box .panel {
	padding: 0 5px;
	display: none;
	overflow: hidden;
	color: #670000;
	font-family: 'Futura-Medium';
	font-size: 16px;
	line-height: 120%;
}

.faq-r-box .accordion img {
    width: 100px;
}

.faq-r-box .accordion:after {
  content: '\002B';
  color: #670000;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.faq-r-box .active:after {
  content: "\2212";
}

.uk-cheezit-festival-registration .gigya-screen.v2  .gigya-composite-control .gigya-input-text,
.uk-cheezit-festival-login .gigya-screen.v2  .gigya-composite-control .gigya-input-text
{
    margin: 0 0 5px;
    width: 380px;
    height: 35px;
    line-height: 35px;
    max-width: 100%;
    padding: 0 20px;
    border-radius: 50cm;
    background-color: transparent;
    border: 2px solid #670000;
}

.uk-cheezit-festival-registration .gigya-screen-content .gigya-composite-control label.gigya-label,
.uk-cheezit-festival-login .gigya-screen-content .gigya-composite-control label.gigya-label
{
    display: block;
    width: 100%;
}

body .kfr-signup-form .privacy-reg .gigya-checkbox-container > label {
    margin-left: 5px !important;
}

body .kfr-signup-form .tnc-reg .gigya-checkbox-container > label {
    margin-left: 5px !important;
}

.uk-cheezit-festival-registration .gigya-screen.v2 .gigya-composite-control .gigya-input-password,
.uk-cheezit-festival-login .gigya-screen.v2 .gigya-composite-control .gigya-input-password
{
    margin: 0 0 5px;
    width: 380px;
    height: 35px;
    line-height: 35px;
    max-width: 100%;
    padding: 0 20px;
    border-radius: 50cm;
    background-color: transparent;
    border: 2px solid #670000;
}

.uk-cheezit-festival-registration .gigya-screen-content .gigya-composite-control.gigya-composite-control-password {
    position: relative;
}

.uk-cheezit-festival-registration .gigya-screen.v2 .gigya-composite-control select {
     margin: 0 0 5px;
     width: 380px;
     height: 35px;
     line-height: 35px;
     max-width: 100%;
     padding: 0 20px;
     border-radius: 50cm;
     background-color: transparent;
     border: 2px solid #670000;
}

#register-site-login div.gigya-composite-control.gigya-composite-control-checkbox.privacy-reg, #register-site-login div.gigya-composite-control.gigya-composite-control-checkbox.privacy-reg > div {
    margin: 0 !important;
}

.uk-cheezit-festival-registration .registration-v6:after,
.uk-cheezit-festival-login .registration-v6:after
{
    position: absolute;
    content: "";
    background-image: url(/content/dam/global/promotions/uk-cheezit-music-festival/en/images/img-1.png);
    z-index: 22;
    right: 0;
    background-size: 550px auto;
    background-repeat: no-repeat;
    width: 550px;
    height: 380px;
    top: 8%;
}

.footer-layer-3 {
    padding: 0 0 10px;
}

.uk-cheezit-festival-tandc .faq-container > div.faq-r {
    padding-left: 4%;
}

.uk-cheezit-festival-tandc .faq-r-box {
    overflow: visible;
    max-height: 100%;
}

.uk-cheezit-festival-tandc .faq-r-box .panel {
    max-height: 180px;
    overflow-y: auto;
    margin: 20px 0;
}


/* width */
.uk-cheezit-festival-tandc .faq-r-box .panel::-webkit-scrollbar {
  width: 8px;
 
}

/* Track */
.uk-cheezit-festival-tandc .faq-r-box .panel::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.uk-cheezit-festival-tandc .faq-r-box .panel::-webkit-scrollbar-thumb {
  background: #670000; 
}

/* Handle on hover */
.uk-cheezit-festival-tandc .faq-r-box .panel::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.gigya-composite-control.gigya-composite-control-link[data-switch-screen="gigya-forgot-password-screen"] {
    width: 380px !important;
    max-width: 100%;
    display: block !important;
    margin-bottom: 55px;
}

#gigya-register-screen {
    padding: 0;
    margin: 0;
    max-width: 100%;
}

body #gigya-forgot-password-screen {
    max-width: 100%;
    padding: 0;
    margin: 0;
}

body .gigya-screen.portrait {
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.gigya-screen.v2 h2.gigya-composite-control {
    font-family: 'blockberthold';
    text-align: left;
}

.uk-pringles-registration .uk-pringles-login-p {
    color: #670000;
    font-family: 'Futura-Medium';
    display: block;
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 115%;
    width: 380px;
    max-width: 100%;
    text-transform: none;
    text-shadow: none;
    font-weight: normal;
}

.uk-pringles-registration .uk-pringles-login-p a {
    color: #670000;
}

.gigya-screen .uk-pringles-login-p a {
    color: #670000;
    text-decoration: underline;
}

.uk-pringles-registration h1 {
    margin: 5px 0;
    font-size: 50px;
    line-height: 120%;
}

.cheeze-it-head-content {
    background: #cd2026;
    position: relative;
}

.cheeze-it-head-container {
    position: absolute;
    left: 90px;
    z-index: 22;
    bottom: 178px;
    width: 300px;
}

.cheeze-it-head-cont1 {
    color: #fff;
    font-family: 'Futura-Medium';
    font-size: 20px;
    line-height: 115%;
}

.cheeze-it-head-cont2 {
    font-family: 'blockberthold';
    color: #fff;
    font-size: 30px;
    padding: 12px 0;
}

.cheeze-it-head-contbtn > div {
    display: inline-block;
    padding: 0 5px 0 0;
}

.faq-container > div:last-child {}

.faq-r-box .accordion:nth-child(3) {
    border-bottom: none;
}

.input-tandc-agree-content {
    font-family: 'Futura-Medium';
    font-size: 16px;
    line-height: 120%;
    color: #670000;
}

.swal2-container.swal2-center.swal2-backdrop-show {
    background: rgba(118, 17, 46, 0.8) !important;
}

.footer-layer-1 p {
    color: #fff;
    margin: 0;
    padding: 5px 0;
    font-family: 'trebuc';
}

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

.login-rnr-class h2 {
    color: #fff;
    width: 32%;
    margin: 0 auto;
    text-align: left;
    max-width: 100%;
    font-family: 'Pinup';
    padding: 10px 0;
}

.home .KSTL-Registration .ng-form label {
    display: block;
    max-width: 360px;
    font-weight: bold;
    line-height: 1.4;
    font-size: 13px;
    font-family: 'trebuc';
}

.form-group > div label {
    color: #fff;
}

div#KSTL-Registration-wrapper-CountryAdditionalLabel {
    color: #fff;
}

div#KSTL-Registration-wrapper-CountryAdditionalLabel a {
    color: #fff;
}

div#KSTL-Registration-wrapper-TermsandconditionPrivacyCombo {
    color: #fff;
    font-size: 13px;
    line-height: 120%;
}

div#KSTL-Registration-wrapper-TermsandconditionPrivacyCombo a {
    color: #fff;
}

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

.home > div h1 {
    margin: 0 auto;
    width: 800px;
    max-width: 100%;
    text-align: left;
    font-family: 'Pinup';
    color: #fff;
    font-size: 2em;
    line-height: 120%;
    padding: 20px 0 15px;
}

.home > div p {
    margin: 0 auto;
    width: 800px;
    max-width: 100%;
    text-align: left;
    color: #fff;
    font-size: 13px;
    line-height: 120%;
    padding: 0 0 20px;
    font-family: 'avenir-bold';
}

.home > div p a {
    color: #fff;
}

.common-markup {
    color: #fff;
    margin: 0 auto;
    width: 800px;
    max-width: 100%;
}

.receipt-upload-cont1 {
    text-align: center;
    padding: 0;
    color: #fff;
    width: 230px;
    margin: 0 auto;
    font-family: 'avenir-bold';
    text-transform: uppercase;
    font-size: 16px;
}

.receipt-upload-cont2 {
    font-size: 14px;
    line-height: 120%;
    text-align: center;
    font-family: 'avenir-bold';
    color: #fff;
    width: 250px;
    max-width: 100%;
    margin: 0 auto;
    padding: 15px 0 30px;
}

.textsubmitBtn {
    text-align: center;
    padding: 20px 0 20px;
}

.footer > div ul {
    margin: 0;
    padding: 2% 0 0;
}

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





#KSTL-Registration-wrapper-LastName, #KSTL-Registration-wrapper-UserName, #KSTL-Registration-wrapper-BirthDate {
    position: relative;
}
 
#KSTL-Registration-wrapper-LastName:after, 
#KSTL-Registration-wrapper-UserName:after,
#KSTL-Registration-wrapper-BirthDate:after
 {
    position: absolute;
    color: #fff;
    font-family: 'trebuc';
    font-size: 13px;
    text-align: left;
    top: 0;
    left: 0;
}
 
#KSTL-Registration-wrapper-LastName:after {
    content: "*Nachname";
}

#KSTL-Registration-wrapper-UserName:after {
    content: "*E-mail";
}

#KSTL-Registration-wrapper-BirthDate:after {
    content: "*Geburtsdatum(tt.mm.jjjj)";
}
 
#KSTL-Registration-wrapper-LastName label, #KSTL-Registration-wrapper-UserName label, #KSTL-Registration-wrapper-BirthDate label {
    text-indent: -9999px;
}

#KSTL-Registration-wrapper-ContinueButton1 button {
    position: relative;
    width: 150px;
}

#KSTL-Registration-wrapper-ContinueButton1 button span {
    text-indent: -9999px;
}

#KSTL-Registration-wrapper-ContinueButton1 button:after {
    position: absolute;
    color: #000;
    content: "NÄCHSTE SEITE";
    text-transform: uppercase;
    font-family: 'trebuc';
    font-size: 13px;
    text-align: left;
    top: 50%;
    left: 52%;
    transform: translate(-50%,-50%);
    width: 110px;
}

#KSTL-Registration-wrapper-PrivacyPolicy a {
    color: #fff;
}

div#receipt-success-cont1 {
    font-family: 'Pinup';
    text-align: left;
    color: #fff;
    width: 33%;
    max-width: 100%;
    margin: 0 auto;
    font-size: 25px;
    padding: 30px 0 0;
    line-height: 120%;
    display: none;
}

.textsubmitBtn #upload-submit {
    font-family: 'avenir-bold';
    font-size: 16px;
    border-radius: 50cm;
    width: 150px;
    display: inline-block;
    font-weight: normal;
    border: 1px solid #fff;
    color: #000;
}

.textsubmitBtn {
    text-align: center;
}

.textsubmitBtn #upload-submit:hover {
    opacity: 0.8;
}

#FilesList .pip img {
    width: 80%;
    display: inline-block;
}

#FilesList {
    text-align: center;
}
/*regv7*/
.simple-signup>.simple-signup{
    color: #000;
    background-color: #fff;
    border-radius: 0.25rem;
    box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.05);
}
.rv7-simple-page1-heading{
    font-size: 2.5em;
}
.simple-signup-section h2{
    font-size: 2em;
}
.simple-signup,
form input[type="checkbox"]:not(:checked), 
form input[type="checkbox"]:checked{
    position: static !important;
}
form input[type="checkbox"]:not(:checked), 
form input[type="checkbox"]:checked{
    float: left;
}
.simple-signup input, .simple-signup textarea, .simple-signup select{
    max-width: 100% !important;
    width: 100%;
    height: 38px;
    border: 1px solid #000;
}
.simple-signup-body {
    padding: 0;
}
.form-control-label{
    font-weight: normal!important;
}
.rv7-button{
    border: none !important;
    border-radius: 0 !important;
}
.simple-signup-error-form{
    color: var(--error);
}
.rv7-promo-thankyou{
    text-align: center !important;
}
.simple-signup .label-after {
    margin-left: 0 !important;
    width: 100%;
}
.privacypolicy span{
    color: #000;
}
.signup-privacypolicy-input{
    margin-right: 10px;
    width: 30px !important;
}
.signup-button{
    text-align: center;
}
.rv7-generic-error-container{
    text-align: center;
}
.simple-signup select{
 width: 100%;
}
.rv7-consent-text, .rv7-consent-text p:last-child {
    margin-bottom: 0 !important;
    color: #000;
}
.rv7-button{
    background-color: #b51946 !important;
    padding: 12px 20px !important;
}
.rv7-button:hover{
    color: #fff;
}
.simple-signup-reg-recaptcha iframe {
    margin: 0;
}
@media only screen and (max-width: 575px) {
    .simple-signup>.simple-signup{
        width: calc(100% - 60px) !important;
    }
}
.rv7-signup-cookies h1{
    color: #000 !important;
    padding: 0 !important;
    margin: 0 !important;
}
 .rv7-signup-cookie-desc{
    color: #000 !important;
    padding: 20px 0 !important;
    margin: 0 !important;
 }

/*new change */


.sp-banner-header {
    padding: 20px 0 0;
    text-align: center;
}
 
.home > div  .sp-text-1 p {
    padding: 10px 0;
    text-align: center;
    width: 550px;
    font-size: 20px;
    line-height: 120%;
}
 
.home > div .sp-text-2 p {
    font-size: 15px;
    text-align: center;
    font-size: 22px;
    padding: 50px 0 0;
}
 
.sp-image-wrap img {
    width: auto;
}

.sp-gallery-item:last-child {
    width: 35%;
}
 
.sp-gallery-item {
    display: inline-block;
    width: 20%;
    padding: 0 2%;
}

.home > div .sp-text-3 p {
    padding: 0 0 30px;
    text-align: center;
    font-size: 14px;
}

.sb-error-page {
    padding: 4% 0;
}

#sp-receipt-header p {
    text-align: center;
    font-size: 22px;
    line-height: 120%;
    padding: 0;
}

.sp-image-title {
    padding: 10px 0 0;
    font-family: 'avenir-bold';
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    text-align: center;
    font-size: 16px;
    line-height: 120%;
}

.sp-image-wrap {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
 
.sp-footer-links {
    text-align: center;
}
 
.sp-footer-links li {
    list-style: none;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    padding: 0 2px;
    position: relative;
    cursor: pointer;
}

.sp-footer-links li:after {
    position: absolute;
    content: "";
    right: -3px;
    top: 2px;
    width: 2px;
    height: 12px;
    background: #fff;
}

.home .rv7-welcome-container h1 {
    border: none;
    padding: 0;
    width: 800px;
    max-width: 100%;
}

.home .rv7-welcome-container p {
    width: 800px;
    max-width: 100%;
}

.home > div .sp-footer-1 p {
    padding: 0 0 15px;
    width: 900px;
    max-width: 100%;
}
 
.sp-footer-links li a {
    color: #fff;
    text-decoration: none;
    font-family: 'avenir-bold';
}

.rv7-thankyou h2 {
	color: #fff;
    font-family: 'avenir-bold';
}

.rv7-thankyou #thankyou-continue {
	background: #fff !important;
    color: #000;
    border-radius: 50cm !important;
    font-family: 'avenir-bold';
}

.signup-error-field, .rv7-error-field, .twofa-form-errors, .simple-signup-error-form, .survey-error-field {
    color: #fff200 !important;
    font-family: 'avenir-regular';
    font-size: 12px;
}

.home > div .sp-footer-2 p.foot-cont-2 {
    padding: 0;
}
 
.home > div .sp-footer-2 p {
    padding: 0;
    font-family: 'avenir-regular';
    width: 900px;
    max-width: 100%;
    margin: 0 auto;
}

.sp-footer-triangle {
	position: relative;
    padding-left: 10px;
}

.sp-footer-triangle-2 {
	position: relative;
    padding-left: 16px;
}

.sp-footer-2 .sp-footer-triangle:before {
    position: absolute;
    content: "";
    border-left: 3px solid transparent;
    border-bottom: 6px solid #fff;
    border-right: 3px solid transparent;
    padding-top: 6px;
    left: 0;
}

.sp-footer-2 .sp-footer-triangle-2:before {
    position: absolute;
    content: "";
    border-left: 3px solid transparent;
    border-bottom: 6px solid #fff;
    border-right: 3px solid transparent;
    padding-top: 6px;
    left: 0;
}

.sp-footer-2 .sp-footer-triangle-2:after {
    position: absolute;
    content: "";
    border-left: 3px solid transparent;
    border-bottom: 6px solid #fff;
    border-right: 3px solid transparent;
    padding-top: 6px;
    left: 6px;
}

.sb-rc-upload-footer-2 {
    text-align: center;
    color: #fff;
    font-size: 14px;
    max-width: 100%;
}

.sb-rc-upload-footer-2 a {
    color: #fff;
}


.sb-rc-upload-footer-2 .sp-footer-1 {
    width: 850px;
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
    font-size: 13px;
    font-family: 'avenir-bold';
}

.sb-rc-upload-footer-2 .sp-footer-2 {
    width: 850px;
    margin: 0 auto;
    max-width: 100%;
    text-align: left;
    font-size: 13px;
    font-family: 'avenir-regular';
}

.sb-welcome .rv7-welcome-container form {
    margin: 0 auto;
    width: 800px;
    max-width: 100%;
}

.sb-welcome .rv7-welcome-container form label.form-control__label {
    color: #fff;
    font-family: 'avenir-bold';
}

#welcome-requiredTerms .rv7-consent-text, #welcome-requiredTerms span, #welcome-requiredTerms a {
    font-family: 'avenir-regular';
    color: #fff;
    font-size: 12px;
}

.home .registration-v7 {
    margin-bottom: 0;
    width: 800px;
    max-width: 100%;
}

.sb-welcome .rv7-welcome-container form button.rv7-button {
    background: #fff !important;
    color: #000;
    border-radius: 50cm !important;
    font-family: 'avenir-bold';
}

.sb-thank-you-success {
    color: #fff;
    font-family: 'avenir-bold';
    font-size: 22px;
    line-height: 120%;
    padding: 4% 2% 7%;
    text-align: center;
}

#twofa-2fa-form-rv7 h2 {
    font-family: 'avenir-bold';
    color: #fff;
    font-size: 26px;
    line-height: 120%;
    border: none;
    padding: 0;
    margin: 0;
}

#twofa-2fa-form-rv7 .twofa-description {
    padding: 10px 0;
    width: 100%;
    margin: 0;
}

#twofa-2fa-form-rv7 fieldset {
    padding: 10px 0;
    border: none;
    color: #fff;
}

#twofa-2fa-form-rv7 fieldset label {
    color: #fff;
    font-size: 13px;
    line-height: 120%;
    font-family: 'avenir-regular';
}

.sp-text-1 p {
    position: relative;
}

.sp-text-1 p:after {
    position: absolute;
    content: "";
    border-left: 3px solid transparent;
    border-bottom: 6px solid #fff;
    border-right: 3px solid transparent;
    padding-top: 3px;
}

#twofa-2fa-form-rv7  #twofa-step1a-submit, #twofa-step1b-submit, #twofa-step1c-submit {
    background: #fff !important;
    color: #000;
    font-family: 'avenir-bold';
    border-radius: 50cm !important;
    margin: 0;
}

h2.rv7-heading-1 {
    font-family: 'avenir-bold';
    color: #fff;
    font-size: 30px;
    border: none;
    padding: 0 0 20px;
    margin: 0;
}

.rv7-consent-text, .rv7-consent-text a {
    font-size: 12px;
    color: #fff;
    font-family: 'avenir-regular';
    line-height: 120%;
}

.home label.form-control__label {
    font-family: 'avenir-bold';
    color: #fff;
    font-size: 22px;
    line-height: 120%;
}

.rv7-button {
    background: #fff !important;
    color: #000 !important;
    font-family: 'avenir-bold';
    border-radius: 5px !important;
    margin: 0;
}

.home .twofa-otp-container p {
    text-align: left;
    margin: 0;
}

.twofa-success-message {
    font-family: 'avenir-regular';
    font-size: 12px;
    padding: 5px 0;
}

button#twofa-step1b-start-over, #twofa-step1c-resend-code, #twofa-step1c-start-over {
    color: #fff !important;
    font-family: 'avenir-regular';
    margin: 0;
}

.rv7-welcome-container form {
    width: 800px;
    max-width: 100%;
}

.home .rv7-welcome-container {
    padding: 0;
}

.sp-footer-links li:nth-child(5):after {
    display: none;
}

.sp-footer-links li:nth-child(5):after {
    display: none;
}

.rv7-error-field {
    color: #fff200;
}

.home .registration-v7 label {
    max-width: 100%;
    width: 100%;
}

.rv7-registration-container .subscription {
    padding: 0 !important;
}

.twofa-form-errors {
	color: #fff200;
}

#twofa-step1c-submit {
    margin-top: 10px;
}

.sp-footer-2 p.foot-cont-1 {
    margin: 0;
}

.sp-footer-2 p.foot-cont-2 {
    margin: 0;
}

#welcome-email .rv7-tooltip-icon {
    display: none;
}

.sb-bowl-footer-mandat {
    padding: 0 0 15px;
    width: 900px;
    max-width: 100%;
    margin: 0 auto;
    color: #fff;
    font-family: 'avenir-regular';
    font-size: 14px;
    line-height: 120%;
    position: relative;
    top: -75px;
    left: 50px;
}