@import url(./css.css?family=Sniglet:800);
.actions-sprite, .actions-a1, .actions-a10, .actions-a11, .actions-a12, .actions-a2, .actions-a3, .actions-a4, .actions-a5, .actions-a6, .actions-a7, .actions-a8, .actions-a9 {
  background: url('../images/main/actions-s931d857c59.png') no-repeat;
}

.actions-a1 {
  background-position: 0 -306px;
  height: 92px;
  width: 86px;
}

.actions-a10 {
  background-position: 0 -1020px;
  height: 92px;
  width: 86px;
}

.actions-a11 {
  background-position: 0 0;
  height: 92px;
  width: 86px;
}

.actions-a12 {
  background-position: 0 -204px;
  height: 92px;
  width: 86px;
}

.actions-a2 {
  background-position: 0 -1122px;
  height: 92px;
  width: 86px;
}

.actions-a3 {
  background-position: 0 -408px;
  height: 92px;
  width: 86px;
}

.actions-a4 {
  background-position: 0 -510px;
  height: 92px;
  width: 86px;
}

.actions-a5 {
  background-position: 0 -714px;
  height: 92px;
  width: 86px;
}

.actions-a6 {
  background-position: 0 -102px;
  height: 92px;
  width: 86px;
}

.actions-a7 {
  background-position: 0 -918px;
  height: 92px;
  width: 86px;
}

.actions-a8 {
  background-position: 0 -816px;
  height: 92px;
  width: 86px;
}

.actions-a9 {
  background-position: 0 -612px;
  height: 92px;
  width: 86px;
}

.bags-sprite, .bags-b1, .bags-b2, .bags-b3, .bags-b4, .bags-b5, .bags-b6 {
  background: url('../images/main/doll/bags-s7f8f96421f.png') no-repeat;
}

.bags-b1 {
  background-position: 0 -1800px;
  height: 600px;
  width: 420px;
}

.bags-b2 {
  background-position: 0 0;
  height: 600px;
  width: 420px;
}

.bags-b3 {
  background-position: 0 -2400px;
  height: 600px;
  width: 420px;
}

.bags-b4 {
  background-position: 0 -1200px;
  height: 600px;
  width: 420px;
}

.bags-b5 {
  background-position: 0 -600px;
  height: 600px;
  width: 420px;
}

.bags-b6 {
  background-position: 0 -3000px;
  height: 600px;
  width: 420px;
}

.dresses-sprite, .dresses-d1, .dresses-d2, .dresses-d3, .dresses-d4, .dresses-d5, .dresses-d6 {
  background: url('../images/main/doll/dresses-sfd09c9c4c7.png') no-repeat;
}

.dresses-d1 {
  background-position: 0 -268px;
  height: 134px;
  width: 191px;
}

.dresses-d2 {
  background-position: 0 -536px;
  height: 134px;
  width: 191px;
}

.dresses-d3 {
  background-position: 0 0;
  height: 134px;
  width: 191px;
}

.dresses-d4 {
  background-position: 0 -134px;
  height: 134px;
  width: 191px;
}

.dresses-d5 {
  background-position: 0 -402px;
  height: 134px;
  width: 191px;
}

.dresses-d6 {
  background-position: 0 -670px;
  height: 134px;
  width: 191px;
}

.extras-sprite, .extras-e1, .extras-e2, .extras-e3, .extras-e4, .extras-e5 {
  background: url('../images/main/doll/extras-s3f9fa2f7a6.png') no-repeat;
}

.extras-e1 {
  background-position: 0 -2400px;
  height: 600px;
  width: 483px;
}

.extras-e2 {
  background-position: 0 -1800px;
  height: 600px;
  width: 483px;
}

.extras-e3 {
  background-position: 0 -1200px;
  height: 600px;
  width: 483px;
}

.extras-e4 {
  background-position: 0 -600px;
  height: 600px;
  width: 483px;
}

.extras-e5 {
  background-position: 0 0;
  height: 600px;
  width: 483px;
}

.eyes-sprite, .eyes-e1, .eyes-e2, .eyes-e3, .eyes-e4, .eyes-e5, .eyes-e6 {
  background: url('../images/main/doll/eyes-s9837300723.png') no-repeat;
}

.eyes-e1 {
  background-position: 0 -186px;
  height: 93px;
  width: 208px;
}

.eyes-e2 {
  background-position: 0 0;
  height: 93px;
  width: 208px;
}

.eyes-e3 {
  background-position: 0 -93px;
  height: 93px;
  width: 208px;
}

.eyes-e4 {
  background-position: 0 -279px;
  height: 93px;
  width: 208px;
}

.eyes-e5 {
  background-position: 0 -465px;
  height: 93px;
  width: 208px;
}

.eyes-e6 {
  background-position: 0 -372px;
  height: 93px;
  width: 208px;
}

.glasses-sprite, .glasses-g1, .glasses-g2, .glasses-g3, .glasses-g4, .glasses-g5 {
  background: url('../images/main/doll/glasses-s1350a2ab36.png') no-repeat;
}

.glasses-g1 {
  background-position: 0 -1200px;
  height: 600px;
  width: 483px;
}

.glasses-g2 {
  background-position: 0 -2400px;
  height: 600px;
  width: 483px;
}

.glasses-g3 {
  background-position: 0 0;
  height: 600px;
  width: 483px;
}

.glasses-g4 {
  background-position: 0 -600px;
  height: 600px;
  width: 483px;
}

.glasses-g5 {
  background-position: 0 -1800px;
  height: 600px;
  width: 483px;
}

.hairs-sprite, .hairs-h1, .hairs-h2, .hairs-h3, .hairs-h4, .hairs-h5, .hairs-h5b, .hairs-h6, .hairs-h6b {
  background: url('../images/main/doll/hairs-seac68e08e8.png') no-repeat;
}

.hairs-h1 {
  background-position: 0 -394px;
  height: 394px;
  width: 336px;
}

.hairs-h2 {
  background-position: 0 -788px;
  height: 394px;
  width: 336px;
}

.hairs-h3 {
  background-position: 0 -2364px;
  height: 394px;
  width: 336px;
}

.hairs-h4 {
  background-position: 0 0;
  height: 394px;
  width: 336px;
}

.hairs-h5 {
  background-position: 0 -1576px;
  height: 394px;
  width: 336px;
}

.hairs-h5b {
  background-position: 0 -1970px;
  height: 394px;
  width: 336px;
}

.hairs-h6 {
  background-position: 0 -1182px;
  height: 394px;
  width: 336px;
}

.hairs-h6b {
  background-position: 0 -2758px;
  height: 394px;
  width: 336px;
}

.laces-sprite, .laces-l1, .laces-l2, .laces-l3, .laces-l4, .laces-l5, .laces-l6 {
  background: url('../images/main/doll/laces-s8545e80a63.png') no-repeat;
}

.laces-l1 {
  background-position: 0 -540px;
  height: 270px;
  width: 309px;
}

.laces-l2 {
  background-position: 0 -1350px;
  height: 270px;
  width: 309px;
}

.laces-l3 {
  background-position: 0 -270px;
  height: 270px;
  width: 309px;
}

.laces-l4 {
  background-position: 0 -810px;
  height: 270px;
  width: 309px;
}

.laces-l5 {
  background-position: 0 -1080px;
  height: 270px;
  width: 309px;
}

.laces-l6 {
  background-position: 0 0;
  height: 270px;
  width: 309px;
}

.mouths-sprite, .mouths-m1, .mouths-m2, .mouths-m3, .mouths-m4, .mouths-m5, .mouths-m6 {
  background: url('../images/main/doll/mouths-s39017853a7.png') no-repeat;
}

.mouths-m1 {
  background-position: 0 -185px;
  height: 37px;
  width: 52px;
}

.mouths-m2 {
  background-position: 0 0;
  height: 37px;
  width: 52px;
}

.mouths-m3 {
  background-position: 0 -37px;
  height: 37px;
  width: 52px;
}

.mouths-m4 {
  background-position: 0 -111px;
  height: 37px;
  width: 52px;
}

.mouths-m5 {
  background-position: 0 -148px;
  height: 37px;
  width: 52px;
}

.mouths-m6 {
  background-position: 0 -74px;
  height: 37px;
  width: 52px;
}

.shirts-sprite, .shirts-s1, .shirts-s2, .shirts-s3, .shirts-s4, .shirts-s5, .shirts-s6 {
  background: url('../images/main/doll/shirts-s0b5c831ac2.png') no-repeat;
}

.shirts-s1 {
  background-position: 0 -3000px;
  height: 600px;
  width: 483px;
}

.shirts-s2 {
  background-position: 0 0;
  height: 600px;
  width: 483px;
}

.shirts-s3 {
  background-position: 0 -2400px;
  height: 600px;
  width: 483px;
}

.shirts-s4 {
  background-position: 0 -600px;
  height: 600px;
  width: 483px;
}

.shirts-s5 {
  background-position: 0 -1200px;
  height: 600px;
  width: 483px;
}

.shirts-s6 {
  background-position: 0 -1800px;
  height: 600px;
  width: 483px;
}

.shoes-sprite, .shoes-s1, .shoes-s2, .shoes-s3, .shoes-s4, .shoes-s5, .shoes-s6, .shoes-s7 {
  background: url('../images/main/doll/shoes-secbf157cf6.png') no-repeat;
}

.shoes-s1 {
  background-position: 0 -198px;
  height: 99px;
  width: 164px;
}

.shoes-s2 {
  background-position: 0 -99px;
  height: 99px;
  width: 164px;
}

.shoes-s3 {
  background-position: 0 -594px;
  height: 99px;
  width: 164px;
}

.shoes-s4 {
  background-position: 0 0;
  height: 99px;
  width: 164px;
}

.shoes-s5 {
  background-position: 0 -396px;
  height: 99px;
  width: 164px;
}

.shoes-s6 {
  background-position: 0 -495px;
  height: 99px;
  width: 164px;
}

.shoes-s7 {
  background-position: 0 -297px;
  height: 99px;
  width: 164px;
}

.skirts-sprite, .skirts-s1, .skirts-s2, .skirts-s3, .skirts-s4, .skirts-s5, .skirts-s6 {
  background: url('../images/main/doll/skirts-s96e3b4dc52.png') no-repeat;
}

.skirts-s1 {
  background-position: 0 0;
  height: 600px;
  width: 483px;
}

.skirts-s2 {
  background-position: 0 -600px;
  height: 600px;
  width: 483px;
}

.skirts-s3 {
  background-position: 0 -3000px;
  height: 600px;
  width: 483px;
}

.skirts-s4 {
  background-position: 0 -1800px;
  height: 600px;
  width: 483px;
}

.skirts-s5 {
  background-position: 0 -2400px;
  height: 600px;
  width: 483px;
}

.skirts-s6 {
  background-position: 0 -1200px;
  height: 600px;
  width: 483px;
}

.tights-sprite, .tights-t1, .tights-t2, .tights-t3, .tights-t4, .tights-t5, .tights-t6, .tights-t7 {
  background: url('../images/main/doll/tights-s215e05713f.png') no-repeat;
}

.tights-t1 {
  background-position: 0 -405px;
  height: 135px;
  width: 127px;
}

.tights-t2 {
  background-position: 0 -540px;
  height: 135px;
  width: 127px;
}

.tights-t3 {
  background-position: 0 -270px;
  height: 135px;
  width: 127px;
}

.tights-t4 {
  background-position: 0 0;
  height: 135px;
  width: 127px;
}

.tights-t5 {
  background-position: 0 -675px;
  height: 135px;
  width: 127px;
}

.tights-t6 {
  background-position: 0 -135px;
  height: 135px;
  width: 127px;
}

.tights-t7 {
  background-position: 0 -810px;
  height: 135px;
  width: 127px;
}

@-webkit-keyframes play {
  0%, 100% {
    -webkit-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
  }

  50% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  60%, 80% {
    -webkit-transform: scale(0.8, 0.8);
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  70%, 90% {
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
}

#m-game-wrapper .m-frame-lightbox .m-frame-lightbox-wrapper, #m-game-wrapper #m-game-init #m-init-buttons-wrapper, #m-game-wrapper #m-game-init #m-play-wrapper {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

audio {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}

html {
  -webkit-touch-action: none;
  -moz-touch-action: none;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  -ms-touch-callout: none;
  touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

html, body {
  height: 100%;
}

.m-brand-logo {
  display: block;
  background: url("../images/girlgames-logo.png");
  bottom: 30px;
  left: 30px;
  width: 150px;
  height: 75px;
  position: absolute;
}

#qLBranding .m-brand-logo {
  bottom: 0px !important;
}

.scale:hover {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.m-frame {
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

#m-game-wrapper {
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  overflow: hidden;
}
#m-game-wrapper a:hover {
  outline: none;
}
#m-game-wrapper .m-credits-subnote {
  color: white;
  font-size: 10px;
  font-family: Arial;
  padding-top: 20px;
  text-align: center;
}
#m-game-wrapper .m-frame-lightbox {
  display: none;
  color: #884f19;
  font-family: "Sniglet";
  font-size: 20px;
  top: 0;
  left: 0;
  z-index: 200;
  position: absolute;
  width: 100%;
  height: 100%;
}
#m-game-wrapper .m-frame-lightbox .m-frame-lightbox-wrapper {
  margin: 0 auto;
  max-width: 500px;
  position: relative;
}
#m-game-wrapper .m-frame-lightbox .m-frame-lightbox-content {
  background: #ef91ae;
  border: #884f19 5px solid;
  -webkit-box-shadow: 10px 10px 30px #884f19;
  -moz-box-shadow: 10px 10px 30px #884f19;
  box-shadow: 10px 10px 30px #884f19;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
  overflow: hidden;
  padding: 20px;
}
#m-game-wrapper .m-frame-lightbox .m-frame-lightbox-content p {
  margin: 20px 0;
}
#m-game-wrapper .m-frame-lightbox .m-frame-lightbox-title {
  color: #ef91ae;
  font-size: 60px;
  text-shadow: -3px 0 #884f19, 0 3px #884f19, 3px 0 #884f19, 0 -3px #884f19;
}
#m-game-wrapper .m-frame-lightbox .m-frame-lightbox-close {
  position: absolute;
  right: 0;
  top: 20px;
  width: 50px !important;
  height: 50px !important;
}
#m-game-wrapper .m-big-button-wrapper {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
  border: 4px solid #884f19;
  font-family: "Sniglet";
  font-size: 22px;
  display: table;
  background: #ef91ae;
  line-height: 19px;
  padding: 1px 10px;
  width: 160px;
  height: 63px;
  text-transform: uppercase;
  text-align: center;
}
#m-game-wrapper .m-big-button-wrapper a {
  color: #884f19;
  display: table-cell;
  vertical-align: middle;
}
#m-game-wrapper .m-action {
  display: block;
  cursor: pointer;
  text-decoration: none;
  hover-cursor: pointer;
}
#m-game-wrapper .hidden {
  display: none;
}
#m-game-wrapper [data-active='0'] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
#m-game-wrapper .m-nav {
  list-style: none;
  z-index: 100;
  position: relative;
  padding: 10px 0;
  text-align: center;
}
#m-game-wrapper .m-nav li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding: 0 5px;
}
#m-game-wrapper .m-nav li a {
  display: block;
  font-family: "Sniglet";
  font-size: 24px;
  color: #20a8bd;
  padding: 1px 10px;
  background: -moz-linear-gradient(top, #e84274 0%, #f8bbcd);
  background: -webkit-gradient(linear, left top, left bottom, from(#e84274), to(#f8bbcd));
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -ms-border-radius: 35px;
  -o-border-radius: 35px;
  border-radius: 35px;
  border: 1px solid #e84274;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  text-transform: uppercase;
}
#m-game-wrapper #m-game-init {
  background: url("../images/init/play-button-bg1.png") center center no-repeat, url("../images/init/play-button-bg2.png") center center no-repeat, url("../images/init/bg/ribete-top.png") top repeat-x, url("../images/init/bg/ribete-bottom.png") bottom repeat-x, url("../images/init/bg/star-left.png") center left no-repeat, url("../images/init/bg/star-right.png") center right no-repeat, url("../images/init/bg/bg.png");
}
#m-game-wrapper #m-game-init .m-nav {
  top: 25px;
  margin-left: 20px;
  position: absolute;
}
#m-game-wrapper #m-game-init #m-init-buttons-wrapper {
  margin-top: 20px;
}
#m-game-wrapper #m-game-init #m-init-buttons-wrapper #m-credits-bt {
  position: absolute;
  top: -170px;
  left: 40px;
}
#m-game-wrapper #m-game-init #m-init-buttons-wrapper #m-bookmark-bt {
  position: absolute;
  top: -170px;
  right: 40px;
}
#m-game-wrapper #m-game-init #m-init-buttons-wrapper #m-more-bt {
  margin: 0 auto;
}
#m-game-wrapper #m-game-init #m-play-wrapper #m-play-bt {
  -webkit-animation: play 3s ease-in-out infinite;
  animation: play 3s ease-in-out infinite;
  cursor: pointer;
  background: url("../images/init/play.png") no-repeat;
  height: 170px;
  margin: 0 auto;
  text-indent: -9999px;
  width: 174px;
  position: relative;
  z-index: 100;
}
#m-game-wrapper #m-game-main {
  background-color: #191533;
}
#m-game-wrapper #m-game-main #m-background {
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  background: url("../images/main/doll/bg.png") no-repeat;
  width: 800px;
  height: 620px;
  position: relative;
}
#m-game-wrapper #m-game-main #m-actions {
  -webkit-transform: scale(0.9, 0.9);
  -moz-transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  -o-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
  list-style: none;
  left: 4px;
  position: absolute;
  top: 81px;
  width: 370px;
  z-index: 100;
}
#m-game-wrapper #m-game-main #m-actions li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding: 10px;
  position: relative;
}
#m-game-wrapper #m-game-main #m-actions li a {
  display: block;
}
#m-game-wrapper #m-game-main #m-body-wrapper {
  top: 0px;
  left: 295px;
  position: absolute;
  height: 100%;
  width: 504px;
}
#m-game-wrapper #m-game-main #m-body-wrapper img {
  position: absolute;
}
#m-game-wrapper #m-game-main #m-body-wrapper #m-body {
  background: url("../images/main/doll/body.png") no-repeat;
  width: 362px;
  height: 441px;
  top: 104px;
  left: 11px;
  z-index: 10;
}
#m-game-wrapper #m-game-main #m-body-wrapper #m-bag {
  z-index: 40;
  left: -28px;
  top: -4px;
}
#m-game-wrapper #m-game-main #m-body-wrapper #m-dress {
  z-index: 30;
  top: 366px;
  left: 94px;
}
#m-game-wrapper #m-game-main #m-body-wrapper #m-extra {
  z-index: 30;
  left: -44px;
  top: 32px;
}
#m-game-wrapper #m-game-main #m-body-wrapper #m-eyes {
  z-index: 30;
  top: 264px;
  left: 85px;
}
#m-game-wrapper #m-game-main #m-body-wrapper #m-glasses {
  z-index: 40;
  top: 32px;
  left: -18px;
}
#m-game-wrapper #m-game-main #m-body-wrapper .glasses-g4 {
  left: -21px !important;
}
#m-game-wrapper #m-game-main #m-body-wrapper #m-hair {
  z-index: 30;
  top: 84px;
  left: 33px;
}
#m-game-wrapper #m-game-main #m-body-wrapper #m-hair-b {
  z-index: 5;
  top: 84px;
  left: 33px;
}
#m-game-wrapper #m-game-main #m-body-wrapper #m-lace {
  z-index: 50;
  top: 100px;
  left: 63px;
}
#m-game-wrapper #m-game-main #m-body-wrapper #m-mouth {
  z-index: 30;
  top: 340px;
  left: 167px;
}
#m-game-wrapper #m-game-main #m-body-wrapper #m-shoes {
  z-index: 30;
  top: 456px;
  left: 111px;
}
#m-game-wrapper #m-game-main #m-body-wrapper .shoes-s5,
#m-game-wrapper #m-game-main #m-body-wrapper .shoes-s6 {
  top: 460px !important;
}
#m-game-wrapper #m-game-main #m-body-wrapper .shoes-s7 {
  top: 457px !important;
  left: 115px !important;
}
#m-game-wrapper #m-game-main #m-body-wrapper #m-shirt {
  display: none;
  z-index: 30;
  left: -41px;
  top: 32px;
}
#m-game-wrapper #m-game-main #m-body-wrapper .shirts-s1 {
  left: -42px !important;
  top: 27px !important;
}
#m-game-wrapper #m-game-main #m-body-wrapper #m-skirt {
  display: none;
  z-index: 25;
  top: 35px;
  left: -42px;
}
#m-game-wrapper #m-game-main #m-body-wrapper .skirts-s1 {
  top: 28px !important;
}
#m-game-wrapper #m-game-main #m-body-wrapper #m-tights {
  z-index: 20;
  top: 414px;
  left: 126px;
}
#m-game-wrapper #m-game-main #m-body-wrapper .tights-t6,
#m-game-wrapper #m-game-main #m-body-wrapper .tights-t5 {
  left: 127px !important;
}

/* portrait mode less than 740 px */
@media screen and (max-width: 740px) and (max-aspect-ratio: 1 / 1) {
  .m-frame-lightbox {
    -webkit-transform: scale(0.6, 0.6);
    -moz-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
    -o-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
  }

  #m-game-wrapper #m-game-init {
    background-size: 47%, 50%, 7%, 7%, 33%, 33%, 7%;
  }
  #m-game-wrapper #m-game-init .m-brand-logo {
    -webkit-transform: scale(0.6, 0.6);
    -moz-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
    -o-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
    bottom: 10px !important;
    left: auto !important;
  }
  #m-game-wrapper #m-init-buttons-wrapper {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    margin: -40px 0 0 0 !important;
  }
  #m-game-wrapper #m-init-buttons-wrapper .m-big-button-wrapper {
    font-size: 10px !important;
    width: 150px !important;
    height: 20px !important;
  }
  #m-game-wrapper #m-init-buttons-wrapper li {
    position: relative !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 10px;
  }
  #m-game-wrapper #m-init-buttons-wrapper #m-credits-bt {
    left: auto !important;
    top: -220px !important;
  }
  #m-game-wrapper #m-init-buttons-wrapper #m-bookmark-bt {
    top: auto !important;
    right: auto !important;
  }
  #m-game-wrapper #m-init-buttons-wrapper #m-more-bt {
    top: auto !important;
  }
}
/* landscape mode */
@media screen and (max-height: 524px) and (min-aspect-ratio: 1 / 1) {
  #m-game-wrapper #m-game-init {
    background-size: 30%, 32%, 3%, 3%, 23%, 23%, 5% !important;
  }

  .m-frame-lightbox {
    -webkit-transform: scale(0.7, 0.7);
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -o-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
  }

  #m-init-buttons-wrapper {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    margin: -165px auto 0 auto !important;
    left: 32% !important;
    width: 140px !important;
  }
  #m-init-buttons-wrapper .m-big-button-wrapper {
    font-size: 10px !important;
    width: 140px !important;
    height: 20px !important;
  }
  #m-init-buttons-wrapper li {
    position: relative !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 10px;
  }
  #m-init-buttons-wrapper #m-credits-bt {
    left: auto !important;
    top: auto !important;
  }
  #m-init-buttons-wrapper #m-bookmark-bt {
    top: auto !important;
    right: auto !important;
  }
  #m-init-buttons-wrapper #m-more-bt {
    top: auto !important;
  }

  #m-more-bt {
    top: -66px !important;
    position: relative;
  }
}
@media screen and (min-aspect-ratio: 6 / 4) {
  #m-game-wrapper #m-game-main #m-actions {
    top: 25px !important;
  }
  #m-game-wrapper #m-game-main #m-background {
    width: 880px;
  }
  #m-game-wrapper #m-game-main #m-background .m-nav {
    width: 80px;
    top: 80px !important;
    left: 800px;
    position: relative;
    margin: 0 !important;
  }
  #m-game-wrapper #m-game-main #m-background .m-nav li {
    display: block;
    padding: 10px;
  }
  #m-game-wrapper #m-game-main #m-background .m-nav .m-nav-text {
    display: none;
  }
}
@media screen and (min-aspect-ratio: 88 / 50) {
  #m-game-wrapper #m-game-main #m-background {
    width: 1000px;
  }
  #m-game-wrapper #m-game-main #m-background .m-nav {
    width: 200px !important;
  }
  #m-game-wrapper #m-game-main #m-background .m-nav .m-nav-text {
    display: inline !important;
  }
}
@media screen and (max-aspect-ratio: 68 / 73) {
  #m-game-wrapper #m-game-main .m-nav {
    margin: 0 !important;
    top: 620px !important;
  }
  #m-game-wrapper #m-game-main #m-actions {
    position: relative;
    left: auto !important;
    top: 620px !important;
    width: 100% !important;
    padding: 20px 0 0 0;
  }
  #m-game-wrapper #m-game-main #m-actions li {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    padding: 0px 33px 50px 10px !important;
  }
}
