* { padding: 0px; margin: 0px; }
html,body { background-color: #000; color: #ffffff; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 100%; height: 100%; text-align: center; }

.museo500 { 
	font-family: museo-sans-rounded, sans-serif;
	font-weight: 500;
	font-style: normal; }
	
.museo700 { 
	font-family: museo-sans-rounded, sans-serif;
	font-weight: 700;
	font-style: normal; }
	
.museo900 { 
	font-family: museo-sans-rounded, sans-serif;
	font-weight: 800;
	font-style: normal; }
	
.museo1000 { 
	font-family: museo-sans-rounded, sans-serif;
	font-weight: 900;
	font-style: normal; }

.korolevheavy { 
	font-family: "korolev-rounded", sans-serif;
	font-weight: 900;
	font-style: normal;	
}


.main { min-height: 100%; background: #170000 url("../img/shade.png?v=5") no-repeat center center / cover; overflow: hidden; }
.container { max-width: 400px; margin: 0px auto; padding-top: 21px; padding-bottom: 140px; position: relative; overflow: hidden; }

@media (min-width: 401px) {
  .container {
	overflow: visible;
  }
}

.balloon { z-index: 10; content: ""; position: absolute;  pointer-events: none; }
.balloon.no1 {
  top: 187px;
  right: -22px;
  width: 98px;
  height: 160px;
  background: url("../img/balloons/r01.png?v=1") no-repeat center center / contain;

}

.balloon.no2 {
  top: 4px;
  left: 8px;
  width: 214px;
  height: 216px;
  background: url("../img/balloons/r02.png?v=1") no-repeat center center / contain;

}

.balloon.no3 {
  top: 606px;
  left: -47px;
  width: 124px;
  height: 194px;
  background: url("../img/balloons/r03.png?v=1") no-repeat center center / contain;

}

.balloon.no4 {
  top: 499px;
  left: 302px;
  width: 148px;
  height: 194px;
  background: url("../img/balloons/r04.png?v=1") no-repeat center center / contain;

}

.balloon.no5 {
  top: 1196px;
  left: -55px;
  width: 124px;
  height: 194px;
  background: url("../img/balloons/r03.png?v=1") no-repeat center center / contain;

}

.balloon.no6 {
  top: 1265px;
  right: -41px;
  width: 78px;
  height: 196px;
  background: url("../img/balloons/r05.png?v=1") no-repeat center center / contain;

}

.balloon.no7 {
  top: 1863px;
  left: -80px;
  width: 124px;
  height: 196px;
  background: url("../img/balloons/r06.png?v=1") no-repeat center center / contain;

}

.balloon.no8 {
  top: 2103px;
  right: -66px;
  width: 98px;
  height: 160px;
  background: url("../img/balloons/r01.png?v=1") no-repeat center center / contain;
}

.balloon.no9 {
  top: 2872px;
  right: -109px;
  width: 188px;
  height: 322px;
  background: url("../img/balloons/r07.png?v=1") no-repeat center center / contain;
}

.balloon.no10 {
  top: 2883px;
  left: -109px;
  width: 188px;
  height: 322px;
  background: url("../img/balloons/r08.png?v=1") no-repeat center center / contain;
}

.container .picture { background-image: url("../img/nellyaleks.png?v=5"); background-repeat: no-repeat; background-position: center center; width: 240px; height: 260px; background-size: 240px 260px; margin: 0px auto 0px auto; }
.container .question { font-size: 20px; text-align: center; }
.container .text { font-size: 15px; text-align: center; }
.container h3 { font-size: 16px; color: #ff9ec7; }

.container .bigtitle { padding-top: 58px; position: relative; z-index: 100; }
.container .bigtitle .big { text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5); }
.container .bigtitle .big01 { font-size: 80px; line-height: 80px; margin: -18px 0px; }
.container .bigtitle .big02 { font-size: 82px; line-height: 82px; margin: -10px 0px;  }
.container .bigtitle .big03 { font-size: 36px; line-height: 36px; margin: -5px 0px;  }
.container .bigtitle .big04 { font-size: 20px; }

.container .anuncio { padding: 20px 0px; z-index: 101; position: relative; }
.container .anuncio .titular { font-size: 15px; }
.container .anuncio .linea { font-size: 11px; }

/* .container { border: solid white 1px; } */
.container .prizeslider { margin: 0px auto; }
.container .prizeslider ul { display: block; width: 582px; }
.container .prizeslider ul li { width: 120px; list-style: none; display: inline-block; vertical-align: top; margin: 0px 5px 10px 5px; position: relative; }
.container .prizeslider ul li .icontext { background: url("../img/degradado-transparente.png?v=1") no-repeat center center / cover;  padding: 28px 12px; line-height: 15px; font-size: 10px; border-radius: 6px; margin-top: 60px; }
.container .prizeslider ul li .icon { width: 70px; height: 70px; position: absolute; top: 17px; left: 25px; }
.container .prizeslider ul li:nth-child(1) .icon { background: url("../img/icon-copa.png?v=1") no-repeat center center / contain }
.container .prizeslider ul li:nth-child(2) .icon { background: url("../img/icon-planeta.png?v=1") no-repeat center center / contain }
.container .prizeslider ul li:nth-child(3) .icon { background: url("../img/icon-estrella.png?v=1") no-repeat center center / contain }
.container .prizeslider ul li:nth-child(4) .icon { background: url("../img/icon-verify.png?v=1") no-repeat center center / contain }

.container .claseslider { margin: 20px auto; }
.container .claseslider ul { display: block; width: 2600px; }
.container .claseslider ul li { width: 130px; height: 130px; list-style: none; display: inline-block; vertical-align: middle; margin: 0px; position: relative; background-color: black; }
.container .claseslider ul li:nth-child(1){ background: url("../img/class/01.jpg?v=1") no-repeat center center / cover }
.container .claseslider ul li:nth-child(2){ background: url("../img/class/02.jpg?v=1") no-repeat center center / cover }
.container .claseslider ul li:nth-child(3){ background: url("../img/class/03.jpg?v=1") no-repeat center center / cover }
.container .claseslider ul li:nth-child(4){ background: url("../img/class/04.jpg?v=1") no-repeat center center / cover }
.container .claseslider ul li:nth-child(5){ background: url("../img/class/05.jpg?v=1") no-repeat center center / cover }
.container .claseslider ul li:nth-child(6){ background: url("../img/class/06.jpg?v=1") no-repeat center center / cover }
.container .claseslider ul li:nth-child(7){ background: url("../img/class/07.jpg?v=1") no-repeat center center / cover }
.container .claseslider ul li:nth-child(8){ background: url("../img/class/08.jpg?v=1") no-repeat center center / cover }
.container .claseslider ul li:nth-child(9){ background: url("../img/class/09.jpg?v=1") no-repeat center center / cover }
.container .claseslider ul li:nth-child(10){ background: url("../img/class/10.jpg?v=1") no-repeat center center / cover }
.container .claseslider ul li:nth-child(11){ background: url("../img/class/11.jpg?v=1") no-repeat center center / cover }
.container .claseslider ul li:nth-child(12){ background: url("../img/class/12.jpg?v=1") no-repeat center center / cover }
.container .claseslider ul li:nth-child(13){ background: url("../img/class/13.jpg?v=1") no-repeat center center / cover }
.container .claseslider ul li:nth-child(14){ background: url("../img/class/14.jpg?v=1") no-repeat center center / cover }
.container .claseslider ul li:nth-child(15){ background: url("../img/class/15.jpg?v=1") no-repeat center center / cover }
.container .claseslider ul li:nth-child(16){ background: url("../img/class/16.jpg?v=1") no-repeat center center / cover }
.container .claseslider ul li:nth-child(17){ background: url("../img/class/17.jpg?v=1") no-repeat center center / cover }
.container .claseslider ul li:nth-child(18){ background: url("../img/class/18.jpg?v=1") no-repeat center center / cover }
.container .claseslider ul li:nth-child(19){ background: url("../img/class/19.jpg?v=1") no-repeat center center / cover }
.container .claseslider ul li:nth-child(20){ background: url("../img/class/20.jpg?v=1") no-repeat center center / cover }

.scroller {
  width: 90%; /* Igual al ancho del slider */
  height: 5px;
  background-color: rgba(0,0,0,0.25);
  border-radius: 2.5px;
  position: relative;
  margin: 5px auto 20px auto;
  overflow: hidden;
}

.scrolltab {
  height: 100%;
  width: 50px;
  background-color: #fff;
  border-radius: 2.5px;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(0);
  transition: transform 0.2s ease-out;
}

@keyframes shake {
  0% {
	transform: translateX(0);
  }
  25% {
	transform: translateX(-10px);
  }
  50% {
	transform: translateX(10px);
  }
  75% {
	transform: translateX(-10px);
  }
  100% {
	transform: translateX(0);
  }
}

.shake {
  animation: shake 0.5s ease-in-out;
}

.container ul.categorias { display: block; width: 100%; }
.container ul.categorias li { width: 100%; list-style: none; display: block; margin: 20px auto; position: relative; }
.container ul.categorias li .cat { font-size: 44px; text-shadow: 0px 0px 3px rgba(255, 255, 255, .9); display: inline-block; position: relative; }
.container ul.categorias li .cat .shineleft { display: block; position: absolute; width: 24px; height: 14px; left: -15px; top: -4px; background: url("../img/cat-shine-left.png?v=1") no-repeat center center / cover }
.container ul.categorias li .cat .shineright { display: block; position: absolute; width: 24px; height: 14px; right: -18px; bottom: 0px; background: url("../img/cat-shine-right.png?v=1") no-repeat center center / cover }
.container ul.categorias li .cat .shineright { }
.container ul.categorias li .text { padding: 0px 20px; }

.no-select {
  -webkit-user-select: none; /* Safari, Chrome y Edge */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* Internet Explorer */
  user-select: none;         /* Soporte estándar */
  cursor: default;
}

.spacer20 { padding: 10px; }

.container .pricing { margin-top: 40px; }
.container .pricing .pricetitle { font-size: 21px; }
.container .pricing .pricesubtle { font-size: 14px; }
.container .pricing .price { font-size: 72px; line-height: 72px; vertical-align: top; letter-spacing: -0.05em; }
.container .pricing .price span { display: inline-block; font-size: 13px; line-height: 13px; letter-spacing: 0em; margin-left: 5px; }
.container .pricing .mexican { font-size: 12px; }
.container .pricing .cancel { color: #ed4a79; font-size: 14px; }


.container .btn-holder { padding: 6px 0px; font-size: 20px; }
.container .btn-holder a { display: block; background-color: white; color: #4d4d4d; text-decoration: none; width: 282px; height: 57px; border-radius: 28.5px; line-height: 46px; vertical-align: middle; margin: 0px auto; user-select: none; box-shadow: 0px 0px 10px 1px #d80058; }
.container .btn-holder a span { display: block; margin-top: -30px; font-size: 13px; }

.container .footer { font-size: 15px; border-bottom: dashed 1px white; width: 282px; margin: 26px auto 0px auto; position: relative; z-index: 100; } 
.container .footer .walink { font-size: 25px; padding: 5px 0px 26px 0px; }
.container .footer .walink a { color: white; text-decoration: none; }
.container .media { padding-top: 30px; }
.container .media .logowaikiki { background-image: url("../img/waikiki.svg"); background-repeat: no-repeat; background-position: center center; background-size: 140px 30px; width: 140px; height: 30px; margin: 0px auto; }
.container .media .social { padding-top: 20px; }
.container .social a { display: inline-block; width: 36px; height: 36px; margin-right: 10px; background-image: url("../img/social.svg"); background-repeat: no-repeat; background-size: 144px 36px; }
.container .social a:last-child { margin-right: none; }
.container .social a.fb { background-position: 0px 0px ; }
.container .media .social a.ig { background-position: -36px 0px; }
.container .media .social a.yt { background-position: -72px 0px; }
.container .media .social a.tt { background-position: -108px 0px; }