/* Scss Document */
body {
  padding: 0px;
  margin: 0px; }

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

.scena {
  height: 800px;
  width: 100%;
  overflow: hidden;
  position: relative; }

.wrapper {
  height: 800px;
  width: 1200px;
  position: relative;
  bottom: 0%;
  margin: 0px auto; }

.pre-wrapper {
  position: absolute;
  bottom: 0%;
  width: 100%; }

.text {
  width: 100%;
  text-align: center;
  /*	padding-top: 300px;*/
  font-size: 2em; }

.stred {
  position: absolute;
  width: 1200px;
  margin: 0px auto;
  top: 0px;
  left: 50%;
  margin-left: -600px;
  height: 100%; }

.uvod {
  background: #383838; }

.uvod-logo {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%; }
  .uvod-logo img {
    width: 340px;
    height: 100%;
    margin: 0px auto;
    display: block; }

.uvod-logo-bw {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0; }
  .uvod-logo-bw img {
    width: 340px;
    margin: 0px auto;
    display: block;
    height: 100%; }

.krajina-noc {
  background-image: url(../img/krajina-noc.png);
  background-position: center;
  position: absolute;
  height: 425px;
  width: 100%;
  bottom: 0px;
  z-index: 11; }

.krajina-obloha {
  background: #383838;
  width: 100%;
  height: 100%; }

.krajina-hvezdy {
  background-image: url(../img/krajina-hvezdy.png);
  background-repeat: repeat;
  background-position: center;
  position: absolute;
  bottom: 0%;
  left: -5%; }

.krajina-mesic {
  position: absolute;
  bottom: 68%;
  left: 65%; }

.krajina-slunce {
  position: absolute;
  bottom: -23%;
  left: 60%; }

.test {
  position: relative;
  height: 100%;
  width: 100%;
  display: block; }

.krajina-mraky {
  position: absolute;
  left: -76%;
  bottom: 50%;
  opacity: 0; }

.krajina-den {
  background-image: url(../img/krajina.png);
  background-position: center;
  position: absolute;
  height: 425px;
  width: 100%;
  bottom: 0px;
  z-index: 10; }

.krajina-pokoj {
  width: 100%; }

.pokoj-steny {
  background: #cda09c;
  width: 100%;
  height: 100%; }

.pokoj-postel {
  position: absolute;
  bottom: 105px;
  left: 696px; }

.pokoj-vozicek {
  position: absolute;
  left: 480px;
  bottom: 256px;
  z-index: 1; }

.pokoj-kluk-hlava {
  position: absolute;
  left: 743px;
  bottom: 423px; }

.pokoj-perina {
  position: absolute;
  width: 238px;
  left: 702px;
  bottom: 197px;
  z-index: 10; }
  .pokoj-perina img {
    width: 100%; }

.pokoj-podlaha {
  position: absolute;
  background: #ba908c;
  width: 100%;
  bottom: 0;
  height: 335px; }

.pokoj-skrin {
  position: absolute;
  bottom: 32%;
  left: -800px;
  opacity: 0; }

.pokoj-stolek {
  position: absolute;
  right: -500px;
  bottom: 41%;
  opacity: 0; }

.pokoj-mama {
  position: absolute;
  opacity: 0;
  left: -40%;
  bottom: 32%; }

.pokoj-oba {
  position: absolute;
  bottom: 20.5%;
  left: 46.6%;
  opacity: 0; }

.ulice-bck {
  background: #c6f0f3;
  background-image: url(../img/ulice-bck.jpg);
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat; }

.ulice-asistentka {
  position: absolute;
  left: 13%;
  bottom: 6.5%;
  height: 31%; }
  .ulice-asistentka img {
    height: 100%; }

.ulice-kluk {
  position: absolute;
  left: -74%;
  bottom: 6.5%;
  opacity: 0;
  height: 23%; }
  .ulice-kluk img {
    height: 100%; }

.ulice-auto {
  position: absolute;
  left: -87%;
  bottom: 20px;
  opacity: 0;
  height: 28%; }
  .ulice-auto img {
    height: 100%; }

.ulice-mamka {
  position: absolute;
  left: -64%;
  bottom: 14%;
  opacity: 0;
  height: 15%; }
  .ulice-mamka img {
    height: 100%; }

.uterapeuta {
  background: #6a989a; }

.uterapeuta-podlaha {
  height: 330px;
  width: 100%;
  background: #d0d5d1;
  position: absolute;
  bottom: 0; }

.uterapeuta-terapeut {
  position: absolute;
  bottom: 202px;
  left: 133px; }

.uterapeuta-kluk {
  position: absolute;
  bottom: 199px;
  left: 462px;
  z-index: 10; }

.uterapeuta-stul {
  position: absolute;
  bottom: 210px;
  left: 334px;
  z-index: 10; }

.uterapeuta-okno {
  position: absolute;
  opacity: 0;
  bottom: 427px;
  left: 394px;
  z-index: -1; }

.uterapeuta-sklenicka-leva {
  position: absolute;
  bottom: 1300px;
  left: 375px;
  opacity: 0; }

.uterapeuta-sklenicka-prava {
  position: absolute;
  bottom: 1300px;
  left: 445px;
  opacity: 0; }

.uterapeuta-diplom-horni {
  position: absolute;
  bottom: 545px;
  left: -1000px; }

.uterapeuta-diplom-dolni {
  position: absolute;
  bottom: 458px;
  left: -1000px; }

.uterapeuta-pricka {
  position: absolute;
  bottom: 155px;
  left: 1800px;
  z-index: 11;
  opacity: 0; }

.uterapeuta-terapeutka {
  position: absolute;
  left: 2000px;
  bottom: 204px;
  opacity: 0; }

.uterapeuta-holcicka {
  position: absolute;
  left: 2500px;
  bottom: 204px;
  opacity: 0;
  transform: matrix(1, 0, 0, 1, 0, 0); }

.keramika-nadoba1 {
  position: absolute;
  bottom: 1500px;
  opacity: 0;
  left: 26px; }

.keramika-nadoba2 {
  position: absolute;
  bottom: 1500px;
  opacity: 0;
  left: 79px; }

.keramika-nadoba3 {
  position: absolute;
  bottom: 1500px;
  opacity: 0;
  left: 155px; }

.keramika-nadoba4 {
  position: absolute;
  bottom: 1500px;
  opacity: 0;
  left: 230px; }

.keramika-stul {
  position: absolute;
  left: -1000px;
  opacity: 0;
  bottom: 199px; }

.keramika-knizka1 {
  position: absolute;
  opacity: 0;
  bottom: 1500px;
  left: 320px; }

.keramika-knizka2 {
  position: absolute;
  opacity: 0;
  bottom: 1500px;
  left: 272px; }

.keramika-knizka3 {
  position: absolute;
  opacity: 0;
  bottom: 1500px;
  left: 300px; }

.kuchyn-holcicka {
  position: absolute;
  opacity: 0;
  bottom: 211px;
  left: 2000px; }

.kuchyn-asistentka {
  position: absolute;
  opacity: 0;
  bottom: 227px;
  left: 2000px; }

.kuchyn-linka {
  position: absolute;
  opacity: 0;
  bottom: 2500px;
  left: 650px; }

.kuchyn-jidlo1 {
  position: absolute;
  opacity: 0;
  bottom: 2500px;
  left: 901px; }

.kuchyn-jidlo2 {
  position: absolute;
  opacity: 0;
  bottom: 2500px;
  left: 970px; }

.kuchyn-obklady {
  position: absolute;
  opacity: 0;
  z-index: -1;
  bottom: 426px;
  left: 720px; }

.prednaska-okno {
  position: absolute;
  opacity: 0;
  bottom: 427px;
  left: -1000px;
  z-index: -1; }

.prednaska-stul {
  position: absolute;
  opacity: 0;
  bottom: 1400px;
  left: 197px;
  z-index: 5; }

.prednaska-asistentka {
  position: absolute;
  opacity: 0;
  bottom: 190px;
  left: -1200px;
  z-index: 2; }

.prednaska-tabule {
  position: absolute;
  opacity: 0;
  left: -1200px;
  bottom: 380px; }

.prednaska-planety {
  position: absolute;
  opacity: 0;
  left: 281px;
  bottom: 408px; }

.prednaska-krida {
  position: absolute;
  opacity: 0;
  left: 460px;
  bottom: 1500px;
  z-index: 1; }

.prednaska-pravitko {
  position: absolute;
  opacity: 0;
  z-index: 1;
  bottom: 1500px;
  left: 500px; }

.prednaska-zidle-kluk {
  position: absolute;
  opacity: 0;
  bottom: 193px;
  left: -1500px;
  z-index: 5; }

.prednaska-zidle-holcicka {
  position: absolute;
  left: 692px;
  z-index: 6;
  bottom: 1500px;
  opacity: 0; }

.prednaska-zidle-holcicka2 {
  position: absolute;
  opacity: 0;
  bottom: 182px;
  left: 2500px;
  z-index: 3; }

.prednaska-kluk {
  position: absolute;
  opacity: 0;
  left: 608px;
  bottom: 207px;
  z-index: 5; }

.prednaska-holcicka {
  position: absolute;
  opacity: 0;
  bottom: 193px;
  left: 645px;
  z-index: 7; }

.prednaska-holcicka2 {
  position: absolute;
  opacity: 0;
  bottom: 215px;
  left: 753px;
  z-index: 5; }

.herna-stul {
  position: absolute;
  opacity: 0;
  left: -1000px;
  bottom: 201px;
  z-index: 12; }

.herna-pastelky {
  position: absolute;
  opacity: 0;
  bottom: 1800px;
  left: 859px; }

.herna-vykresy {
  position: absolute;
  opacity: 0;
  bottom: 351px;
  left: 906px; }

.herna-holcicka1 {
  position: absolute;
  opacity: 0;
  bottom: 170px;
  left: -1000px; }

.herna-kluk {
  position: absolute;
  opacity: 0;
  bottom: 231px;
  left: -1000px; }

.herna-holcicka2 {
  position: absolute;
  opacity: 0;
  bottom: 239px;
  left: -1000px;
  z-index: 1; }

.herna-kostky1 {
  position: absolute;
  opacity: 0;
  bottom: 2000px;
  left: 208px;
  z-index: 1; }

.herna-kostky2 {
  position: absolute;
  opacity: 0;
  bottom: 2000px;
  left: 295px;
  z-index: 1; }

.herna-hra {
  position: absolute;
  opacity: 0;
  bottom: 2000px;
  left: 455px;
  z-index: 1; }

.herna-asistentka {
  position: absolute;
  opacity: 0;
  bottom: 232px;
  left: -1000px; }

.herna-skrinka {
  position: absolute;
  opacity: 0;
  bottom: 1500px;
  left: 55px; }

.herna-zrcadlo {
  position: absolute;
  opacity: 0;
  bottom: 467px;
  left: 124px; }

.herna-policka {
  position: absolute;
  opacity: 0;
  bottom: 484px;
  left: 3000px; }

.herna-krabice {
  position: absolute;
  opacity: 0;
  bottom: 1500px;
  left: 568px; }

.louka-prvky {
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-image: url(../img/louka-prvky.png);
  background-position: -100px bottom left;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  background-size: cover;
  z-index: 1; }

.louka-mraky {
  position: absolute;
  bottom: 60%;
  right: -100%;
  width: 530px;
  z-index: 0;
  opacity: 0; }
  .louka-mraky img {
    width: 100%; }

.louka-obloha {
  background: #c6f0f3;
  width: auto;
  height: 100%; }

.louka-oba {
  position: absolute;
  bottom: 11%;
  left: 2%;
  z-index: 10; }
  .louka-oba img {
    height: 100%; }

.sal-opona {
  background-image: url(../img/sal-opona.png);
  background-repeat: repeat-x;
  background-size: cover; }

.sal-podlaha {
  background: #e4d9c0;
  height: 178px; }

.sal-vyzdobal {
  background-image: url(../img/sal-vyzdoba-l.png);
  height: 231px;
  width: 591px;
  position: absolute;
  left: -276px;
  top: -50px; }

.sal-vyzdobar {
  background-image: url(../img/sal-vyzdoba-r.png);
  height: 231px;
  width: 591px;
  position: absolute;
  right: -276px;
  top: -50px; }

.sal-napis {
  background-image: url(../img/sal-napis.png);
  height: 154px;
  width: 814px;
  position: absolute;
  top: 70px;
  left: 193px; }

.sal-divaci {
  position: absolute;
  bottom: 179px;
  left: 44px;
  opacity: 0; }

.tanec-holcicka1 {
  position: absolute;
  left: -1500px;
  bottom: -256px;
  opacity: 0;
  z-index: 4;
  height: 756px; }

.tanec-kluk1 {
  position: absolute;
  left: -1500px;
  bottom: -292px;
  height: 838px;
  opacity: 0;
  z-index: 3; }

.tanec-holcicka2 {
  position: absolute;
  left: -1500px;
  bottom: -280px;
  height: 812px;
  opacity: 0;
  z-index: 2; }

.tanec-kluk2 {
  position: absolute;
  left: -1500px;
  bottom: -245px;
  height: 734px;
  opacity: 0;
  z-index: 1; }

.hudba-holcicka1 {
  position: absolute;
  bottom: 96px;
  left: -1500px;
  opacity: 0;
  z-index: 4; }

.hudba-kluk1 {
  position: absolute;
  bottom: 108px;
  left: -1500px;
  z-index: 2; }

.hudba-ruka {
  position: absolute;
  z-index: 4;
  bottom: 244px;
  left: 415px;
  opacity: 0; }

.hudba-kluk2 {
  position: absolute;
  bottom: 140px;
  left: -1500px;
  opacity: 0; }

.hudba-holcicka2 {
  position: absolute;
  bottom: 119px;
  left: -1500px;
  opacity: 0;
  z-index: 2; }

.hudba-mikrofon {
  position: absolute;
  bottom: 2000px;
  left: 558px;
  opacity: 0;
  z-index: 4; }

.hudba-kytara {
  position: absolute;
  bottom: 2000px;
  left: 398px;
  opacity: 0;
  z-index: 3; }

.hudba-bubny {
  position: absolute;
  bottom: 2000px;
  left: 199px;
  opacity: 0;
  z-index: 1; }

.hudba-rumbakoule {
  position: absolute;
  bottom: 2000px;
  left: 37px;
  opacity: 0;
  z-index: 3; }

.divadlo-holcicka1 {
  position: absolute;
  bottom: -282px;
  height: 750px;
  left: -1500px;
  opacity: 0;
  z-index: 3; }

.divadlo-kluk1 {
  position: absolute;
  bottom: -312px;
  height: 858px;
  left: -1500px;
  opacity: 0;
  z-index: 2; }

.divadlo-holcicka2 {
  position: absolute;
  height: 830px;
  bottom: -314px;
  left: -1500px;
  opacity: 0; }

.divadlo-kluk2 {
  position: absolute;
  bottom: -286px;
  height: 778px;
  left: -1500px;
  opacity: 0;
  z-index: 1; }