.poster {
  background-image: url(../poster.png); }

.bg-img {
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }

#parallax1 {
  height: 140vh;
  width: 100%;
  overflow: hidden;
  background: no-repeat;
  position: relative;
  top: 0;
  z-index: 100;
  content: 'viewport-units-buggyfill; height: 140vh;'; }

.img1 {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  background-image: url("../images/1.jpg");
  background-position: 50% 0%;
  position: absolute;
  height: 100%; }

#text1 {
  position: fixed;
  top: 52%;
  left: 6%;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.gap1 {
  height: 150vh;
  content: 'viewport-units-buggyfill; height: 180vh;'; }

#parallax2 {
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9; }

#pic2 {
  height: 100%;
  width: 100%;
  position: absolute;
  opacity: 1;
  top: 0;
  bottom: auto; }

.img2 {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  background-image: url("../images/2.jpg");
  background-position: center 0;
  background-size: auto 100%;
  position: absolute;
  height: 100%;
  bottom: auto;
  top: 0;
  z-index: 10; }

#text2 {
  text-align: center;
  bottom: 15%;
  position: absolute;
  width: 100%;
  opacity: 0; }

#text2 p {
  margin: auto;
  padding: 0px 40px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

#gsub {
  opacity: 0;
  padding-top: 10px; }

.gap2 {
  height: 120vh;
  content: 'viewport-units-buggyfill; height: 144vh;'; }

#parallax3 {
  position: fixed;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  z-index: 8;
  background: #000; }

#text3a {
  width: 100%;
  bottom: 15%;
  opacity: 0;
  position: absolute;
  display: block;
  visibility: visible;
  z-index: 100; }

#text3-contain {
  position: absolute;
  height: 50%;
  width: 50%;
  top: 50%;
  left: 50%;
  margin-top: -27vh;
  content: 'viewport-units-buggyfill; margin-top: -30vh;'; }

#text3 {
  width: 100%; }

#text3 span {
  height: 50vh;
  display: inline-block;
  left: 0;
  vertical-align: middle;
  content: 'viewport-units-buggyfill; height: 60vh;'; }

#text3 p {
  vertical-align: middle;
  margin: auto;
  width: 90%;
  text-align: center;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle; }

#pic3 {
  height: 100%;
  width: 100%;
  opacity: 1;
  position: absolute; }

.img3 {
  width: 40vw;
  height: 51.7vw;
  left: 50%;
  margin-left: -20vw;
  top: 50%;
  position: absolute;
  opacity: 0;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0); }

.gap3 {
  height: 75vh;
  content: 'viewport-units-buggyfill; height: 90vh;'; }

#parallax4, #parallax5 {
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 100;
  top: 0;
  left: 0;
  visibility: hidden; }

#parallax4 {
  background-color: transparent; }

#pic4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.img4a {
  width: 40vw;
  height: 100%;
  left: -60vw;
  background-image: url("../images/6a.jpg");
  background-position: center; }

.img4b {
  width: 60vw;
  height: 100%;
  left: auto;
  right: -80vw;
  background-image: url("../images/6b.jpg");
  background-position: cente; }

#text4 {
  bottom: 10%;
  left: auto;
  right: 10%; }

#text4 p {
  position: relative;
  margin: auto;
  text-shadow: 1px 1px 8px #000000, 1px 1px 2px #000000; }

#text4b {
  opacity: 0; }

#parallax5 {
  position: fixed;
  z-index: 99;
  opacity: 0; }

#pic5 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; }

.img5 {
  width: 100%;
  position: absolute;
  background-image: url("../images/7.jpg");
  background-position: center 0;
  background-size: auto 100%;
  height: 100vh;
  content: 'viewport-units-buggyfill; height: 120vh;'; }

#text5 {
  width: 100%;
  bottom: 20%; }

.img6 {
  width: 100%;
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  background-image: url("../images/8.jpg");
  background-position: center 0%;
  height: 100vh;
  content: 'viewport-units-buggyfill; height: 120vh;'; }

#text6 {
  position: absolute;
  bottom: 3%;
  width: 100%; }

#text6 p {
  position: relative; }

.gap6 {
  height: 60vh;
  content: 'viewport-units-buggyfill; height: 72vh;'; }

#cutoutcontainer {
  height: 100%;
  width: 100%;
  background: transparent;
  position: fixed;
  opacity: 0;
  top: 0;
  z-index: 10;
  visibility: hidden; }

#cutout {
  background-position: center;
  background-size: cover;
  background-image: url(../images/cutout.png);
  background-color: transparent; }

#cutout-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center;
  background-size: cover;
  background-image: url(../images/3-cutout.jpg);
  content: 'viewport-units-buggyfill; height: 120vh;'; }

#cutouttext {
  top: 35%;
  left: auto;
  right: 5%; }

.gap4 {
  height: 160vh;
  content: 'viewport-units-buggyfill; height: 192vh;'; }

.gap5 {
  height: 150vh;
  content: 'viewport-units-buggyfill; height: 180vh;'; }

.learn-paula, .grow-paula {
  left: 6%;
  bottom: 8%; }

.learn-zad p span {
  display: inline-block; }

#parallax10 {
  position: relative; }

.supp1, .grow-supp1 {
  top: 3%;
  left: 26vmin;
  height: 28vmin;
  width: 28vmin;
  z-index: 1; }

.supp1-inner {
  height: 150%;
  width: 200%;
  top: -30%;
  left: -10%;
  background-image: url(../images/supp-1.jpg); }

.grow-supp1 {
  z-index: 0; }

.supp2 {
  top: 27%;
  left: 4vmin;
  height: 26vmin;
  width: 26vmin; }

.supp2-inner {
  height: 180%;
  width: 130%;
  left: -20%;
  top: -15%;
  background-image: url(../images/supp-2.jpg); }

.supp3 {
  bottom: 20%;
  left: 14vmin;
  height: 24vmin;
  width: 24vmin; }

.supp3-inner {
  height: 120%;
  width: 120%;
  top: -15%;
  left: -10%;
  background-image: url(../images/supp-3.jpg); }

.supp4 {
  bottom: 4%;
  left: 35vmin;
  height: 22vmin;
  width: 22vmin; }

.supp4-inner {
  height: 100%;
  width: 150%;
  top: 0%;
  left: -20%;
  background-image: url(../images/supp-4.jpg); }

.supp5 {
  top: 14%;
  right: 29%;
  height: 25vmin;
  width: 25vmin;
  border-radius: 100%; }

.supp5-inner {
  height: 100%;
  width: 180%;
  top: 0%;
  left: -45%;
  background-image: url(../images/supp-5.jpg); }

.supp6 {
  top: 35%;
  right: 44%;
  height: 22.5vmin;
  width: 22.5vmin;
  border-radius: 100%; }

.supp6-inner {
  height: 140%;
  width: 200%;
  top: -5%;
  left: 0%;
  background-image: url(../images/supp-6.jpg); }

.supp7 {
  top: 60%;
  right: 37%;
  height: 20vmin;
  width: 20vmin; }

.supp7-inner {
  height: 120%;
  width: 180%;
  top: -4%;
  left: -40%;
  background-image: url(../images/supp-7.jpg); }

.supp8 {
  top: 58%;
  right: 22%;
  height: 18vmin;
  width: 18vmin; }

.supp8-inner {
  height: 100%;
  width: 160%;
  top: 0%;
  left: -30%;
  background-image: url(../images/supp-8.jpg); }

.supp9 {
  top: 38%;
  right: 19%;
  height: 16vmin;
  width: 16vmin; }

.supp9-inner {
  height: 120%;
  width: 180%;
  top: 0%;
  left: -20%;
  background-image: url(../images/supp-9.jpg); }

.supp10 {
  top: 8vmin;
  right: 10vmin;
  height: 19vmin;
  width: 19vmin;
  position: absolute; }

.supp10-inner {
  height: 150%;
  width: 170%;
  top: -20%;
  left: -70%;
  background-image: url(../images/supp-10.jpg); }

.supp11 {
  bottom: 10vmin;
  right: 10vmin;
  height: 17vmin;
  width: 17vmin;
  position: absolute; }

.supp11-inner {
  height: 150%;
  width: 170%;
  top: -20%;
  left: -70%;
  background-image: url(../images/supp-11.jpg); }

#preload {
  background: url("https://theworldintenblocks.com/interactive/paula/images/supp-1.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/paula/images/supp-2.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/paula/images/supp-3.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/paula/images/supp-4.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/paula/images/supp-5.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/paula/images/supp-6.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/paula/images/supp-7.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/paula/images/supp-8.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/paula/images/supp-9.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/paula/images/supp-10.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/paula/images/supp-11.jpg") no-repeat -9999px -9999px; }

@media only screen and (max-device-width: 1280px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), (max-width: 960px), (max-height: 540px) and (orientation: landscape) {
  .img1 {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/small/1.jpg"); }
  .img2 {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/small/2.jpg"); }
  #cutout-bg {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/small/3-cutout.jpg"); }
  #cutout {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/small/cutout.png"); }
  .img4a {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/small/6a.jpg"); }
  .img4b {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/small/6b.jpg"); }
  .img5 {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/small/7.jpg"); }
  .img6 {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/small/8.jpg"); }
  .supp1-inner {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/small/supp-1.jpg"); }
  .supp2-inner {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/small/supp-2.jpg"); }
  .supp3-inner {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/small/supp-3.jpg"); }
  .supp4-inner {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/small/supp-4.jpg"); }
  .supp5-inner {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/small/supp-5.jpg"); }
  .supp6-inner {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/small/supp-6.jpg"); }
  .supp7-inner {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/small/supp-7.jpg"); }
  .supp8-inner {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/small/supp-8.jpg"); }
  .supp9-inner {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/small/supp-9.jpg"); }
  .supp10-inner {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/small/supp-10.jpg"); }
  .supp11-inner {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/small/supp-11.jpg"); }
  #preload {
    background: url("https://theworldintenblocks.com/interactive/paula/images/small/supp-1.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/paula/images/small/supp-2.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/paula/images/small/supp-3.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/paula/images/small/supp-4.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/paula/images/small/supp-5.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/paula/images/small/supp-6.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/paula/images/small/supp-7.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/paula/images/small/supp-8.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/paula/images/small/supp-9.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/paula/images/small/supp-10.jpg") no-repeat -9999px -9999px, url("https://theworldintenblocks.com/interactive/paula/images/small/supp-11.jpg") no-repeat -9999px -9999px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .img1 {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/1.jpg"); }
  .img2 {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/2.jpg"); }
  #cutout-bg {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/3-cutout.jpg"); }
  #cutout {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/cutout.png"); }
  .img4a {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/6a.jpg"); }
  .img4b {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/6b.jpg"); }
  .img5 {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/7.jpg"); }
  .img6 {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/8.jpg"); }
  .supp1-inner {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/supp-1.jpg"); }
  .supp2-inner {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/supp-2.jpg"); }
  .supp3-inner {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/supp-3.jpg"); }
  .supp4-inner {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/supp-4.jpg"); }
  .supp5-inner {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/supp-5.jpg"); }
  .supp6-inner {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/supp-6.jpg"); }
  .supp7-inner {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/supp-7.jpg"); }
  .supp8-inner {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/supp-8.jpg"); }
  .supp9-inner {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/supp-9.jpg"); }
  .supp10-inner {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/supp-10.jpg"); }
  .supp11-inner {
    background-image: url("https://theworldintenblocks.com/interactive/paula/images/supp-11.jpg"); } }

@media screen and (max-width: 720px), (max-height: 480px) {
  #cutouttext {
    top: 45%; } }