/*** Logo size adjustment ***/
.layout_mainHeaderLeft{
       text-align:Left;
       width:100%;
}
.layout_logo { 
    border: 0;
   max-width: 100%;
  width:100%;
}

/* Next button color upon hover & focus */
.nextButton:focus, .nextButton:hover {
  background: #008dc8;
}

/* Back button color upon hover & focus */ .button_button_isSecondary:focus, .button_button_isSecondary:hover{
  background: #008dc8;
}

/*Progress bar background color */
.progressbar_progressBar {
    background-color: #ffffff;
}

/*Set background image padding*/
#survey .page-0 {
    position:
    relative;
    min-height: 100vh;
    padding-right: 520px;
    text-align: left;
}

/*Set background image(breakfast)*/
#survey .page-0:before{
content:"";
height: auto;
width: 100%;
background:url(https://feedback.kpmgcx.cloud/WebProd/Resources/Tesco/Images/Tesco_Shot7_Coffee_Range_r3_centralised.jpg);
background-position: right cente;
background-repeat: no-repeat;
background-size: contain;
position: relative;
}

/*Set receipt image*/
#survey .page-0 .questionBlock{position:relative;}
#survey .page-0 .questionBlock:before {
     content: "";
  z-index:1;
     position: absolute;
     height: 249px;
     width: 228px;
    background: url(https://feedback.kpmgcx.cloud/WebProd/Resources/Tesco/Images/cafe_receipt.png) no-repeat right top/cover;right: -49%;;top: 38%; 
     }

.top-text{font-size:20px;margin-top: 3px;color: #666666;margin-bottom: 25px;}
.collect-text{font-size: 16px;color:#00539f;line-height:1.4;font-weight:700;}
#survey .page-0 .questionCaption{font-size:20px;color:#666666;}
#survey .page-0 .question_questionTitle{padding-top: 35px;padding-bottom: 15px;}
#survey .page-0 .validation_validationBlock{line-height:1;}
#survey .page-0 .tescotext{font-size: 32px;color: #00539f;font-weight: bold;margin-top:40px;}
#survey .page-0 .questionBlock, #survey .page-0 .navigationButtons_navigationButtonsContainer{max-width: 70%;}

/* for Mobile */
.mobile-img-first{display:none;}

@media (max-width: 1399px){
  #survey .page-0 .questionBlock, #survey .page-0 .navigationButtons_navigationButtonsContainer{max-width: 60%;}
  #survey .page-0 .questionBlock:before {right: -65%;top: 30%;}
}

@media (max-width: 1199px){
.mobile-img-first{display:block;text-align:center;}
#survey .page-0 .questionBlock, #survey .page-0 .navigationButtons_navigationButtonsContainer{max-width:100%}
  #survey .page-0 .questionBlock:before {content:none;}
.mobile-img-first img{max-width:100%;}
#survey .page-0, #survey .page-0 #content > div, #survey .page-0 .navigationButtons_navigationButtonsContainer, #survey .page-0 .layout_footer{padding-right:0;}
#survey .page-0:before, #survey .page-0:after{content:none;}
}

/*** Logo size adjustment ***/
.layout_mainHeaderLeft{
       text-align:Left;
       width:100%;
}
.layout_logo { 
    border: 0;
   max-width: 100%;
  width:100%;
}

/* Next button color upon hover & focus */
.nextButton:focus, .nextButton:hover {
  background: #008dc8;
}

/* Back button color upon hover & focus */ .button_button_isSecondary:focus, .button_button_isSecondary:hover{
  background: #008dc8;
}

/*Progress bar background color */
.progressbar_progressBar {
    background-color: #ffffff;
}

/*Set background image padding*/
#survey .page-0 {
    position:
    relative;
    min-height: 100vh;
    padding-right: 520px;
    text-align: left;
}

/*Set background image(breakfast)*/
#survey .page-0:before{content:"";position:absolute;height:100%;width: 520px;background: url(https://feedback.kpmgcx.cloud/WebProd/Resources/Tesco/Images/Tesco_Shot7_Coffee_Range_r3_centralised.jpg) no-repeat right 50% top/cover;right:0;}



.top-text{font-size:20px;margin-top: 3px;color: #666666;margin-bottom: 25px;}
.collect-text{font-size: 16px;color:#00539f;line-height:1.4;font-weight:700;}
#survey .page-0 .questionCaption{font-size:20px;color:#666666;}
#survey .page-0 .question_questionTitle{padding-top: 35px;padding-bottom: 15px;}
#survey .page-0 .validation_validationBlock{line-height:1;}
#survey .page-0 .tescotext{font-size: 32px;color: #00539f;font-weight: bold;margin-top:40px;}
#survey .page-0 .questionBlock, #survey .page-0 .navigationButtons_navigationButtonsContainer{max-width: 70%;}

/* for Mobile */
.mobile-img-first{display:none;}

@media (max-width: 1399px){
  #survey .page-0 .questionBlock, #survey .page-0 .navigationButtons_navigationButtonsContainer{max-width: 60%;}
  #survey .page-0 .questionBlock:before {right: -65%;top: 30%;}
}

@media (max-width: 1199px){
.mobile-img-first{display:block;text-align:center;}
#survey .page-0 .questionBlock, #survey .page-0 .navigationButtons_navigationButtonsContainer{max-width:100%}
  #survey .page-0 .questionBlock:before {content:none;}
.mobile-img-first img{max-width:100%;}
#survey .page-0, #survey .page-0 #content > div, #survey .page-0 .navigationButtons_navigationButtonsContainer, #survey .page-0 .layout_footer{padding-right:0;}
#survey .page-0:before, #survey .page-0:after{content:none;}
}

@font-face {
  font-family: Tesco Modern;
src: url(https://feedback.kpmgcx.cloud/WebProd/Resources/Tesco/Fonts/TESCOModern-v1.2/TESCOModern-Regular-web.woff2) format('woff2');
  src: url(https://feedback.kpmgcx.cloud/WebProd/Resources/Tesco/Fonts/TESCOModern-v1.2/TESCOModern-Regular-web.woff) format('woff');
    src: url(https://feedback.kpmgcx.cloud/WebProd/Resources/Tesco/Fonts/TESCOModern-v1.2/TESCOModern-Regular-web.ttf) format('truetype');
  font-weight: 800;
  font-style: 'normal';
  font-display: 'swap';
}
@font-face {
  font-family: Tesco Modern;
src: url(https://feedback.kpmgcx.cloud/WebProd/Resources/Tesco/Fonts/TESCOModern-v1.2/TESCOModern-Regular-web.woff2) format('woff2');
  src: url(https://feedback.kpmgcx.cloud/WebProd/Resources/Tesco/Fonts/TESCOModern-v1.2/TESCOModern-Regular-web.woff) format('woff');
    src: url(https://feedback.kpmgcx.cloud/WebProd/Resources/Tesco/Fonts/TESCOModern-v1.2/TESCOModern-Regular-web.ttf) format('truetype');
  font-weight: 400;
  font-style: 'normal';
  font-display: 'swap';
}
@font-face {
  font-family: Tesco Modern;
src: url(https://feedback.kpmgcx.cloud/WebProd/Resources/Tesco/Fonts/TESCOModern-v1.2/TESCOModern-Regular-web.woff2) format('woff2');
  src: url(https://feedback.kpmgcx.cloud/WebProd/Resources/Tesco/Fonts/TESCOModern-v1.2/TESCOModern-Regular-web.woff) format('woff');
    src: url(https://feedback.kpmgcx.cloud/WebProd/Resources/Tesco/Fonts/TESCOModern-v1.2/TESCOModern-Regular-web.ttf) format('truetype');
  font-weight: 500;
  font-style: 'normal';
  font-display: 'swap';
}
@font-face {
  font-family: Tesco Modern;
src: url(https://feedback.kpmgcx.cloud/WebProd/Resources/Tesco/Fonts/TESCOModern-v1.2/TESCOModern-Regular-web.woff2) format('woff2');
  src: url(https://feedback.kpmgcx.cloud/WebProd/Resources/Tesco/Fonts/TESCOModern-v1.2/TESCOModern-Regular-web.woff) format('woff');
    src: url(https://feedback.kpmgcx.cloud/WebProd/Resources/Tesco/Fonts/TESCOModern-v1.2/TESCOModern-Regular-web.ttf) format('truetype');
  font-weight: 700;
  font-style: 'normal';
  font-display: 'swap';
}
@font-face {
  font-family: Tesco Modern;
src: url(https://feedback.kpmgcx.cloud/WebProd/Resources/Tesco/Fonts/TESCOModern-v1.2/TESCOModern-Regular-web.woff2) format('woff2');
  src: url(https://feedback.kpmgcx.cloud/WebProd/Resources/Tesco/Fonts/TESCOModern-v1.2/TESCOModern-Regular-web.woff) format('woff');
  font-weight: 800;
    src: url(https://feedback.kpmgcx.cloud/WebProd/Resources/Tesco/Fonts/TESCOModern-v1.2/TESCOModern-Regular-web.ttf) format('truetype');
  font-style: 'normal';
  font-display: 'swap';
}
html {
    font-family: Tesco Modern !important;
}
body {
    font-family: Tesco Modern, 'Arial', sans-serif;
}