.w-checkbox {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
}

.w-checkbox::before {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

.w-checkbox::after {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  clear: both;
}

.w-checkbox-input {
  float: left;
  margin-bottom: 0px;
  margin-left: -20px;
  margin-right: 0px;
  margin-top: 4px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

body {
  height: 100%;
  font-family: Merriweather, serif;
  color: #333;
  font-size: 16px;
  line-height: 24px;
}

h2 {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 16px;
  padding-right: 16px;
  font-size: 32px;
  line-height: 1.5;
  font-weight: 700;
}

h3 {
  display: inline;
  margin-top: 0px;
  margin-bottom: 24px;
  background-color: #ffe8b0;
  font-size: 24px;
  line-height: 1.5;
  font-weight: 700;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 1.5;
  font-weight: 700;
}

p {
  margin-bottom: 16px;
}

.fullpage-wrapper {
  width: 100%;
  height: 100%;
}

.section {
  width: 100%;
  height: 100%;
}

.section.backgroundblue {
  background-color: #d0e9f9;
}

.sectioninner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sectioninner.backgroundblue {
  background-color: #d0e9f9;
}

.sectioninner.bgtimemachine {
  background-color: #fef8d8;
  background-image: url('../images/time-machine-bg.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.sectioninner.backgroundyellow {
  background-color: #fef8d8;
}

.sectioninner.backgroundgreen {
  background-color: #e9ec9b;
}

.sectioninner.backgrounddarkblue {
  position: relative;
  background-color: #7394b1;
}

.sectioninner.backgrounddarkyellow {
  background-color: #ffe8b0;
}

.page {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 768px;
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px;
  padding-left: 16px;
}

.page.page1 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.page.page4 {
  padding-top: 16px;
  padding-bottom: 16px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.page.page6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.page.page2 {
  background-image: url('../images/Untitled_Artwork-51.jpg');
  background-position: 50% 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.page.page8 {
  padding-top: 16px;
}

.page.page9 {
  background-image: url('../images/Cooke2.jpg');
  background-position: 100% 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.page.page10 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.page.page11 {
  padding-top: 16px;
}

.page.page14 {
  padding-top: 16px;
}

.page.page9-1 {
  background-image: url('../images/AYBS_mrcooke_3.jpg');
  background-position: 50% 100%;
  background-size: contain;
  background-repeat: no-repeat;
}

.page.page16 {
  background-image: url('../images/Untitled_Artwork-71.png');
  background-position: 50% 100%;
  background-size: auto;
  background-repeat: no-repeat;
}

.page.page19 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.page.page11-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.page.page6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.page.page12 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.body {
  height: 100%;
  font-size: 24px;
  line-height: 36px;
}

.text-center {
  text-align: center;
}

.text-center.zindex--1 {
  position: relative;
  z-index: -1;
}

.page2text {
  max-width: 662px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 50px;
}

.speech {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 36px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.speech.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.page3text {
  max-width: 800px;
  margin-right: auto;
  margin-bottom: 16px;
  margin-left: auto;
}

.speech-line {
  width: 5px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-radius: 5px;
  background-color: #fa7d54;
}

.speech-line.yellow {
  background-color: #ffb26a;
}

.speech-text {
  max-width: 536px;
  margin-bottom: 0px;
}

.speech-text.left {
  text-align: right;
}

.speech-spacer {
  width: 17px;
  height: 17px;
}

.button {
  padding: 18px 42px 14px;
  border-style: solid;
  border-width: 6px;
  border-color: #e7ecff;
  border-radius: 15px;
  background-color: #597cd4;
  box-shadow: 2px 2px 17px -3px rgba(0, 0, 0, 0.25);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  font-family: objektiv-mk1, sans-serif;
  font-size: 22px;
  line-height: 22px;
  font-weight: 700;
}

.button:hover {
  box-shadow: 2px 2px 33px -3px rgba(0, 0, 0, 0.32);
}

.button:active {
  box-shadow: none;
}

.button.buttonpage2 {
  position: absolute;
}

.button.buttoncorrect {
  background-image: url('../images/tick_1tick.png');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.button.buttonwrong {
  background-image: url('../images/cross_1cross.png');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.button.buttonpage11 {
  display: none;
}

.button.page13-button {
  display: none;
}

.button.button-page15 {
  display: none;
}

.button.button-page15.w--current {
  display: none;
}

.button.marginright-s {
  margin-right: 16px;
}

.button.page16-button {
  display: none;
}

.button.page17-button {
  display: none;
}

.button.page5-button {
  display: none;
}

.button.page8-button {
  display: none;
}

.button.page9-ptn {
  display: none;
}

.button.page13-1-button {
  display: none;
}

.button.page3-btn {
  display: none;
}

.button.web-button {
  display: none;
}

.skip {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  padding: 28px 24px 21px 41px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
}

.page5tect {
  max-width: 528px;
  margin-bottom: 32px;
}

.page5-text {
  max-width: 530px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 16px;
  text-align: center;
}

.page2buttonwrapper {
  position: absolute;
  left: 0%;
  right: 0%;
  bottom: 213px;
  text-align: center;
}

.modal {
  position: relative;
  width: 100%;
  max-width: 780px;
  padding: 58px;
  border-radius: 10px;
  background-color: #fef8d8;
  box-shadow: 34px 34px 125px 0 rgba(0, 0, 0, 0.55);
  font-size: 18px;
  line-height: 1.75;
}

.modal.wider {
  max-width: 1080px;
  margin-right: 16px;
  margin-left: 16px;
}

.modalwrapper {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.8);
}

.modalwrapper.modalwhygroceries {
  display: none;
}

.modal-inner {
  max-width: 582px;
}

.modal-inner.wider {
  max-width: 845px;
}

.modal-buttonspacer {
  width: 33px;
  height: 33px;
}

.heading {
  display: inline-block;
  padding-right: 16px;
}

.modal-close {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  padding-top: 16px;
  padding-right: 16px;
  cursor: pointer;
}

.timemachinespiral {
  position: absolute;
}

.page6-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.linkmodal {
  position: relative;
  z-index: 1;
  padding-right: 20px;
  padding-left: 4px;
  background-image: url('../images/tool-tip_1tool-tip.png');
  background-position: 100% 0%;
  background-size: auto;
  background-repeat: no-repeat;
  text-decoration: underline;
  white-space: nowrap;
  cursor: pointer;
}

.modalwhygroceries.modalwrapper {
  display: none;
}

.modalgeneralstore.modalwrapper {
  display: none;
}

.modalsincethewar.modalwrapper {
  display: none;
}

.buttonspacer {
  display: inline-block;
  width: 8px;
  height: 8px;
}

.modaldelivery.modalwrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.card {
  width: 436px;
  padding: 0px 16px;
  border-style: solid;
  border-width: 8px;
  border-color: #597cd4;
  border-radius: 10px;
  box-shadow: 3px 3px 18px 0 rgba(0, 0, 0, 0.25);
  color: #2c2c2c;
  text-align: center;
  text-decoration: none;
}

.page6-or {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 72px;
  height: 72px;
  margin-right: 20px;
  margin-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #597cd4;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #fff;
}

.card-image {
  margin-bottom: 32px;
}

.page8-text {
  max-width: 662px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 50px;
}

.spce-large {
  width: 48px;
  height: 48px;
}

.page10-text {
  max-width: 635px;
  color: #fff;
  text-align: center;
}

.page11-text {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.page11-items {
  position: relative;
  width: 100%;
  height: 551px;
  background-image: url('../images/kirby-womansweekly-1.jpg');
  background-position: 50% 0%;
  background-size: contain;
  background-repeat: no-repeat;
}

.item {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 34px;
  height: 34px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 5px;
  border-color: #597cd4;
  border-radius: 50%;
  background-color: rgba(233, 246, 247, 0.7);
  cursor: pointer;
}

.item.butcher {
  left: 419px;
  top: 21px;
}

.item.cream {
  left: 333px;
  top: 213px;
}

.item.fruit {
  left: 585px;
  top: 152px;
}

.item.flour {
  left: 400px;
  top: 276px;
}

.item.sweets {
  left: 183px;
  top: 272px;
}

.item.nuts {
  left: 384px;
  top: 435px;
}

.item.fabric {
  left: 633px;
  top: 294px;
}

.item.feed {
  left: 822px;
  top: 323px;
}

.modalwrapperitem {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.modalwrapperitem.modalwhygroceries {
  display: none;
}

.modalitem {
  position: relative;
  width: 100%;
  max-width: 539px;
  padding: 48px;
  border-radius: 10px;
  background-color: #fef8d8;
  box-shadow: 34px 34px 125px 0 rgba(0, 0, 0, 0.55);
  font-size: 18px;
  line-height: 1.75;
}

.modalitem.modalfabric {
  display: none;
  background-color: #e9ec9b;
}

.modaltinnedfruit.modalitem {
  display: none;
}

.modaltinnedfruit.modalwrapper {
  display: none;
}

.modalflour.modalitem {
  display: none;
}

.modalflour.modalwrapper {
  display: none;
}

.modalcream.modalitem {
  display: none;
}

.modalcream.modalwrapper {
  display: none;
}

.modalsweets.modalitem {
  display: none;
}

.modalsweets.modalwrapper {
  display: none;
}

.modalbulk.modalwrapper {
  display: none;
}

.modalbutcher.modalwrapper {
  display: none;
}

.modallivestock.modalitem {
  display: none;
}

.modallivestock.modalwrapper {
  display: none;
}

.modalfabric.modalwrapperitem {
  display: none;
}

.modalfabric.modalwrapper {
  display: none;
}

.page13-text {
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 16px;
  text-align: center;
}

.counter {
  position: absolute;
  left: auto;
  top: auto;
  right: 16px;
  bottom: 59px;
}

.counter-circle {
  position: relative;
  width: 164px;
  height: 164px;
  margin-right: auto;
  margin-bottom: -10px;
  margin-left: auto;
  border-style: solid;
  border-width: 6px;
  border-color: #597cd4;
  border-radius: 50%;
  background-color: #fff;
  color: #597cd4;
  font-size: 66px;
  line-height: 142px;
}

.counter-label {
  padding: 16px;
  border-radius: 10px;
  background-color: #597cd4;
  color: #fff;
}

.shilling {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
}

.shilling._1 {
  top: 4%;
}

.shilling.page2text {
  left: 16%;
  top: -9%;
}

.shilling._2 {
  left: 15%;
}

.shilling._3 {
  left: 36%;
  top: 9%;
}

.shilling._4 {
  left: 49%;
}

.shilling._6 {
  left: 69%;
  top: 4%;
}

.shilling._7 {
  left: 4%;
  top: 55%;
}

.shilling._8 {
  left: 15%;
  top: 73%;
}

.shilling._9 {
  left: 30%;
  top: 65%;
}

.shilling._10 {
  left: 52%;
  top: 75%;
}

.shilling._11 {
  left: 86%;
  top: 8%;
}

.shilling._12 {
  left: 88%;
  top: 34%;
}

.shilling._13 {
  left: 37%;
  top: 81%;
}

.space-small {
  width: 32px;
  height: 32px;
}

.page14-text {
  text-align: center;
}

.page15-text {
  margin-bottom: 42px;
  padding-top: 16px;
  text-align: center;
}

.shopping {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.shopping-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 561px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.shoppingitem {
  position: relative;
  width: 150px;
  height: 150px;
  margin-bottom: 16px;
  -webkit-box-flex: 33%;
  -webkit-flex: 33%;
  -ms-flex: 33%;
  flex: 33%;
  border-style: solid;
  border-width: 6px;
  border-color: #597cd4;
  border-radius: 50%;
}

.shoppingitem-img {
  position: relative;
}

.shoppingitem-wrapper {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33%;
  -ms-flex: 0 0 33%;
  flex: 0 0 33%;
}

.shoppinglist {
  width: 398px;
  margin-top: 29px;
  margin-bottom: 57px;
  padding: 16px 32px 48px;
  background-color: #fef8d8;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  font-family: Handlee, sans-serif;
}

.shoppinglist-item {
  padding-top: 10px;
  border-bottom: 1px solid #f4c34c;
}

.shoppingitem-qty {
  position: absolute;
  left: auto;
  top: auto;
  right: -11px;
  bottom: -20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #597cd4;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #fff;
  font-size: 22px;
  line-height: 22px;
  text-align: center;
}

.correct {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20px;
  background-color: hsla(0, 0%, 100%, 0.75);
}

.correct-tick {
  width: 62px;
  height: 62px;
  border-style: solid;
  border-width: 6px;
  border-color: #597cd4;
  border-radius: 100%;
  background-color: #def16c;
  background-image: url('../images/Group-266.svg');
  background-position: 50% 44%;
  background-size: auto;
  background-repeat: no-repeat;
  line-height: 24px;
}

.correct-tick.cross {
  background-color: #ff8761;
  background-image: url('../images/Group-254.svg');
  background-position: 50% 50%;
}

.modaldockpay.modalwrapper {
  display: none;
}

.page9-1-text {
  max-width: 536px;
  margin-left: auto;
  padding-top: 33px;
}

.page16-text {
  max-width: 826px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 21px;
  padding-bottom: 20px;
  text-align: center;
}

.gossipwrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 77px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.chickenmanwrapper {
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.chickenman {
  width: 380px;
  height: 380px;
  border-style: solid;
  border-width: 9px;
  border-color: #597cd4;
  border-radius: 50%;
  background-image: url('../images/farmer2.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.paragraph {
  display: block;
  padding-right: 31px;
  padding-left: 21px;
  border-left: 6px solid #597cd4;
  font-style: italic;
}

.gossip {
  display: none;
}

.page17-text {
  padding-top: 21px;
  text-align: center;
}

.truckitems {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 55px;
  margin-bottom: -86px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.truckitemwrapper {
  margin-right: 16px;
}

.truck2 {
  display: none;
}

.truck3 {
  display: none;
}

.truck4 {
  display: none;
}

.page19-text {
  padding-top: 33px;
  text-align: center;
}

.finalmodal {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.84);
  color: #fff;
}

.fianl-modal-inner {
  max-width: 600px;
  text-align: center;
}

.modalsewing.modalwrapper {
  display: none;
}

.modalshilling {
  background-color: hsla(0, 0%, 100%, 0.8);
}

.modalshilling.modalwrapper {
  display: none;
}

.modalyard.modalwrapper {
  display: none;
}

.page11-nextbutton {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  margin-bottom: 40px;
  text-align: center;
}

.feature {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.feature.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.feature-text {
  max-width: 400px;
}

.feature-circle {
  width: 200px;
  height: 200px;
  border-style: solid;
  border-width: 6px;
  border-color: #597cd4;
  border-radius: 50%;
}

.feature-spacer {
  width: 42px;
  height: 42px;
}

.feature-imgfront {
  cursor: pointer;
}

.feature-imgback {
  display: none;
}

.page5-images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-height: 359px;
  margin-bottom: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.space-large {
  width: 62px;
  height: 62px;
}

.page6-wordswrapper {
  max-width: 600px;
}

.radiowrapper {
  width: 331px;
  margin-right: 16px;
  padding: 23px;
  border-radius: 5px;
  background-color: #fef8d8;
}

.checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.checkbox-label {
  padding-left: 20px;
  font-size: 18px;
}

.checkbox-2 {
  border-style: solid;
  border-width: 4px;
  border-color: #597cd4;
}

.checkbox-checkbox {
  width: 30px;
  height: 30px;
  margin-top: 0px;
  border-width: 4px;
  border-color: #597cd4;
  border-radius: 10px;
}

.checkbox-checkbox.w--redirected-checked {
  border-color: #597cd4;
  background-color: #597cd4;
}

.web {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
}

.web._1 {
  left: 23%;
}

.web.page2text {
  left: 71%;
  top: 5%;
  width: 200px;
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

.web._3 {
  top: 39%;
  width: 126px;
  -webkit-transform: translate3d(0px, 0px, 19px);
  transform: translate3d(0px, 0px, 19px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.web._4 {
  left: 92%;
  top: 42%;
  width: 100px;
  -webkit-transform: rotate(116deg);
  -ms-transform: rotate(116deg);
  transform: rotate(116deg);
}

.web._5 {
  left: 4%;
  top: 73%;
  -webkit-transform: rotate(119deg);
  -ms-transform: rotate(119deg);
  transform: rotate(119deg);
}

.web._6 {
  left: 30%;
  top: 90%;
  width: 100px;
}

.web._7 {
  left: 74%;
  top: 65%;
  -webkit-transform: rotate(208deg);
  -ms-transform: rotate(208deg);
  transform: rotate(208deg);
}

.spider {
  position: absolute;
  left: 100%;
  top: 100%;
}

.div-block {
  font-size: 14px;
  line-height: 36;
}

.page11-caption {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: -5%;
  max-width: 450px;
  color: rgba(50, 23, 28, 0.25);
  font-size: 14px;
  line-height: 1.5;
}

.speech-line-2 {
  width: 9px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-radius: 5px;
  background-color: #fa7d54;
}

.taskwrapper {
  position: relative;
  z-index: 99;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: scroll;
  padding: 30px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.taskitem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 335px;
  height: 195px;
  margin-right: 24px;
  margin-bottom: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: solid;
  border-width: 9px;
  border-color: #fff;
  border-radius: 10px;
  background-color: #fef8d8;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}

.page6-text-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.card-2 {
  position: relative;
  width: 436px;
  padding: 0px 16px;
  border-style: solid;
  border-width: 8px;
  border-color: #597cd4;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 3px 3px 18px 0 rgba(0, 0, 0, 0.25);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #2c2c2c;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.card-2:hover {
  box-shadow: 3px 3px 21px 0 rgba(0, 0, 0, 0.5);
}

.card-2:active {
  box-shadow: 3px 3px 21px 0 rgba(0, 0, 0, 0.06);
}

.card-clicked {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  background-color: rgba(89, 124, 212, 0.5);
}

.page6-or-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 72px;
  height: 72px;
  margin-right: 20px;
  margin-left: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #597cd4;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #fff;
}

.page16-btnwrapper {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  padding-bottom: 39px;
  text-align: center;
}

.milkbottlewrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.milkbottleitem {
  position: relative;
  height: 341px;
  margin-right: 11px;
  margin-bottom: 13px;
  margin-left: 11px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 33%;
  -ms-flex: 0 33%;
  flex: 0 33%;
  border-style: solid;
  border-width: 8px;
  border-color: #597cd4;
  border-radius: 20px;
  text-align: center;
}

.correct-tick-2 {
  width: 62px;
  height: 62px;
  border-style: solid;
  border-width: 6px;
  border-color: #597cd4;
  border-radius: 100%;
  background-color: #def16c;
  background-image: url('../images/Group-266.svg');
  background-position: 50% 44%;
  background-size: auto;
  background-repeat: no-repeat;
  line-height: 24px;
}

.correct-tick-2.cross {
  background-color: #ff8761;
  background-image: url('../images/Group-254.svg');
  background-position: 50% 50%;
}

.correct-2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20px;
  background-color: hsla(0, 0%, 100%, 0.75);
}

.correct-3 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.milkbottle {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex: 0 33%;
  -ms-flex: 0 33%;
  flex: 0 33%;
  text-align: center;
  cursor: pointer;
}

.page12-text {
  max-width: 635px;
  text-align: center;
}

.bathroom {
  position: relative;
  width: auto;
  height: 359px;
  max-height: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.outhouse {
  position: relative;
  overflow: visible;
  height: 359px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.clothes-line {
  background-image: url('../images/MBRC_SuburbanDream_Coloured-clothesline-02.jpg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.section-13-2-popup-text {
  display: none;
}

.modal-milkmen.modalwrapper {
  display: none;
}

.modalouthouse.modalwrapper {
  display: none;
}

.modalsecretary.modalwrapper {
  display: none;
}

.modalsatellite.modalwrapper {
  display: none;
}

.modalhoppy.modalwrapper {
  display: none;
}

.modalsweeper.modalwrapper {
  display: none;
}

.modallunch.modalwrapper {
  display: none;
}

.image {
  max-height: 100%;
  cursor: pointer;
}

.image-2 {
  max-height: 100%;
  cursor: pointer;
}

.bathroom-behind {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: -1;
}

.outhouse-behind {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: -1;
}

.div-block-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.div-block-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.page11-next-button-wrapper {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  padding-bottom: 24px;
  padding-left: 20px;
}

.modalthrifty.modalwrapper {
  display: none;
}

.modalmilkman2.modalwrapper {
  display: none;
}

.hoppy-text {
  font-size: 15px;
}

.washer {
  position: relative;
}

.washer-front {
  cursor: pointer;
}

.washer-back {
  position: absolute;
  z-index: -1;
}

.text-large {
  font-size: 32px;
}

.image-3 {
  cursor: pointer;
}

.modal-dress.modalwrapper {
  display: none;
}

.swiper-slide {
  width: 335px;
}

.tasksinner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.image-4 {
  cursor: pointer;
}

.swiper-wrapper {
  padding: 32px;
}

@media screen and (max-width: 991px) {
  .sectioninner.backgroundblue {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .page {
    width: 100%;
    height: 100%;
    max-height: 810px;
    padding-top: 24px;
  }

  .page.page1 {
    background-image: url('../images/general-store.jpg');
    background-position: 50% 100%;
    background-size: 100%;
    background-repeat: no-repeat;
  }

  .page.page3 {
    background-image: url('../images/AYBS_02-b.jpg');
    background-position: 100% 100%;
    background-size: auto;
    background-repeat: no-repeat;
  }

  .page.page4 {
    background-image: url('../images/AYBS_02-b.jpg');
    background-position: 100% 100%;
    background-size: auto;
    background-repeat: no-repeat;
  }

  .page.page19 {
    background-image: url('../images/general-store.jpg');
    background-position: 50% 100%;
    background-size: 100%;
    background-repeat: no-repeat;
  }
}