.container {
  height: 85px;
}

.brand {
  width: 170px;
  height: 60%;
  margin-top: 15px;
  padding-bottom: 0px;
  background-image: url('../images/logo_green.svg');
  /* background-position: 0% 50%; */
  background-size: contain;
  background-repeat: no-repeat;
}

.brand:hover {
  opacity: 0.8;
}

.menu-button {
  width: auto;
  height: auto;
  padding: 0px;
}

.herobanner {
  height: 375px;
  margin-top: 85px;
  background-color: #00a88e;
  background-image: url('../images/hp-herobanner-2_1.jpg'), -webkit-gradient(linear, left top, right top, color-stop(51%, #65ef52), color-stop(57%, #288f78));
  background-image: url('../images/hp-herobanner-2_1.jpg'), linear-gradient(90deg, #65ef52 51%, #288f78 57%);
  background-position: 50% 50%, 0px 0px;
  background-size: 1226px 375px, auto;
  background-repeat: no-repeat, repeat;
}

.herobanner.hp {
  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;
}

.herobanner.hp.review {
  display: block;
}

.navbar {
  position: fixed;
  top: 0px;
  z-index: 1000;
  width: 100vw;
  background-color: hsla(0, 0%, 100%, 0.95);
}

.introsection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 80px 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.introdiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1040px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.maintitle {
  margin-top: 0px;
  margin-bottom: 20px;
  font-family: 'Wee bairn', sans-serif;
  color: #00a88e;
  font-size: 54px;
  line-height: 58px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1px;
}

.maintitle.left {
  width: auto;
    line-height: 53px;
  text-align: left;
}

.text {
  font-family: Kasperskysans, sans-serif;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  text-align: center;
}

.charactersection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.h2_title {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Wee bairn', sans-serif;
  color: #00a88e;
  font-size: 50px;
  line-height: 53px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1px;
}

.h2_title.leftwhite {
  margin-bottom: 0px;
  color: #00a88e;
  line-height: 50px;
  text-align: left;
}

.characterdivtitle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  -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;
}

.divemoticon {
  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-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.emoticon {
  margin-left: 15px;
}

.characterslider {
  width: 1040px;
  height: 320px;
  margin-top: 30px;
  margin-bottom: 50px;
  background-color: #fff;
}

.icon {
  color: #00a88e;
}

.icon-2 {
  color: #00a88e;
}

.sliderdiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 320px;
  -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;
}

.slidedivinternal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 900px;
  max-width: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.characterimage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 390px;
  height: 304px;
}

.slidetxtdiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  padding-bottom: 70px;
  -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;
}

.slidetxt {
  font-family: Kasperskysans, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
}

.heading {
  font-family: 'Wee bairn', sans-serif;
  color: #00a88e;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.heading._2 {
  color: #5ab14e;
}

.authorsection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-right: 100px;
  padding-left: 100px;
  -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;
}

.slide-nav {
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  width: 450px;
  margin-right: 0px;
  margin-bottom: 50px;
  margin-left: 0px;
}

.authorbox {
  width: 48%;
  height: auto;
  padding: 40px;
  background-color: #bfe9e3;
}

.authorbox._2 {
  width: 48%;
  height: auto;
  min-height: 310px;
  background-color: #d6ebd3;
}

.authtop {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.authorimg {
  margin-left: 10px;
}

.authorname {
  color: #00a88e;
}

.text-span-2 {
  color: #5ab14e;
  font-weight: 700;
}

.authorbio {
  font-family: Kasperskysans, sans-serif;
  font-size: 15px;
  line-height: 24px;
}

.authspacer {
  width: 4%;
  height: 100px;
}

.slide {
  height: 320px;
}

.mask {
  height: 320px;
}

.charactername {
  font-family: 'Wee bairn', sans-serif;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 1px;
}

.charactername.lola {
  color: #e59fbc;
}

.charactername.bob {
  color: #84c99e;
}

.charactername.daniel {
  color: #0eb3ed;
}

.charactername.max {
  color: #8883bc;
}

.charactername.olivia {
  color: #f9ae64;
}

.charactername.steve {
  color: #72d0f4;
}

.charactername.peter {
  color: #e1d663;
}

.authorwrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1040px;
  margin-top: 0px;
  margin-bottom: 80px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.chapterssection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 100px;
  padding-left: 100px;
  -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;
}

.chapterline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1040px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.hp_chapterlinkbox {
  width: 48%;
  height: auto;
  margin-bottom: 80px;
  text-decoration: none;
}

.hp_chapterimage {
  width: 500px;
  height: 350px;
  background-color: #bfe9e3;
  background-image: url('../images/chapter-1-preview.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hp_chapterimage.ch2 {
  background-image: url('../images/chapter-2-preview.jpg');
}

.hp_chapterimage.ch3 {
  background-image: url('../images/chapter-3-preview.jpg');
}

.hp_chapterimage.ch4 {
  background-image: url('../images/chapter-4-preview.jpg');
}

.hp_chapterimage.ch5 {
  background-image: url('../images/chapter-5-preview.jpg');
}

.hp_chapterimage.ch6 {
  background-image: url('../images/chapter-6-preview.jpg');
}

.chapternrcontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 40px;
  margin-top: 20px;
  -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: #7eff33;
}

.chapternr {
  font-family: Kasperskysans, sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: normal;
}

.hp_textleft {
  font-family: Kasperskysans, sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.hp_textleft.center {
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}

.hp_textleft.center.white {
  margin-top: 0px;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
}

.hp_textleft.center.top {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
}

.hp_textleft.small {
  width: 83%;
}

.hp_textleft.half {
  width: 64%;
}

.hp_chaptertitle {
  margin-top: 20px;
  margin-bottom: 5px;
  font-family: 'Wee bairn', sans-serif;
  color: #000;
  font-size: 26px;
  line-height: 30px;
  font-weight: 400;
}

.hp_chapterimagecontainer {
  overflow: hidden;
}

.audiobooksection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 500px;
  margin-bottom: 0px;
  padding: 0px 100px;
  -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;
  background-color: #d9f2ee;
}

.divstandard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1040px;
  -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;
}

.div-block-9 {
  width: 600px;
  height: 320px;
  margin-right: 30px;
  background-image: url('../images/midori-kuma-audiobook.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.div-block-10 {
  width: auto;
  height: auto;
}

.div-block-11 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.link-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 270px;
  height: 44px;
  margin-right: 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: 22px;
  background-color: #7eff33;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  text-decoration: none;
}

.link-block:hover {
  background-color: #56c515;
}

.link-block.soundcloud {
  width: 330px;
}

.text-block-2 {
  font-family: Kasperskysans, sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 700;
}

.image-2 {
  margin-left: 10px;
}

.containerstandard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 80px 100px 60px;
  -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;
}

.containerstandard.green {
  margin-top: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fff;
  background-image: url('../images/colorbook-background.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.containerstandard.quiz {
  min-height: 600px;
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: url('../images/cordolo.png'), url('../images/cordolo.png');
  background-position: 50% 0%, 50% 100%;
  background-size: 140px, 140px;
  background-repeat: repeat-x, repeat-x;
}

.containerstandard.purplelightblue {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 60px;
  background-color: transparent;
  background-image: linear-gradient(162deg, #f4f9fd, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0) 37%), linear-gradient(18deg, #9e7db6 31%, #b9e2f8 80%);
}

.containerstandard.purplelightblue.ko {
  display: none;
}

.divleft {
  width: 540px;
  margin-right: 20px;
}

.div-block-13 {
  width: 500px;
  height: 500px;
  background-image: url('../images/safekids-image.jpg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.div-block-14 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.div-block-15 {
  width: 130px;
  height: 125px;
  margin-right: 10px;
  margin-bottom: 20px;
  background-image: url('../images/packaging-icon.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.cta {
  height: 40px;
  margin-top: 20px;
  padding: 10px 50px 0px;
  border-radius: 20px;
  background-color: #7eff33;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-family: Kasperskysans, sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  text-decoration: none;
}

.cta:hover {
  background-color: #56c515;
  text-decoration: none;
}

.cta.yellow {
  padding-right: 40px;
  padding-left: 40px;
  background-color: #faf39d;
}

.cta.yellow:hover {
  background-color: #fff;
}

.cta.yellow {
  background-color: #faf39d;
}

.cta.yellow:hover {
  background-color: #e4db6b;
}

.cta.peter {
  display: none;
}

.cta.lola {
  display: none;
}

.cta.white {
  background-color: #fff;
}

.cta.white:hover {
  background-color: #d6ebd3;
}

.centerdiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1040px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-16 {
  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;
}

.div-block-16.en {
  margin-top: 20px;
}

.div-block-17 {
  width: 50px;
  height: 30px;
}

.play_dsk {
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/hp-herobanner-player.png');
  background-position: 50% 50%;
  background-size: 100px;
  background-repeat: no-repeat;
  opacity: 0.5;
  -webkit-transition: height 200ms ease, width 2000ms ease;
  transition: height 200ms ease, width 2000ms ease;
}

.play_dsk:hover {
  background-size: 120px;
  opacity: 1;
}

.play_dsk.smartphone {
  display: none;
}

.div-block-19 {
  width: 340px;
  height: 440px;
  background-image: url('../images/midori-pencil.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.text-span-3 {
  color: #27b7ff;
}

.text-span-4 {
  color: #8233ff;
}

.text-span-5 {
  color: #e20613;
}

.text-span-6 {
  color: #8233ff;
}

.text-span-7 {
  color: #e20613;
}

.div-block-20 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.divbook {
  width: 592px;
  margin-bottom: 60px;
}

.div-block-21 {
  width: 130px;
  height: 200px;
  background-image: url('../images/children-with-coloured-pencils.png');
  background-position: 0% 100%;
  background-size: contain;
  background-repeat: no-repeat;
}

.div-block-22 {
  width: 350px;
  height: 350px;
  background-image: url('../images/midori-flag.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.div-block-23 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 55%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-24 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  padding-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.text-span-9 {
  font-size: 60px;
}

.hp_quiztitle {
  margin-top: 20px;
  margin-bottom: 0px;
  font-family: 'Wee bairn', sans-serif;
  color: #00a88e;
  font-size: 50px;
  line-height: 53px;
  font-weight: 400;
}

.div-block-25 {
  width: 8px;
  height: 25px;
  margin-right: 5px;
  margin-bottom: 10px;
  margin-left: 5px;
  background-color: #00a88e;
  -webkit-transform: skew(6deg, 0deg);
  -ms-transform: skew(6deg, 0deg);
  transform: skew(6deg, 0deg);
}

.div-block-26 {
  width: 350px;
  height: 350px;
  margin-bottom: 30px;
  background-image: url('../images/midori-kuma-surf.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.div-block-26.final {
  width: 600px;
}

.div-block-27 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -8px;
  margin-left: -7px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-28 {
  width: 30px;
  height: 30px;
  margin-bottom: 9px;
  background-image: url('../images/yellow-smile-emoticon.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.icon-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 85px;
  height: 85px;
  -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;
  background-color: rgba(255, 255, 255, 0.01);
  color: #959595;
  font-size: 40px;
  line-height: 40px;
  text-align: center;
}

.icon-3:hover {
  color: #00a88e;
}

.bigletter {
  font-size: 62px;
}

.section {
  height: 410px;
  margin-top: 85px;
  background-color: #bfe9e3;
  background-image: url('../images/chapter-1-herobanner.jpg');
  background-position: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
}

.section.chapter2 {
  background-image: url('../images/chapter-2-herobanner.jpg');
  background-position: 100% 50%;
}

.section.chapter3 {
  background-image: url('../images/chapter-3-herobanner.jpg');
  background-position: 50% 100%;
}

.section.chapter4 {
  background-image: url('../images/chapter-4-herobanner-new.jpg');
}

.section.chapter5 {
  background-image: url('../images/chapter-5-herobanner.jpg');
  background-position: 0% 50%;
}

.section.chapter6 {
  background-image: url('../images/chapter-6-herobanner.jpg');
}

.audiocontainer {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 30;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 150px;
  padding-top: 10px;
  padding-right: 100px;
  padding-left: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #7eff33;
}

.audiotitle {
  margin-top: 10px;
  font-family: 'Wee bairn', sans-serif;
  color: #000;
  font-size: 32px;
  line-height: 34px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1px;
}

.audiotitle.prefooter {
  font-size: 28px;
  line-height: 30px;
}

.chaptertext {
  width: 100%;
  max-width: 825px;
}

.booksection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 60px 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.booksection.lightblue {
  background-color: #bfe9e3;
}

.anim_container {
  width: 100%;
  height: auto;
  margin-top: 50px;
  margin-bottom: 50px;
  background-color: transparent;
}

.anim_container.slim {
  margin-top: 0px;
  margin-bottom: 0px;
}

.whitegreenbreaker {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 300px;
  -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;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(0, #bfe9e3));
  background-image: linear-gradient(180deg, #fff 50%, #bfe9e3 0);
}

.whitegreenbreaker.reverse {
  padding-right: 50px;
  padding-left: 50px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #fff), color-stop(0, #bfe9e3));
  background-image: linear-gradient(0deg, #fff 50%, #bfe9e3 0);
}

.imgbreaker {
  width: 400px;
  height: auto;
  background-color: transparent;
}

.imgbreaker.boy {
  display: block;
  height: 440px;
  background-color: transparent;
  background-image: url('../images/boy-portrait.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.imgbreaker.boy.chapter2 {
  background-image: url('../images/boy-portrait-2.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.imgbreaker.boy.chapter3 {
  background-image: url('../images/boy-portrait-3.png');
}

.imgbreaker.chapter4_1 {
  width: 500px;
  height: 500px;
  background-color: transparent;
  background-image: url('../images/boy-portrait-4_1.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.imgbreaker.chapter4_2 {
  width: 500px;
  height: 500px;
  background-color: transparent;
  background-image: url('../images/midori-kuma-running-reverse.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.imgbreaker.chapter5_1 {
  height: 400px;
  background-color: transparent;
  background-image: url('../images/chapter-5-1.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.imgbreaker.chapter_5_2 {
  width: 500px;
  height: 500px;
  background-color: transparent;
  background-image: url('../images/chapter-5-2.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.imgbreaker.chapter61 {
  width: 500px;
  height: 300px;
  background-image: url('../images/chapter-6-midori-kuma-sleeping.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.booktext {
  font-family: Kasperskysans, sans-serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
}

.div-block-31 {
  position: relative;
  width: 80%;
  height: 100%;
  background-image: url('../images/chapter-2-herobanner-title.png');
  background-position: 50px 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.div-block-31.chapter4 {
  background-image: url('../images/chapter-4-herobanner-title.png');
}

.text-block-4 {
  position: absolute;
  left: 144px;
  top: 52px;
  -webkit-transform: rotate(-14deg);
  -ms-transform: rotate(-14deg);
  transform: rotate(-14deg);
  font-family: Kasperskysans, sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}

.text-block-4.chapter2 {
  top: 82px;
  font-size: 20px;
}

.text-block-4.chapter1 {
  top: 82px;
}

.heading-2 {
  position: absolute;
  left: 143px;
  top: 100px;
  margin-top: 0px;
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
  font-family: 'Wee bairn', sans-serif;
  color: #00a88e;
    font-size: 36px;
    line-height: 27px;
  font-weight: 400;
}

.heading-2.chapter2 {
  left: 133px;
  top: 100px;
      font-size: 43px;
  line-height: 60px;
}

.heading-2.chapter4 {
  top: 105px;
  margin-top: 5px;
  font-size: 54px;
}

.text-span-10 {
  color: #d71014;
}

.div-block-32 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 825px;
  -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-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.chapterbtn {
  width: auto;
  height: 44px;
  min-width: 225px;
  margin-top: 20px;
  padding: 11px 27px 7px;
  border-radius: 22px;
  background-color: #7eff33;
  font-family: Kasperskysans, sans-serif;
  color: #000;
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

.chapterbtn:hover {
  background-color: #b1ff84;
}

.chapterbtn.ko {
  display: none;
}

.div-block-33 {
  width: 60px;
  height: 60px;
}

.div-block-33.ko {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.chapterfinalcontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 280px;
  margin-top: 30px;
  padding-right: 50px;
  padding-bottom: 0px;
  padding-left: 50px;
  -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;
  background-color: #7eff33;
  background-image: url('../images/chapter-prefooter-1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.chapterfinalcontainer.chapter2 {
  background-image: url('../images/chapter-2-prefooter.jpg');
}

.chapterfinalcontainer.chapter3 {
  background-image: url('../images/chapter-3-prefooter.jpg');
}

.chapterfinalcontainer.chapter4 {
  background-image: url('../images/chapter-4-prefooter.jpg');
}

.chapterfinalcontainer.chapter5 {
  background-image: url('../images/chapter-5-prefooter.jpg');
}

.div-block-34 {
  position: relative;
  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-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-35 {
  position: absolute;
  height: 300px;
  min-width: 400px;
  margin-top: 108px;
  margin-left: 983px;
  background-image: url('../images/midori-kuma-kart-reverse.png');
  background-position: 100% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.div-block-35.chapter2 {
  min-width: 200px;
  background-image: url('../images/midori-kuma-running.png');
}

.div-block-35.chapter6 {
  min-width: 300px;
  margin-top: 59px;
  margin-left: 852px;
  background-image: url('../images/midori-kuma-flag.png');
}

.menulink {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.7);
  font-family: Kasperskysans, sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 700;
  text-align: right;
}

.menulink:hover {
  color: #fff;
}

.menulink.w--current {
  color: #00a88e;
}

.menulink.ko {
  display: none;
}

.nav-menu {
  background-color: #7eff33;
}

.stickybanner {
  position: fixed;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 90;
  display: none;
  width: 200px;
  height: 150px;
  margin-right: 30px;
  border-style: solid;
  border-width: 1px;
  border-color: #7eff33;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #fff;
}

.div-block-36 {
  display: block;
  width: 100%;
  height: 35px;
  padding-top: 7px;
  -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-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px 5px 0px 0px;
  background-color: #7eff33;
  text-align: center;
  cursor: pointer;
}

.text-block-6 {
  margin-top: 0px;
  font-family: Kasperskysans, sans-serif;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}

.div-block-37 {
  display: block;
  width: 100%;
  height: 35px;
  padding-top: 7px;
  -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: 5px 5px 0px 0px;
  background-color: #7eff33;
  cursor: pointer;
}

.div-block-38 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 115px;
  -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;
  background-color: #bfe9e3;
}

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

.stickybutton {
  position: fixed;
  left: auto;
  top: auto;
  right: 20px;
  bottom: 20px;
  z-index: 98;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 280px;
  height: 70px;
  padding-right: 15px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 35px;
  background-color: #7eff33;
  text-decoration: none;
  cursor: pointer;
}

.stickybutton:hover {
  background-color: #56c515;
}

.midoriimg {
  width: 59px;
  height: 59px;
  margin-top: 0px;
  margin-right: 7px;
  margin-left: 5px;
  border-radius: 30px;
  background-color: transparent;
  background-image: url('../images/book-midori-portrait.jpg');
  background-position: 50% 50%;
  background-size: 60px;
  background-repeat: no-repeat;
  text-decoration: none;
}

.btntxt {
  font-family: Kasperskysans, sans-serif;
  color: #000;
  font-size: 17px;
  font-weight: 700;
}

.btnarrow {
  margin-top: 6px;
  margin-left: 5px;
}

.stickybuttonclose {
  position: fixed;
  left: auto;
  top: auto;
  right: 30px;
  bottom: 75px;
  z-index: 99;
  width: 30px;
  height: 30px;
  padding-top: 5px;
  border-radius: 15px;
  background-color: #00a88e;
  font-family: Kasperskysans, sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  cursor: pointer;
}

.stickybuttonclose:hover {
  background-color: #006b5b;
}

.dropdown-toggle {
  position: static;
  height: 60px;
  padding-right: 50px;
  padding-left: 30px;
  border-radius: 30px;
  background-color: #faf39d;
  font-family: Kasperskysans, sans-serif;
}

.dropdown-toggle.w--open {
  border-radius: 30px 30px 0px 0px;
}

.dropdown-toggle.epub {
  position: static;
  background-color: #9984f5;
}

.div-block-40 {
  width: 100%;
  max-width: 825px;
}

.text-block-9 {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
}

.dropdownlink {
  background-color: #faf39d;
  font-family: Kasperskysans, sans-serif;
  font-size: 18px;
  line-height: 20px;
}

.dropdownlink:hover {
  color: #00a88e;
}

.dropdownlink.epub {
  background-color: #9984f5;
}

.dropdownlink.epub:hover {
  color: #e6e6e6;
}

.dropdownlink.epub.last {
  height: 50px;
  padding-bottom: 10px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

.dropdownlink.last {
  height: 50px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

.smiley {
  display: none;
}

.quizcontainer {
  display: none;
  height: auto;
  min-height: 600px;
  -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: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.questiondiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 100%;
  min-height: 600px;
  min-width: 0px;
  padding: 40px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #fff;
}

.questionimage {
  width: 50%;
  height: 100%;
  min-height: 600px;
  background-image: url('../images/question-1.jpg');
  background-position: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
}

.questionimage.q2 {
  background-image: url('../images/question-2.jpg');
}

.questionimage.q3 {
  background-image: url('../images/question-3.jpg');
}

.questionimage.q4 {
  background-image: url('../images/question-4.jpg');
}

.questionimage.q5 {
  background-image: url('../images/question-5.jpg');
}

.questionwrapper {
  display: none;
  width: 100%;
  height: 100%;
  min-height: 600px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.questionwrapper.q1 {
  display: none;
}

.questionwrapper.q2 {
  display: none;
}

.questionwrapper.q3 {
  display: none;
}

.questionwrapper.q4 {
  display: none;
}

.questionwrapper.q5 {
  display: none;
}

.questionheader {
  width: 100%;
  height: 160px;
  margin-bottom: 10px;
  background-image: url('../images/midori-kuma-running-reverse.png');
  background-position: 0% 100%;
  background-size: contain;
  background-repeat: no-repeat;
}

.text-block-10 {
  width: 30px;
  margin-left: 90px;
  font-family: 'Wee bairn', sans-serif;
  color: #00a88e;
  font-size: 54px;
  line-height: 47px;
}

.questiontextdiv {
  width: 90%;
  margin-left: 10%;
}

.questiontext {
  font-family: Kasperskysans, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.questionall {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  max-width: 600px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.rightanswer {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  min-height: 95px;
  padding: 15px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 6px;
  border-color: #7eff33;
  -webkit-transition: box-shadow 200ms ease;
  transition: box-shadow 200ms ease;
  cursor: pointer;
}

.rightanswer:hover {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
}

.answertext {
  font-family: Kasperskysans, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.image-5 {
  margin-right: 15px;
  border-radius: 50%;
}

.wronganswer {
  display: none;
  width: 90%;
  min-height: 95px;
  padding: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 6px solid #eb232e;
}

.text-block-13 {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  padding: 5px 5px 0px 10px;
  background-color: #7eff33;
  font-family: Kasperskysans, sans-serif;
  font-weight: 700;
}

.singleanswer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.singleanswer.ok {
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
}

.singleanswer.ko {
  padding: 5px 0px;
  cursor: pointer;
}

.answercheck {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 3px solid #00a88e;
  border-radius: 12px;
  background-image: none;
  background-position: 0px 0px;
  background-size: auto;
  background-repeat: repeat;
}

.answercheck.ko {
  background-color: #fff;
  background-image: url('../images/check-bullet-reverse.png');
  background-position: 50% 50%;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}

.answercheck.ok {
  background-color: #fff;
  background-image: url('../images/check-bullet-reverse.png');
  background-position: 50% 50%;
  background-size: 24px 24px;
}

.answers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin-top: 20px;
  margin-bottom: 40px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.div-block-42 {
  width: 80px;
  height: 20px;
}

.commenttext {
  margin-right: 35px;
  font-family: Kasperskysans, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.dropdown-list {
  background-color: transparent;
}

.dropdown-list-2 {
  background-color: transparent;
}

.image-6 {
  display: none;
}

.q_headerwrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.cyberlicencecontainer {
  display: none;
  min-height: 600px;
  padding: 100px;
  -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;
}

.div-block-44 {
  width: 30px;
  height: 20px;
}

.avtarwreapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: auto;
  margin-top: 40px;
  -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-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cybercardwrapper {
  width: auto;
}

.cybercard {
  border-radius: 20px;
}

.cybercard.lola {
  display: none;
}

.cybercard.peter {
  display: none;
}

.avatarselection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin-left: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.avatartitle {
  margin-bottom: 20px;
  font-family: Kasperskysans, sans-serif;
  font-weight: 700;
  text-align: center;
}

.avatarimage {
  margin-right: 5px;
  margin-left: 5px;
}

.section-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-height: 450px;
  padding-top: 100px;
  -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;
  background-image: url('../images/special-race-midori-kuma.png'), -webkit-gradient(linear, left top, left bottom, color-stop(34%, #d8facc), color-stop(74%, #fff));
  background-image: url('../images/special-race-midori-kuma.png'), linear-gradient(180deg, #d8facc 34%, #fff 74%);
  background-position: 100% 0%, 0px 0px;
  background-size: contain, auto;
  background-repeat: no-repeat, repeat;
}

.section-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 400px;
  padding-top: 30px;
  padding-bottom: 50px;
  -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;
}

.section-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 450px;
  -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;
  background-image: linear-gradient(162deg, #f4f9fd, hsla(0, 0%, 100%, 0) 37%), linear-gradient(18deg, #9e7db6 31%, #b9e2f8 80%);
}

.section-5.ko {
  display: none;
}

.div-block-48 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 900px;
  min-width: 0px;
  -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;
}

.getaway-1 {
  width: 45%;
  height: 400px;
  background-image: url('../images/midori-kuma-kart-getaway.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.getaway-1.ko2 {
  display: none;
}

.div-block-50 {
  width: 60%;
  height: auto;
}

.div-block-51 {
  width: 50px;
  height: 20px;
}

.getaway-2 {
  width: 40%;
  height: 400px;
  background-image: url('../images/midori-kuma-surf.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.getaway-2.ko1 {
  display: none;
}

.getaway-3 {
  width: 45%;
  height: 400px;
  background-image: url('../images/getaway-midori-kuma-boy.jpg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.getaway-3.ko2 {
  display: none;
}

.div-block-52 {
  width: 100%;
  max-width: 900px;
  min-width: 0px;
}

.heading-3 {
  width: 70%;
  font-family: 'Wee bairn', sans-serif;
  font-size: 5vw;
  line-height: 5vw;
  font-weight: 400;
}

.text-span-11 {
  text-transform: uppercase;
}

.chapterimg.chapter63 {
  width: 400px;
  height: 400px;
  background-color: transparent;
  background-image: url('../images/chapter-6-daniel-cart.jpg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.chapterimg.chapter64 {
  width: 400px;
  height: 300px;
  background-image: url('../images/midori-kuma-kart-reverse.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.div-block-53 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
  margin-bottom: 50px;
  -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;
}

.videodsktp {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1000;
  display: none;
  width: 100vw;
  height: 100vh;
  -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;
  background-color: rgba(0, 168, 142, 0.95);
}

.videowrapper {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80vw;
  height: auto;
  margin: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-radius: 15px;
  background-color: transparent;
}

.videowrapper.smartphone {
  width: 80vw;
  height: auto;
}

.closebtndiv {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
  margin-top: 0px;
  margin-right: 0px;
  padding-right: 0px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
}

.closbtn {
  width: 200px;
  margin-bottom: 10px;
  font-family: Kasperskysans, sans-serif;
  color: #fff;
  font-weight: 700;
  text-align: right;
  cursor: pointer;
}

.closbtn:hover {
  color: #7eff33;
}

.body {
  -o-object-fit: fill;
  object-fit: fill;
}

.videosmartphone {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1000;
  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;
  background-color: rgba(0, 168, 142, 0.95);
}

.play_mob {
  display: none;
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/hp-herobanner-player.png');
  background-position: 50% 50%;
  background-size: 100px;
  background-repeat: no-repeat;
  opacity: 0.5;
  -webkit-transition: height 200ms ease, width 2000ms ease;
  transition: height 200ms ease, width 2000ms ease;
}

.play_mob:hover {
  background-size: 120px;
  opacity: 1;
}

.div-block-54 {
  display: none;
  width: 100%;
  max-width: 1040px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.video {
  margin-top: 30px;
  margin-bottom: 80px;
}

.div-block-55 {
  width: 70%;
}

.section-6 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  -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;
  background-color: transparent;
}

.heading-4 {
  width: 60%;
  font-family: Kasperskysans, sans-serif;
  color: #fff;
  font-size: 60px;
  line-height: 60px;
  text-align: center;
}

.text-block-14 {
  margin-top: 10px;
  font-family: Kasperskysans, sans-serif;
  color: #fff;
  font-size: 30px;
  line-height: 60px;
  font-weight: 300;
  text-align: center;
}

.text-block-15 {
  margin-top: 20px;
  font-family: Kasperskysans, sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}

.div-block-56 {
  position: absolute;
  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-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-57 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 20px;
  z-index: 10;
  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-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-16 {
  margin-bottom: 10px;
  font-family: Kasperskysans, sans-serif;
  color: #00ab8e;
  font-size: 12px;
  font-weight: 300;
}

.text-block-17 {
  padding-top: 0px;
  padding-bottom: 0px;
  font-family: Kasperskysans, sans-serif;
  font-weight: 300;
  text-align: center;
}

.section-7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 100px;
  padding-bottom: 100px;
  -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;
}

.text-span-12 {
  font-weight: 700;
}

.video_section_dsk {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  padding-top: 50px;
  padding-bottom: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e6e6e6;
}

.div-block-58 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1040px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.heading-5 {
  margin-bottom: 20px;
  font-family: Kasperskysans, sans-serif;
  color: #00a88e;
  font-size: 42px;
  line-height: 57px;
  text-align: center;
}

.heading-5.white {
  margin-top: 10px;
  color: #fff;
  font-size: 42px;
  line-height: 48px;
}

.heading-5.rightalign {
  font-size: 42px;
  text-align: left;
}

.heading-5.rightalign.black {
  color: #000;
  line-height: 48px;
}

.heading-5._6boxtitle {
  font-size: 53px;
  line-height: 70px;
}

.div-block-59 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 50px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.boxbts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 49%;
  height: auto;
  padding: 16px 20px 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 20px;
  background-color: #fff;
}

.videoboxbts {
  border-radius: 12px;
}

.txtboxbts {
  margin-top: 10px;
  font-family: Kasperskysans, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.boxtitlebts {
  margin-top: 40px;
  font-family: Kasperskysans, sans-serif;
  color: #00a88e;
  font-size: 32px;
  line-height: 36px;
}

.text-span-13 {
  color: #00a88e;
}

.section-9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 30px;
  padding-bottom: 30px;
  -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;
  background-image: url('../images/back-to-school-banner-bkg.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.heading-6 {
  color: #fff;
  text-align: center;
}

.text-block-18 {
  color: #fff;
  text-align: center;
}

.text-block-19 {
  color: #fff;
  text-align: center;
}

.image-7 {
  margin-right: 30px;
}

.section-10 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 400px;
  padding-top: 30px;
  padding-bottom: 50px;
  -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;
  background-image: url('../images/kaspersky-midory-kuma-read-the-book.png'), url('../images/kaspersky-midory-kuma-read-the-book-bkg-2.jpg');
  background-position: 100% 50%, 50% 50%;
  background-size: contain, cover;
  background-repeat: no-repeat, no-repeat;
}

.div-block-60 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 55%;
  -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;
}

.div-block-61 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 900px;
}

.div-block-62 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 900px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.background-video {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
}

.videobox {
  position: relative;
  width: 100%;
  height: auto;
  min-height: auto;
  border: 1px none #000;
}

.inner {
  position: static;
  display: none;
  width: 100%;
  height: 100%;
}

.bold-text {
  font-size: 18px;
  font-weight: 400;
}

.bold-text-2 {
  font-size: 18px;
  font-weight: 400;
}

.bold-text-3 {
  font-size: 18px;
  font-weight: 400;
}

.bold-text-4 {
  font-size: 18px;
  font-weight: 400;
}

.bold-text-5 {
  font-size: 18px;
  font-weight: 400;
}

.bold-text-6 {
  font-size: 18px;
  font-weight: 400;
}

.div-block-63 {
  width: 400px;
  height: 150px;
  background-image: url('../images/dance-with-midori-icon.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.background-video-2 {
  display: none;
  width: 100vw;
}

.image-8 {
  margin-top: 10px;
}

.image-9 {
  position: absolute;
  left: 20px;
  top: 20px;
  right: auto;
  bottom: auto;
}

.image-9.dx {
  left: auto;
  top: 20px;
  right: 20px;
  bottom: auto;
}

.div-block-64 {
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.image-10 {
  display: none;
}

.video_section_mob {
  display: none;
  width: 100%;
  height: auto;
  padding-top: 50px;
  padding-bottom: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e6e6e6;
}

.newlink {
  color: #00a88e;
  font-weight: 700;
  text-decoration: underline;
}

.newlink:hover {
  color: #999;
}

.text-span-14 {
  color: #00a88e;
  font-weight: 700;
}

.text-span-15 {
  font-weight: 700;
  text-decoration: underline;
}

@media screen and (max-width: 991px) {
  .brand {
    margin-left: 30px;
  }

  .herobanner {
    height: 250px;
    background-size: auto 250px, auto;
  }

  .introsection {
    padding-right: 50px;
    padding-left: 50px;
  }

  .maintitle {
    font-size: 50px;
  }

  .maintitle.left {
    font-size: 50px;
  }

  .text {
    font-size: 16px;
    line-height: 24px;
  }

  .characterslider {
    width: 680px;
    height: auto;
  }

  .sliderdiv {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .slidedivinternal {
    width: 700px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .characterimage {
    width: 390px;
  }

  .slidetxtdiv {
    width: 100%;
    padding-bottom: 0px;
  }

  .authorsection {
    padding-right: 30px;
    padding-left: 30px;
  }

  .authorbox {
    height: 380px;
  }

  .authorbox._2 {
    height: 380px;
    min-height: 0px;
  }

  .authspacer {
    width: 20px;
  }

  .mask {
    height: auto;
  }

  .chapterssection {
    padding-right: 50px;
    padding-left: 50px;
  }

  .chapterline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .hp_chapterlinkbox {
    width: 100%;
    margin-bottom: 50px;
  }

  .hp_chapterimage {
    width: 100%;
    height: 400px;
  }

  .hp_textleft {
    text-align: center;
  }

  .hp_textleft.half {
    width: 70%;
    text-align: center;
  }

  .hp_chapterimagecontainer {
    width: 100%;
  }

  .audiobooksection {
    height: auto;
    padding: 50px 50px 30px;
  }

  .divstandard {
    -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;
  }

  .div-block-10 {
    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;
  }

  .containerstandard {
    padding-right: 50px;
    padding-left: 50px;
  }

  .divleft {
    width: auto;
    margin-right: 0px;
    margin-bottom: 30px;
  }

  .play_dsk {
    background-size: 80px;
  }

  .play_dsk.smartphone {
    display: none;
  }

  .div-block-19 {
    width: 400px;
    height: 400px;
  }

  .divbook {
    width: auto;
  }

  .div-block-23 {
    width: 100%;
    margin-bottom: 30px;
  }

  .audiocontainer {
    padding-right: 50px;
    padding-left: 50px;
  }

  .audiotitle {
    font-size: 28px;
    line-height: 32px;
  }

  .heading-2 {
    top: 100px;
  }

  .chapterfinalcontainer {
    margin-top: 150px;
  }

  .div-block-35 {
    display: block;
    height: 200px;
    min-width: 300px;
    margin-top: -370px;
    margin-left: 0px;
  }

  .div-block-35.chapter2 {
    height: 250px;
    min-width: 150px;
    margin-top: -400px;
  }

  .div-block-35.chapter6 {
    min-width: 250px;
    margin-top: -464px;
    margin-left: 0px;
  }

  .questiondiv {
    min-height: 700px;
  }

  .questionimage {
    min-height: 700px;
  }

  .questionwrapper.q1 {
    min-height: 700px;
  }

  .questionwrapper.q2 {
    display: none;
  }

  .questiontextdiv {
    width: 100%;
    margin-left: 0%;
  }

  .rightanswer {
    width: 100%;
    padding-bottom: 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .image-5 {
    margin-right: 10px;
    margin-bottom: 0px;
  }

  .wronganswer {
    width: 100%;
  }

  .answers {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .div-block-42 {
    height: 10px;
  }

  .commenttext {
    margin-right: 0px;
  }

  .image-6 {
    display: none;
  }

  .cyberlicencecontainer {
    padding-right: 50px;
    padding-left: 50px;
  }

  .cybercardwrapper {
    width: 45%;
  }

  .avatarselection {
    margin-left: 10px;
  }

  .avatarimage {
    margin-right: 8px;
    margin-left: 8px;
  }

  .avatarimage.lola {
    margin-right: 0px;
    margin-left: 0px;
  }

  .section-2 {
    min-height: 400px;
    padding-right: 50px;
    padding-left: 50px;
    background-position: 100% 50%, 0px 0px;
  }

  .section-3 {
    padding: 39px 50px;
  }

  .section-5 {
    padding: 41px 50px;
  }

  .div-block-48 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .getaway-1 {
    height: 300px;
  }

  .getaway-1.ko1 {
    display: none;
  }

  .getaway-1.ko2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
  }

  .div-block-50 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .div-block-51 {
    width: 20px;
  }

  .getaway-2 {
    height: 300px;
  }

  .getaway-2.ko2 {
    display: none;
  }

  .getaway-2.ko1 {
    display: block;
    width: 60%;
    height: 300px;
  }

  .getaway-3 {
    height: 300px;
  }

  .getaway-3.ko1 {
    display: none;
  }

  .getaway-3.ko2 {
    display: block;
  }

  .heading-3 {
    width: 40%;
    font-size: 5.7vw;
    line-height: 5.7vw;
  }

  .videowrapper {
    width: 700px;
    height: 550px;
  }

  .play_mob {
    background-size: 80px;
  }

  .video {
    margin-bottom: 60px;
  }

  .div-block-55 {
    width: 80%;
  }

  .heading-4 {
    width: 85%;
  }

  .section-7 {
    padding-right: 50px;
    padding-left: 50px;
  }

  .heading-5.rightalign.black {
    text-align: center;
  }

  .heading-5._6boxtitle {
    margin-right: 30px;
    margin-left: 30px;
    line-height: 60px;
  }

  .div-block-59 {
    width: 90%;
    margin-top: 30px;
  }

  .section-10 {
    background-position: 50% 0%, 50% 50%;
    background-size: auto 300px, cover;
  }

  .div-block-60 {
    width: 80%;
    margin-top: 0px;
  }

  .div-block-62 {
    margin-top: 267px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .videobox {
    height: auto;
    min-height: auto;
  }

  .inner {
    display: none;
    height: 200px;
  }

  .image-9 {
    left: 10px;
    top: 10px;
  }

  .image-9.dx {
    top: 10px;
    right: 10px;
  }

  .image-10 {
    display: block;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .brand {
    width: 150px;
  }

  .herobanner {
    height: 190px;
    background-size: auto 190px, auto;
  }

  .introsection {
    padding-top: 50px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .maintitle {
    font-size: 36px;
    line-height: 38px;
  }

  .maintitle.left {
    width: 100%;
    line-height: 38px;
    text-align: center;
  }

  .text {
    font-size: 14px;
    line-height: 22px;
  }

  .charactersection {
    padding-right: 30px;
    padding-left: 30px;
  }

  .h2_title {
    font-size: 36px;
    line-height: 38px;
  }

  .h2_title.leftwhite {
    line-height: 38px;
  }

  .emoticon {
    display: none;
  }

  .characterslider {
    width: 440px;
  }

  .slidedivinternal {
    width: auto;
  }

  .characterimage {
    width: auto;
    height: 250px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .authorbox {
    width: 100%;
    height: auto;
    padding: 30px;
  }

  .authorbox._2 {
    width: 100%;
    height: auto;
  }

  .authspacer {
    height: 20px;
  }

  .slide {
    height: auto;
  }

  .authorwrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .hp_chapterlinkbox {
    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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .hp_chapterimage {
    height: 350px;
  }

  .hp_chapterimage.ch2 {
    width: 100%;
    height: 300px;
  }

  .hp_textleft {
    text-align: center;
  }

  .div-block-9 {
    width: 330px;
    height: 300px;
  }

  .div-block-10 {
    height: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .div-block-11 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .link-block {
    width: 250px;
    margin-bottom: 15px;
  }

  .text-block-2 {
    font-size: 13px;
  }

  .containerstandard.quiz {
    background-size: auto 40px;
  }

  .divleft {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .div-block-13 {
    width: 100%;
  }

  .div-block-14 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .div-block-15 {
    width: 130px;
    height: 180px;
    margin-bottom: 15px;
  }

  .div-block-16.en {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .play_dsk {
    display: none;
    background-size: 60px;
  }

  .div-block-19 {
    width: 320px;
    height: 330px;
  }

  .divbook {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .div-block-21 {
    height: 170px;
  }

  .bigletter {
    font-size: 50px;
  }

  .audiocontainer {
    padding-right: 30px;
    padding-left: 30px;
  }

  .booksection {
    padding-right: 30px;
    padding-left: 30px;
  }

  .whitegreenbreaker.reverse {
    padding-right: 30px;
    padding-left: 30px;
  }

  .div-block-31 {
    width: 100%;
    background-image: url('../images/chapter-2-herobanner-title.png');
    background-size: contain;
    background-repeat: no-repeat;
  }

  .chapterfinalcontainer {
    height: 300px;
    padding-right: 30px;
    padding-left: 30px;
  }

  .div-block-35 {
    margin-top: -390px;
  }

  .div-block-35.chapter2 {
    margin-top: -420px;
  }

  .div-block-35.chapter6 {
    margin-top: -485px;
  }

  .smiley {
    display: block;
    margin-bottom: 10px;
  }

  .questiondiv {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
  }

  .questionimage {
    display: none;
  }

  .questionwrapper.q1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

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

  .questionheader {
    width: 190px;
  }

  .text-block-10 {
    font-size: 42px;
  }

  .questionall {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .image-6 {
    display: block;
    margin-bottom: 20px;
  }

  .q_headerwrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .cyberlicencecontainer {
    padding-right: 30px;
    padding-left: 30px;
  }

  .avtarwreapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .cybercardwrapper {
    width: 80%;
  }

  .avatartitle {
    margin-top: 20px;
  }

  .avatarimage {
    margin-right: 15px;
    margin-left: 15px;
  }

  .section-2 {
    min-height: 500px;
    padding-right: 30px;
    padding-left: 30px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-position: 100% 100%, 0px 0px;
    background-size: auto 277px, auto;
  }

  .section-3 {
    padding-right: 30px;
    padding-left: 30px;
  }

  .section-5 {
    padding: 41px 30px;
  }

  .div-block-48 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .getaway-1 {
    width: 100%;
    height: 250px;
    margin-bottom: 20px;
  }

  .getaway-1.ko2 {
    width: 90%;
  }

  .div-block-50 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .div-block-51 {
    display: none;
  }

  .getaway-2 {
    width: 100%;
    margin-top: 20px;
  }

  .getaway-2.ko1 {
    margin-top: 0px;
  }

  .getaway-3 {
    width: 100%;
    margin-bottom: 20px;
  }

  .heading-3 {
    width: 60%;
    font-size: 54px;
    line-height: 50px;
  }

  .videowrapper {
    width: 550px;
    height: 430px;
  }

  .play_mob {
    display: block;
    background-size: 60px;
  }

  .video {
    margin-top: 20px;
  }

  .div-block-55 {
    width: 100%;
  }

  .section-6 {
    min-height: 700px;
  }

  .text-block-14 {
    font-size: 26px;
    line-height: 38px;
  }

  .section-7 {
    padding-right: 30px;
    padding-left: 30px;
  }

  .video_section_dsk {
    display: none;
  }

  .heading-5 {
    line-height: 42px;
  }

  .div-block-59 {
    margin-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .boxbts {
    width: 100%;
    height: 900px;
    margin-top: 30px;
  }

  .section-9 {
    padding-right: 30px;
    padding-left: 30px;
  }

  .div-block-60 {
    width: 90%;
  }

  .videobox {
    height: auto;
  }

  .inner {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    height: 300px;
  }

  .image-9 {
    left: 20px;
    top: 20px;
  }

  .image-9.dx {
    top: 20px;
    right: 20px;
  }

  .video_section_mob {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0px;
  }

  .slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 20px;
    padding-bottom: 60px;
    padding-left: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .mask-2 {
    height: 950px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
  }

  .slide-nav-2 {
    margin-top: 0px;
    margin-bottom: 10px;
  }

  .icon-4 {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 200px;
    color: #00a88e;
  }

  .icon-5 {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 200px;
    color: #00a88e;
  }

  .left-arrow {
    display: none;
    width: 50px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .right-arrow {
    display: none;
    width: 50px;
  }

  .swipeblock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
  }

  .div-block-66 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
    -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;
  }

  .text-block-20 {
    font-family: Kasperskysans, sans-serif;
    color: #00a88e;
    font-size: 14px;
    font-weight: 700;
  }

  .image-11 {
    width: 20px;
    height: 12px;
    margin-left: 4px;
  }

  .slide-2 {
    height: 900px;
  }

  .slide-3 {
    height: 900px;
  }

  .slide-4 {
    height: 900px;
  }

  .slide-5 {
    height: 900px;
  }

  .slide-6 {
    height: 900px;
  }

  .slide-7 {
    height: 1000px;
  }
}

@media screen and (max-width: 479px) {
  .brand {
    width: 110px;
    margin-left: 10px;
  }

  .herobanner {
    height: 100px;
    background-size: auto 100px, auto;
  }

  .herobanner.hp {
    height: 580px;
    background-image: url('../images/homepage-hero-mobile-2.jpg');
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .maintitle.left {
    width: auto;
    text-align: center;
    letter-spacing: 0px;
  }

  .text {
    font-size: 14px;
    line-height: 22px;
  }

  .characterdivtitle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .emoticon {
    margin-top: 10px;
    margin-left: 0px;
  }

  .characterslider {
    width: 300px;
  }

  .slidedivinternal {
    width: 280px;
  }

  .characterimage {
    width: 300px;
    height: 260px;
  }

  .authorsection {
    padding-right: 20px;
    padding-left: 20px;
  }

  .authorbox {
    height: auto;
    padding: 20px;
  }

  .authorbox._2 {
    height: auto;
  }

  .authtop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .chapterssection {
    padding-right: 20px;
    padding-left: 20px;
  }

  .hp_chapterlinkbox {
    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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .hp_chapterimage {
    height: 300px;
  }

  .hp_textleft.center.white {
    font-size: 16px;
  }

  .hp_textleft.center.top {
    font-size: 18px;
    line-height: 24px;
  }

  .hp_textleft.half {
    width: 100%;
  }

  .hp_chaptertitle {
    text-align: center;
  }

  .audiobooksection {
    padding-right: 20px;
    padding-left: 20px;
  }

  .div-block-9 {
    width: 280px;
    height: 265px;
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .div-block-11 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .link-block {
    margin-right: 0px;
    margin-bottom: 15px;
  }

  .link-block.soundcloud {
    width: 300px;
  }

  .containerstandard {
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .containerstandard.green {
    margin-top: 0px;
  }

  .containerstandard.quiz {
    background-size: auto 34px;
  }

  .div-block-14 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .div-block-15 {
    width: 130px;
    height: 180px;
    margin-right: 0px;
    margin-bottom: 15px;
  }

  .cta {
    width: 100%;
    text-align: center;
  }

  .cta.white {
    max-width: 300px;
  }

  .div-block-16 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .div-block-17 {
    display: none;
  }

  .play_dsk {
    display: none;
    background-size: 100px;
  }

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

  .div-block-19 {
    width: 280px;
    height: 280px;
  }

  .div-block-20 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .div-block-21 {
    display: none;
  }

  .div-block-22 {
    width: 280px;
    height: 280px;
  }

  .hp_quiztitle {
    font-size: 30px;
    line-height: 32px;
  }

  .div-block-25 {
    width: 6px;
    height: 20px;
    margin-bottom: 7px;
  }

  .div-block-26 {
    width: 280px;
    height: 280px;
  }

  .div-block-28 {
    margin-bottom: 4px;
  }

  .bigletter {
    font-size: 44px;
  }

  .section {
    height: 470px;
    background-image: url('../images/chapter-1-mobile.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .section.chapter2 {
    background-image: url('../images/chapter-2-mobile.jpg');
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .section.chapter3 {
    background-image: url('../images/chapter-3-mobile.jpg');
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .section.chapter4 {
    background-image: url('../images/chapter-4-mobile.jpg');
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .section.chapter5 {
    background-image: url('../images/chapter-5-mobile.jpg');
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .section.chapter6 {
    background-image: url('../images/chapter-6-mobile-new.jpg');
  }

  .audiocontainer {
    height: auto;
    padding-right: 20px;
    padding-left: 20px;
  }

  .imgbreaker {
    width: 320px;
  }

  .imgbreaker.chapter4_1 {
    width: 300px;
    height: 400px;
  }

  .imgbreaker.chapter4_2 {
    width: 300px;
  }

  .imgbreaker.chapter5_1 {
    width: 280px;
    height: 330px;
  }

  .imgbreaker.chapter_5_2 {
    width: 280px;
    height: 300px;
  }

  .imgbreaker.chapter61 {
    width: 320px;
    height: 200px;
  }

  .div-block-31 {
    display: none;
  }

  .div-block-32 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .div-block-33 {
    display: none;
    height: 10px;
  }

  .chapterfinalcontainer {
    height: 450px;
  }

  .div-block-35 {
    height: 180px;
    min-width: 280px;
    margin-top: -450px;
  }

  .div-block-35.chapter2 {
    margin-top: -520px;
  }

  .div-block-35.chapter6 {
    margin-top: -630px;
  }

  .dropdown-toggle {
    margin-bottom: 0px;
  }

  .quizcontainer {
    display: none;
  }

  .questiondiv {
    padding-right: 20px;
    padding-left: 20px;
  }

  .questionwrapper.q2 {
    display: none;
  }

  .questionwrapper.q3 {
    display: none;
  }

  .questionwrapper.q4 {
    display: none;
  }

  .questionheader {
    width: 140px;
    height: 130px;
  }

  .text-block-10 {
    margin-left: 74px;
  }

  .questiontext {
    line-height: 21px;
  }

  .rightanswer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .answers {
    margin-top: 10px;
  }

  .commenttext {
    margin-right: 0px;
  }

  .cyberlicencecontainer {
    padding-right: 10px;
    padding-left: 10px;
  }

  .avtarwreapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .cybercardwrapper {
    width: 100%;
  }

  .avatarimage {
    margin-right: 0px;
    margin-left: 0px;
  }

  .section-2 {
    padding-right: 20px;
    padding-left: 20px;
    background-position: 100% 100%, 0px 0px;
    background-size: auto 232px, auto;
  }

  .section-3 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .section-5 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .getaway-1 {
    height: 220px;
  }

  .getaway-1.ko2 {
    width: 100%;
  }

  .getaway-2 {
    height: 280px;
  }

  .getaway-2.ko2 {
    display: none;
  }

  .getaway-2.ko1 {
    width: 100%;
    margin-top: 0px;
  }

  .getaway-3 {
    height: 230px;
  }

  .heading-3 {
    width: 100%;
    font-size: 48px;
    line-height: 48px;
  }

  .dropdown {
    margin-bottom: 20px;
  }

  .chapterimg.chapter63 {
    width: 320px;
    height: 320px;
  }

  .videodsktp {
    display: none;
  }

  .videowrapper {
    width: 310px;
    height: 250px;
  }

  .videowrapper.smartphone {
    width: 90vw;
    height: 90vh;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .play_mob {
    display: block;
    background-size: 100px;
  }

  .heading-4 {
    font-size: 38px;
    line-height: 40px;
  }

  .text-block-14 {
    font-size: 20px;
    line-height: 22px;
  }

  .div-block-56 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .section-7 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .heading-5 {
    line-height: 42px;
  }

  .heading-5.white {
    font-size: 32px;
    line-height: 36px;
  }

  .heading-5.rightalign {
    font-size: 32px;
    line-height: 36px;
  }

  .heading-5.rightalign.black {
    line-height: 37px;
    text-align: left;
  }

  .heading-5._6boxtitle {
    font-size: 34px;
    line-height: 38px;
  }

  .div-block-59 {
    margin-top: 0px;
  }

  .boxbts {
    margin-top: 30px;
  }

  .boxtitlebts {
    font-size: 30px;
    line-height: 32px;
  }

  .text-span-13 {
    font-size: 28px;
    line-height: 28px;
  }

  .section-9 {
    padding-right: 20px;
    padding-left: 20px;
    background-position: 50% 50%;
    background-size: cover;
  }

  .image-7 {
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .section-10 {
    background-size: auto 270px, cover;
  }

  .div-block-62 {
    margin-top: 300px;
  }

  .background-video {
    display: none;
  }

  .videobox {
    height: auto;
    min-height: auto;
  }

  .inner {
    height: 180px;
  }

  .div-block-63 {
    width: 290px;
  }

  .background-video-2 {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
  }

  .image-9 {
    left: 10px;
    top: 10px;
  }

  .image-9.dx {
    top: 10px;
    right: 10px;
  }

  .video_section_mob {
    padding-bottom: 0px;
  }

  .icon-4 {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 180px;
  }

  .icon-5 {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 180px;
  }

  .left-arrow {
    display: none;
    width: 40px;
  }

  .right-arrow {
    width: 40px;
  }

  .slide-2 {
    height: 950px;
  }

  .slide-3 {
    height: 950px;
  }

  .slide-4 {
    height: 950px;
  }

  .slide-5 {
    height: 950px;
  }

  .slide-6 {
    height: 950px;
  }

  .slide-7 {
    height: 950px;
  }
}

@font-face {
  font-family: 'Wee bairn';
  src: url('../fonts/Jazz_Ball_Regular.ttf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kasperskysans';
  src: url('../fonts/KasperskySans-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kasperskysans';
  src: url('../fonts/KasperskySans-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kasperskysans';
  src: url('../fonts/KasperskySans-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}