.kfrMicrositeNav {
    display: none;
}

.hideLoggedIn,
.hideLoggedOut {
    display: none;
}

header#header {
    height: auto;
    background: transparent;
    border: none;
    position: relative;
}

header#header>.info {
    display: none;
}

a.button-width-auto {
    width: auto;
}

header#header {
    height: auto;
}

a.button-width-auto {
    width: auto;
}

.content-bucket a.btn_responsive1 {
    background: #fff;
    color: #000000 !important;
    width: 100%;
    padding: 0 25px;
    border-radius: 6px;
    border: 1px solid #000000;
}

.btn_responsive1 {
    display: inline-block;
    width: 200px;
    height: 50px;
    border: 2px solid #fff;
    text-decoration: none;
    font-size: 2.2rem;
    color: #fff;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
}

a.btn_responsive:hover {
    background: #C91530;
}

header#header {
    height: auto;
}

a.link {
    color: #DA3653;
}

header#header {
    height: auto;
}

.header-strip {
    background: #606167;
    margin-top: -2px;
}

.header-strip h1 {
    font-size: 16px;
    line-height: 28px;
    /* font-family: AvenirNextLTPro-Bold; */
    font-weight: 400;
    letter-spacing: 0.5px;
    margin: 0;
    color: #FFFFFF;
    font-family: 'BarlowSemiCondensed-Bold';
}

.header-strip p {
    font-size: 13px;
}

@media (min-width:1200px) and (max-width:1280px) {
    .content {
        max-width: 1190px;
    }
    body.sorry div.desk-five-eighths {
        width: 70%;
    }
}

@media (min-width:1024px) {
    .microsite-QR-context .buttons a.btn_responsive {
        min-width: 173px;
        width: auto;
    }
    body.thanks div.desk-seven-twelfths {
        width: 63.8%;
    }
}

@media (max-width:600px) {
    .content {
        padding: 0 15px;
    }
    .block-elem {
        display: block;
    }
    .hidden-small {
        display: none;
    }
    footer .p-12,
    footer .p-12 a {
        font-size: 1.3rem;
        line-height: 1.3;
    }
    .info {
        border-top-width: 2px;
        display: inline-block;
        margin: 0px 15px;
    }
    body.upload-receipt .info {
        margin: 0px 25px 20px 25px;
    }
    body.upload-receipt .get-exclusive.gear5-context h3.p-26 {
        font-size: 20px;
    }
}

.upload-receipt {
    max-width: none;
}

.content {
    top: 0;
}

.IE-img {
    display: none;
}

/* -- IE only -- */

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .IE-img {
        display: block;
    }
    .mob-img {
        display: none;
    }
}

/*footer css */

.Arial-Bold {
    font-family: Arial;
    font-weight: bold;
}

.Arial-Regular {
    font-family: Arial;
}

.microsite-QR-coming-soon-footer {
    /* border-top: 3px solid #000000; */
    margin-bottom: 0;
    margin-bottom: 0;
    padding-left: 180px;
    padding-right: 180px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.col.s12.m12.ftr-cnt.text-center.Arial-Regular {
    padding: 0;
}

.microsite-QR-coming-soon-footer .content {
    margin-bottom: 0;
 
}

.microsite-QR-coming-soon-footer .content p {
    padding: 0 15px;
    line-height: 20px;
    padding: 0 5px 10px 5px;
    font-family: BarlowSemiCondensed-MediumItalic;
    font-size: 16px;
}

.microsite-QR-coming-soon-footer .content a {
    font-family: inherit;
    font-size: inherit;
}

.backToTop {
    display: none!important;
}

/* sorry and agegate css start */

.microsite-QR-cta {
    margin: 0 auto 30px;
}

a.link.thanks-link {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}

.thankyou-subtext {
    padding-top: 10px;
}

.thanks_after_strip_text br {
    display: none;
}

.text-center.margin-auto.thanks_after_strip_text {
    padding: 0 10px;
}

@media (min-width: 601px) {
    .microsite-QR-coming-soon-text p {
        font-size: 20px;
        line-height: 24px;
    }
    .microsite-QR-coming-soon-text {
        margin-bottom: 60px;
    }
    .header-strip h1 {
        font-size: 28px;
        line-height: 35px;
    }
    .microsite-QR-tq-button {
        margin-right: 40px;
    }
    .microsite-QR-cta {
        margin: 0 auto 30px;
    }
}

.sorry_after_strip_text br {
    display: none;
}

.content-bucket p {
    margin-bottom: 0;
    color: #4C4C4C;
}

@media only screen and (max-width: 374px) {
    .microsite-QR-login,
    .microsite-QR-register {
        max-width: 108px;
    }
}

@media only screen and (min-width: 375px) {
    .microsite-QR-login,
    .microsite-QR-register {
        max-width: 135px;
    }
}

@media only screen and (min-width: 600px) and (max-width: 991px) {
    .content.clear-none.row.marginBottom-0.microsite-QR-context .row {
        padding: 0 30px;
    }
}


/* --------------- Upload receipt bussiness box css start--------- */

.business-box.receipt-upload {
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
}

.business-box.receipt-upload a:not(.btn_responsive) {
    font-size: inherit;
}

.business-box.receipt-upload h2,
.business-box.receipt-upload h1.smaller,
.business-box.receipt-upload h3,
.business-box.receipt-upload h4,
.business-box.receipt-upload h5 {
    color: #f00011;
}

.business-box.receipt-upload p.error {
    color: #fea324 !important;
}

.logged-out,
.logged-in {
    display: none;
}

.upload-receipt .logged-in {
    display: block;
}

.business-box.receipt-upload h2 {
    margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
    .business-box.receipt-upload h2 {
        margin-bottom: 20px;
    }
}

.join-now .xbox-coming-soon-heading {
    margin-top: -1rem;
    margin-bottom: 1rem;
}

a.link.faqs {
    border: none;
    text-decoration: underline;
    margin-bottom: 0;
}


/* --------------- Upload receipt bussiness box css end---------*/


/* coming soon fixes start */

.cta a {
    font-size: 20px;
    max-width: 328px;
    border: none;
    color: #FFFFFF! important;
    background-color:#C91530;
    height: auto;
}

.critcom {
    margin-top: 0;
    margin-bottom: 0;
}

.col.s12.header-strip {
    padding-top: 25px;
    padding-bottom: 25px;
}
.spktmug-strip.AvenirNextLTPro-Bold .AvenirNextLTPro-Medium br{
    display: none;
}
@media (max-width: 600px) {
    .col.s12.header-strip {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .content.clear-none.row.marginBottom-0.thank-you-text p br {
        display: none;
    }
    .spktmug-strip.AvenirNextLTPro-Bold .AvenirNextLTPro-Medium br{
        display: block;
    }
}


/* coming soon fixes  end */


/* landing css start */

@media (max-width: 600px) {
    .col.s12.m4.microsite-QR-take {
        padding-top: 20px;
    }
    .col.s12.m4.microsite-QR-get {
        padding-top: 20px;
    }
    .block-elem {
        display: block;
    }
    .hidden-small {
        display: none;
    }
    p {
        font-size: 1.4rem;
        line-height: 130%;
    }
    .or {
        display: block;
        padding-bottom: 20px;
        text-align: center;
    }
}

@media (min-width: 992px) {
    .col.s12.m4.microsite-QR-take {
        padding-right: 20px;
        padding-left: 0;
    }
    .col.s12.m4.microsite-QR-buy {
        padding-right: 33px;
        padding-left: 0;
    }
    .col.s12.m4.microsite-QR-get {
        padding-left: 25px;
    }
    .sorry_after_strip_text br {
        display: block;
    }
    .thanks_after_strip_text br {
        display: block;
    }
}

.microsite-QR-context h2 {
    color: black;
    font-size: 32px;
}

.content.clear-none.row.marginBottom-0.microsite-QR-context {
    padding-bottom: 5px;
    /* padding: 0 30px; */
}

@media(min-width: 601px) {
    h1 br {
        /* display: none; */
    }
}
/* landing css end */

/* thank you page  css start */
.p-14 {
    font-size: 14px;
}

.microsite-QR-strip {
    background: #1D1F55;
    color: #ffffff;
    /* border-top: 2px solid #C91530;
    border-bottom: 2px solid #C91530; */
}

@media (min-width:601px) {
    .upload-aother-button {
        margin-right: 10px;
    }
}
/* thank you page  css end */

@media (min-width: 320px) and (max-width: 991px) {
    .p-20.AvenirNextLTPro-Medium br {
        display: none;
    }   
}

.thankyou-page-offlR-link {
    border-bottom: 1px solid #4C4C4C;
}

/*footer mobile view fix css-starts*/

@media (max-width: 767px)and (orientation:portrait) {
    a.p-12.microsite-QR-swig {
        margin-right: 10px;
        display: block;
        border-bottom: 1px solid #fff;
    }
    a.p-12.microsite-QR-swig.no-margin {
        margin-bottom: 10px;
    }
    }
/*footer mobile view fix css-ends*/  
    
/* Surya */
@media (max-width: 991px){
    .thankyou-text br{
        display: none;
    }
}
@media (max-width: 414px) and (min-width: 320px){
.upload-another-receipt {	
margin-left: 10px;
}
}

/* login/reg css*/
header:after {
    margin-bottom: -1px
}
#myaccount-v6 .KSTL-Registration .pod, #registration-v6 .KSTL-Registration .pod {
    border : none;
}
body.join-now #microsite_content:after, body.login #microsite_content:after {
    background: #462E8D !important;
    color: #FFFFFF;
}
body.join-now.en_US #microsite_content:after {
    content: "Please Join Now to Participate";
}
body.join-now.es_US #microsite_content:after {
    content: "REGÍSTRATE AHORA PARA PARTICIPAR";
}
body.login.es_US #microsite_content:after {
    content: "INICIA SESIÓN PARA PARTICIPAR";
}
/*Landing page fix*/
/*language switch link css start */
.language-switch-link a {
    color: #ffffff;
    font-size: 16px;
    line-height: 20px;
    float: right;
    margin-bottom: 0;
    text-decoration: none;
    outline: none;
    border: none;
    padding-top: 5px;
}

.language-switch-link {
    background: #F7941D;
    width: 100%;
    padding: 10px 14px 15px;
    width: 100%;
    /* border-bottom: 5px solid #FFFFFF; */
}

@media(min-width: 601px) {
    .language-switch-link {
        padding: 10px 40px 15px;
    }
}
/*language switch link css end */
@media only screen and (max-width:1112px){
p.p-18.AvenirNextLTPro-Medium.sp-buy br{
    display:none;
}
}
h2.AvenirNextLTPro-Bold.headingText.caps.marginBottom-0{
    color: #000000;
    font-size: 36px;
}
/* added */
.microsite-QR-header-image {
    padding: 0;
	    position: relative;

    /* border-bottom: 5px solid #FFFFFF; */
}

.microsite-QR-header-image img.microsite-QR-header-banner-mobile {
    display: block;
}

.microsite-QR-header-image img.microsite-QR-header-banner {
    display: none;
    padding-top: 0px;
}

@media (min-width: 600px) {
    .microsite-QR-header-image img.microsite-QR-header-banner-mobile {
        display: none;
    }
    .microsite-QR-header-image img.microsite-QR-header-banner {
        display: block;
    }
}
/* added */
.col.s12.m4.microsite-QR-get br{
    display: none;
}

@media only screen and (min-width: 1280px) {
    .col.s12.m4.microsite-QR-get br{
        display: block;
    }
}

@media (max-width: 1920px) and (min-width: 1024px){
		footer p br{
    		display: block !important;
	}
}
@media (max-width: 1024px) and (min-width: 320px){
		footer p br{
    		display: none !important;
	}
}
@media (max-width: 1920px) and (min-width: 600px){
	.thank-you-btn-eng{
		margin-right:10px;
	}
}
.microsite-QR-language{
    background: #1D1F55;
}
.microsite-QR-header .header-strip {
    background : #c00144;
}
p.banner-sub-heading {
    position: absolute;
    width: 500px;
    text-align: center;
    color: #c00144;
    left: 50%;
    right: auto;
    top: 63%;
    margin-left: -245px;
    padding: 15px;
    bottom: auto;
    font-size: 15px;
    font-family: 'BarlowSemiCondensed-Medium';
}
.fixe-footer-QR {
    bottom: 0;
    width: 100%;
    text-align: center;
    padding-bottom: 0;
    margin-bottom: 0;
}
.fixe-footer-QR p a {
    color: white;
    text-decoration: none;
    font-size: 25px;
    font-family: 'BarlowSemiCondensed-Medium';
}
span.footer-line {
    color: white;
    padding-left: 10px;
    padding-right: 15px;
}
#ip2 {
    border-radius: 25px;
    border: 2px solid #609;
    padding: 20px; 
    width: 200px;
    height: 15px;    
}
#email, #conf-email {
    border-radius: 25px;
    border: none;
    padding: 20px;
    width: 500px;
    height: 15px;
    font-family: 'BarlowSemiCondensed-Bold';
    padding: 27px;
}
#last {
    border-radius: 25px;
    border: none;
    padding: 20px;
    width: 230px;
    height: 15px;
    font-family: 'BarlowSemiCondensed-Bold';
    padding: 27px;
}
#first {
    border-radius: 25px;
    border: none;
    padding: 20px;
    width: 240px;
    height: 15px;
    font-family: 'BarlowSemiCondensed-Bold';
    padding: 27px;
    float: left;
}
input.email {
    margin-bottom: 0;
    display: inline-block;
}
.form-control{
	border-radius: 25px !important;
	border: none;
	padding: 5px;
	width: 100px;
	font-family: 'BarlowSemiCondensed-Bold';
	outline: none;
	height: 45px;
	text-align: center;
	border: 0 !important;
}
.microsite-QR-input{
	width:500px;
	margin-top: 30px;
}
p.dob-section {
    float: left;
    clear: both;
}

h2.dob-txt {
    float: left;
    color: #c00144;
    font-size: 26px;
    /* font-weight: 700; */
    margin-top: 20px;
    margin-bottom: 20px;
    /* font-family: 'BarlowSemiCondensed-Medium'; */
    font-family: 'BarlowSemiCondensed-Bold';
    clear: both;
}

input#mm {
    margin-right: 10px;
	text-align: center;
}

input#dd {
    margin-right: 10px;
	text-align: center;
}
input#yy{ 
	text-align: center;
	}
.form-check-box1 {
    float: left;
    padding-left: 30px;
    width: 400px;
    clear: both;
	 margin-top: 20px;
    margin-bottom: 20px;
}

.form-check-box2 {
    float: left;
    padding-left: 28px;
    width: 450px;
    clear: both;
    margin-bottom: 30px;
}
.rebort-chk{
	width: 304px;
    height: 78px;
    border: 1px solid;
    display: block;
    margin: 0 auto;
    clear: both;
}
.form-flex {
        display: flex;
        align-content: space-between;
        align-items: baseline;
        position: relative;
}

.dd-checker-content1, .dd-checker-content2 {
    font-size: 20px;
    text-align: left;
    font-family: 'BarlowSemiCondensed-Medium';
}
input#checkbox1, input#checkbox2 {
    height: 20px;
    width: 25px;
    margin-right: 5px;
    margin-top: 0px;
	position: relative;
    top: 3px;
}
input#checkbox2{
	 width: 110px;
	 margin-right: 4px;
}
.btn-section a.microsite-QR-btn{
	min-width: 160px;
	color: #ffffff!important;
	background: #c00144 0% 0% no-repeat padding-box;
	opacity: 1;
	border-radius: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: 'BarlowSemiCondensed-Bold';
	font-size: 22px;
	padding-top: 0px;
	letter-spacing: 1px;
	padding-bottom: 0px;
}
.error {
    display: block;
    padding-top: 10px;
    color: red;
    font-size: 24px;
    float: left;
    padding-bottom: 10px;
	font-family: 'BarlowSemiCondensed-Medium';
	padding-left: 30px;
}
.form_QR{
	margin: 0 auto;
}
span#checkbox1-error {
    top: 10px;
}
span#checkbox2-error {
    top: 90px;
}
.btn-section input#submit {
    border: 0;
    border-radius: 50px;
    background-color: #c00144;
	font-size: 26px !important;
}
.cooming-soon p.banner-sub-heading {
    font-size: 38px;
    font-family: 'BarlowSemiCondensed-Bold';
    width: auto;
    margin-left: -197px;
    top: 68%;
}
.line-1 {
    height: 1px;
    background: #c00144;
    display: inline-block;
    width: 300px;
    margin-top: 10px;
    margin-bottom: 7px;
}
.landing-page-heading{
			display: inline-block;
			font-size: 15px;
			margin-bottom: 0px;
	}
.landing-page-sub{
		font-size: 15px;
		line-height: 1;
	}

@media only screen and (max-width: 600px){
    .microsite-QR-input {
        width: 95%;
    }
    #email, #conf-email{
        width: 100%;
    }
    .form-check-box2{
         width: 90%;
         padding-left: 6%;
    }   
	 .form-check-box1{
         width: 90%;
		 padding-left: 5%;
    }   
	span.footer-line{
		display:none;
	}
	.fixe-footer-QR p a{
		display:
		block;
		font-size: 20px;
	}	
	.fixe-footer-QR p a:last-child {
		margin-bottom: 0;
	}
	section.microsite-QR-header .header-strip h1 br {
		display: none;
	}
	p.banner-sub-heading{
		width: 43%;
		margin-left: -81px;
		font-size: 8px;
		top: 45%;
		padding: 7px;
	}
	.microsite-QR-coming-soon-footer {
		padding-left: 0;
		padding-right: 0;
	}
	h2.dob-txt{
		font-size:20px;
	}
	input#checkbox2 {
	    width: 110px;
	    margin-right: 10px;
	}
	#mm, #dd, #yy{
		padding: 12px;
		width: 85px;
	}
	span#checkbox2-error {
		position: absolute;
		bottom: 208px;
		top: auto;
	}
	.error{
		font-size: 17px;
	}
	.btn-section input#submit{
		font-size: 24px !important;
	}
	#last {
		width: 144px;
		}
	#first {
		width: 144px;
		}
	.cooming-soon p.banner-sub-heading {
		font-size: 17px;
		top: 68%;
		margin-left: -84px;
	}
	h1.text--center.caps.text--center.coming-soon {
		font-size: 12px;
	}
	.line-1 {
		height: 1px;
		background: #c00144;
		display: inline-block;
		width: 140px;
		margin-top: 3px;
		margin-bottom: 3px;
	}
	.landing-page-heading{
			display: inline-block;
			font-size: 7px;
			margin-bottom: 0px;
	}
	.landing-page-sub{
		font-size: 6px;
		line-height: 1;
	}
	p.banner-sub-heading br{
		display:none;
	}
}

.thankyou_pop_up {
    width: 500px;
    margin: 30px auto;
    background-color: #c00144;
    text-align: center;
    padding: 10px 20px 40px 20px; 
    font-size: 30px; 
    font-family: 'AvenirNextLTPro-Medium';
}

.thankyou_pop_up h3 {
    font-size: 24px !important;
    font-weight: bold;
    color: #ffffff;
    padding: 0;
    margin: 0;
}

.thankyou_pop_up_close {
    position: relative;
    right: -460px;
    top: -0px;
    width: 12px;
}

.content-bucket,
.contentBucket {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -5px;
    background-size: cover
}

@media (max-width: 2000px) and (min-width: 600px){
  span#last-error {
    padding-left: 100px;
}
}

@font-face {font-family: 'BarlowSemiCondensed-Bold';src: url('../../../../content/dam/kfr/promotions/microsites/rtec/fonts/BarlowSemiCondensed-Bold.ttf');}
@font-face {font-family: 'BarlowSemiCondensed-Italic';src: url('../../../../content/dam/kfr/promotions/microsites/rtec/fonts/BarlowSemiCondensed-Italic.ttf');}
@font-face {font-family: 'BarlowSemiCondensed-Medium';src: url('../../../../content/dam/kfr/promotions/microsites/rtec/fonts/BarlowSemiCondensed-Medium.ttf');}
@font-face {font-family: 'BarlowSemiCondensed-MediumItalic';src: url('../../../../content/dam/kfr/promotions/microsites/rtec/fonts/BarlowSemiCondensed-MediumItalic.ttf');}


.BarlowSemiCondensed-Bold {font-family: 'BarlowSemiCondensed-Bold';}
.BarlowSemiCondensed-Italic {font-family: 'BarlowSemiCondensed-Italic';}
.BarlowSemiCondensed-Medium {font-family: 'BarlowSemiCondensed-Medium';}
.BarlowSemiCondensed-MediumItalic {font-family: 'BarlowSemiCondensed-MediumItalic';}