body {
	background: url(https://images.sieuthitaigia.vn/khac/background-vong-quay-may-man-1.jpg?v=239717236) top no-repeat;
    background-size: cover;
}
body {
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
}
.wrapper {
	position: absolute;
    width: 100%;
    top: 100%;
}
.pyro > .before, .pyro > .after {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
  -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
}

.pyro > .after {
  -moz-animation-delay: 1.25s, 1.25s, 1.25s;
  -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
  -o-animation-delay: 1.25s, 1.25s, 1.25s;
  -ms-animation-delay: 1.25s, 1.25s, 1.25s;
  animation-delay: 1.25s, 1.25s, 1.25s;
  -moz-animation-duration: 1.25s, 1.25s, 6.25s;
  -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
  -o-animation-duration: 1.25s, 1.25s, 6.25s;
  -ms-animation-duration: 1.25s, 1.25s, 6.25s;
  animation-duration: 1.25s, 1.25s, 6.25s;
}

@-webkit-keyframes bang {
  to {
    box-shadow: -84px -311.6666666667px #2200ff, 215px -113.6666666667px #51ff00, 54px -233.6666666667px #0077ff, 173px -86.6666666667px #00ff59, -176px -216.6666666667px #00ffd9, -221px -104.6666666667px #0073ff, 109px -266.6666666667px #3700ff, 116px -364.6666666667px #00a2ff, 203px -392.6666666667px #e600ff, 197px -208.6666666667px #1e00ff, 126px -91.6666666667px #ff5900, -96px -209.6666666667px #00eeff, 110px -242.6666666667px #0091ff, 123px -123.6666666667px #ff3700, 21px -115.6666666667px #a600ff, 86px -255.6666666667px #ff00e1, 88px -339.6666666667px #84ff00, -124px -173.6666666667px #00ff8c, -42px -358.6666666667px #ffa600, -25px -66.6666666667px #ff4800, -202px -118.6666666667px #6600ff, -148px -22.6666666667px #77ff00, 99px -133.6666666667px #2b00ff, -3px -190.6666666667px #c4ff00, 188px -100.6666666667px #88ff00, 227px -116.6666666667px #62ff00, -118px 43.3333333333px #0400ff, -64px -235.6666666667px #ff2b00, 158px -214.6666666667px #7300ff, 85px -169.6666666667px #ff001a, 238px -143.6666666667px #37ff00, -162px -64.6666666667px #ff00a2, -203px -86.6666666667px #005eff, 89px -54.6666666667px #ff00b7, 211px -2.6666666667px #ffd900, 71px 14.3333333333px #ff2f00, 111px -414.6666666667px #ff0d00, 193px -177.6666666667px #00ff6f, 220px -56.6666666667px #00ffbb, -31px -370.6666666667px #00ff73, -56px -281.6666666667px #ff008c, 27px -284.6666666667px #ff00dd, 168px -178.6666666667px #1e00ff, -133px -53.6666666667px #00f7ff, -118px -235.6666666667px #ff00a2, 116px -251.6666666667px #ff7300, -27px -9.6666666667px #80ff00, 31px -260.6666666667px #00ff44, -185px -287.6666666667px #00ff73, -215px -228.6666666667px #00aeff, 173px -31.6666666667px #00ddff;
  }
}
@-moz-keyframes bang {
  to {
    box-shadow: -84px -311.6666666667px #2200ff, 215px -113.6666666667px #51ff00, 54px -233.6666666667px #0077ff, 173px -86.6666666667px #00ff59, -176px -216.6666666667px #00ffd9, -221px -104.6666666667px #0073ff, 109px -266.6666666667px #3700ff, 116px -364.6666666667px #00a2ff, 203px -392.6666666667px #e600ff, 197px -208.6666666667px #1e00ff, 126px -91.6666666667px #ff5900, -96px -209.6666666667px #00eeff, 110px -242.6666666667px #0091ff, 123px -123.6666666667px #ff3700, 21px -115.6666666667px #a600ff, 86px -255.6666666667px #ff00e1, 88px -339.6666666667px #84ff00, -124px -173.6666666667px #00ff8c, -42px -358.6666666667px #ffa600, -25px -66.6666666667px #ff4800, -202px -118.6666666667px #6600ff, -148px -22.6666666667px #77ff00, 99px -133.6666666667px #2b00ff, -3px -190.6666666667px #c4ff00, 188px -100.6666666667px #88ff00, 227px -116.6666666667px #62ff00, -118px 43.3333333333px #0400ff, -64px -235.6666666667px #ff2b00, 158px -214.6666666667px #7300ff, 85px -169.6666666667px #ff001a, 238px -143.6666666667px #37ff00, -162px -64.6666666667px #ff00a2, -203px -86.6666666667px #005eff, 89px -54.6666666667px #ff00b7, 211px -2.6666666667px #ffd900, 71px 14.3333333333px #ff2f00, 111px -414.6666666667px #ff0d00, 193px -177.6666666667px #00ff6f, 220px -56.6666666667px #00ffbb, -31px -370.6666666667px #00ff73, -56px -281.6666666667px #ff008c, 27px -284.6666666667px #ff00dd, 168px -178.6666666667px #1e00ff, -133px -53.6666666667px #00f7ff, -118px -235.6666666667px #ff00a2, 116px -251.6666666667px #ff7300, -27px -9.6666666667px #80ff00, 31px -260.6666666667px #00ff44, -185px -287.6666666667px #00ff73, -215px -228.6666666667px #00aeff, 173px -31.6666666667px #00ddff;
  }
}
@-o-keyframes bang {
  to {
    box-shadow: -84px -311.6666666667px #2200ff, 215px -113.6666666667px #51ff00, 54px -233.6666666667px #0077ff, 173px -86.6666666667px #00ff59, -176px -216.6666666667px #00ffd9, -221px -104.6666666667px #0073ff, 109px -266.6666666667px #3700ff, 116px -364.6666666667px #00a2ff, 203px -392.6666666667px #e600ff, 197px -208.6666666667px #1e00ff, 126px -91.6666666667px #ff5900, -96px -209.6666666667px #00eeff, 110px -242.6666666667px #0091ff, 123px -123.6666666667px #ff3700, 21px -115.6666666667px #a600ff, 86px -255.6666666667px #ff00e1, 88px -339.6666666667px #84ff00, -124px -173.6666666667px #00ff8c, -42px -358.6666666667px #ffa600, -25px -66.6666666667px #ff4800, -202px -118.6666666667px #6600ff, -148px -22.6666666667px #77ff00, 99px -133.6666666667px #2b00ff, -3px -190.6666666667px #c4ff00, 188px -100.6666666667px #88ff00, 227px -116.6666666667px #62ff00, -118px 43.3333333333px #0400ff, -64px -235.6666666667px #ff2b00, 158px -214.6666666667px #7300ff, 85px -169.6666666667px #ff001a, 238px -143.6666666667px #37ff00, -162px -64.6666666667px #ff00a2, -203px -86.6666666667px #005eff, 89px -54.6666666667px #ff00b7, 211px -2.6666666667px #ffd900, 71px 14.3333333333px #ff2f00, 111px -414.6666666667px #ff0d00, 193px -177.6666666667px #00ff6f, 220px -56.6666666667px #00ffbb, -31px -370.6666666667px #00ff73, -56px -281.6666666667px #ff008c, 27px -284.6666666667px #ff00dd, 168px -178.6666666667px #1e00ff, -133px -53.6666666667px #00f7ff, -118px -235.6666666667px #ff00a2, 116px -251.6666666667px #ff7300, -27px -9.6666666667px #80ff00, 31px -260.6666666667px #00ff44, -185px -287.6666666667px #00ff73, -215px -228.6666666667px #00aeff, 173px -31.6666666667px #00ddff;
  }
}
@-ms-keyframes bang {
  to {
    box-shadow: -84px -311.6666666667px #2200ff, 215px -113.6666666667px #51ff00, 54px -233.6666666667px #0077ff, 173px -86.6666666667px #00ff59, -176px -216.6666666667px #00ffd9, -221px -104.6666666667px #0073ff, 109px -266.6666666667px #3700ff, 116px -364.6666666667px #00a2ff, 203px -392.6666666667px #e600ff, 197px -208.6666666667px #1e00ff, 126px -91.6666666667px #ff5900, -96px -209.6666666667px #00eeff, 110px -242.6666666667px #0091ff, 123px -123.6666666667px #ff3700, 21px -115.6666666667px #a600ff, 86px -255.6666666667px #ff00e1, 88px -339.6666666667px #84ff00, -124px -173.6666666667px #00ff8c, -42px -358.6666666667px #ffa600, -25px -66.6666666667px #ff4800, -202px -118.6666666667px #6600ff, -148px -22.6666666667px #77ff00, 99px -133.6666666667px #2b00ff, -3px -190.6666666667px #c4ff00, 188px -100.6666666667px #88ff00, 227px -116.6666666667px #62ff00, -118px 43.3333333333px #0400ff, -64px -235.6666666667px #ff2b00, 158px -214.6666666667px #7300ff, 85px -169.6666666667px #ff001a, 238px -143.6666666667px #37ff00, -162px -64.6666666667px #ff00a2, -203px -86.6666666667px #005eff, 89px -54.6666666667px #ff00b7, 211px -2.6666666667px #ffd900, 71px 14.3333333333px #ff2f00, 111px -414.6666666667px #ff0d00, 193px -177.6666666667px #00ff6f, 220px -56.6666666667px #00ffbb, -31px -370.6666666667px #00ff73, -56px -281.6666666667px #ff008c, 27px -284.6666666667px #ff00dd, 168px -178.6666666667px #1e00ff, -133px -53.6666666667px #00f7ff, -118px -235.6666666667px #ff00a2, 116px -251.6666666667px #ff7300, -27px -9.6666666667px #80ff00, 31px -260.6666666667px #00ff44, -185px -287.6666666667px #00ff73, -215px -228.6666666667px #00aeff, 173px -31.6666666667px #00ddff;
  }
}
@keyframes bang {
  to {
    box-shadow: -84px -311.6666666667px #2200ff, 215px -113.6666666667px #51ff00, 54px -233.6666666667px #0077ff, 173px -86.6666666667px #00ff59, -176px -216.6666666667px #00ffd9, -221px -104.6666666667px #0073ff, 109px -266.6666666667px #3700ff, 116px -364.6666666667px #00a2ff, 203px -392.6666666667px #e600ff, 197px -208.6666666667px #1e00ff, 126px -91.6666666667px #ff5900, -96px -209.6666666667px #00eeff, 110px -242.6666666667px #0091ff, 123px -123.6666666667px #ff3700, 21px -115.6666666667px #a600ff, 86px -255.6666666667px #ff00e1, 88px -339.6666666667px #84ff00, -124px -173.6666666667px #00ff8c, -42px -358.6666666667px #ffa600, -25px -66.6666666667px #ff4800, -202px -118.6666666667px #6600ff, -148px -22.6666666667px #77ff00, 99px -133.6666666667px #2b00ff, -3px -190.6666666667px #c4ff00, 188px -100.6666666667px #88ff00, 227px -116.6666666667px #62ff00, -118px 43.3333333333px #0400ff, -64px -235.6666666667px #ff2b00, 158px -214.6666666667px #7300ff, 85px -169.6666666667px #ff001a, 238px -143.6666666667px #37ff00, -162px -64.6666666667px #ff00a2, -203px -86.6666666667px #005eff, 89px -54.6666666667px #ff00b7, 211px -2.6666666667px #ffd900, 71px 14.3333333333px #ff2f00, 111px -414.6666666667px #ff0d00, 193px -177.6666666667px #00ff6f, 220px -56.6666666667px #00ffbb, -31px -370.6666666667px #00ff73, -56px -281.6666666667px #ff008c, 27px -284.6666666667px #ff00dd, 168px -178.6666666667px #1e00ff, -133px -53.6666666667px #00f7ff, -118px -235.6666666667px #ff00a2, 116px -251.6666666667px #ff7300, -27px -9.6666666667px #80ff00, 31px -260.6666666667px #00ff44, -185px -287.6666666667px #00ff73, -215px -228.6666666667px #00aeff, 173px -31.6666666667px #00ddff;
  }
}
@-webkit-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-moz-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-o-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-ms-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-webkit-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-moz-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-o-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-ms-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
.spinBtn {
    top: 120px;
    display: block;
    margin: 20px auto;
    background-color: transparent;
    color: #fff;
    text-align: center;
    /* line-height: 21px; */
    cursor: pointer;
    text-transform: uppercase;
    /* text-indent: -19px; */
    /* font-size: 18px; */
    letter-spacing: 0;
    text-shadow: 0 1px 4px rgba(0,0,0,.32);
    /* background-image: url(images/sprite.png?v=1547002260755); */
    background-position: 0px 0px;
    width: 232px;
    height: 60px;
    background: red;
    z-index: 9;
	 -webkit-animation: bgBlink 1s infinite;  /* Safari 4+ */
	  -moz-animation: bgBlink 1s infinite;  /* Fx 5+ */
	  -o-animation: bgBlink 1s infinite;  /* Opera 12+ */
	  animation: bgBlink 1s infinite;  /* IE 10+, Fx 29+ */
}

.peg, .wheelSVG {
 visibility: hidden;
}
.wheelContainer, body, html {
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
}
.centerCircle, .valueContainer, .wheelOutline, .wheelText {
 pointer-events: none;
}
.toast, .wheelContainer, body, html {
 text-align: center;
}
.wheelContainer, button {
 transform: translate(-50%, 0);
}
.toast, button {
 position: absolute;
 background-color: #719430;
}
body {
 background-color: transparent;
}
body, html {
 margin: 0;
 padding: 0;
}
.wheelContainer {
 position: absolute;
 max-width: 1000px;
 margin-left: auto;
 margin-right: auto;
 left: 50%;
 top: 100px;
}
.wheelSVG {
  top:0;
  
 position: absolute;
 overflow: visible;
 width: 100%;
 height: auto; 
}
.wheelText {
 text-anchor: middle;
 font-family: 'Roboto', sans-serif;
 font-weight: 300;
 -webkit-user-select: none;
 user-select: none;
}
.toast {
 border-radius: 12px;
 opacity: 0;
 border: 4px solid #ededed;
 -webkit-animation: bgBlink 1s infinite;  /* Safari 4+ */
	  -moz-animation: bgBlink 1s infinite;  /* Fx 5+ */
	  -o-animation: bgBlink 1s infinite;  /* Opera 12+ */
	  animation: bgBlink 1s infinite;  /* IE 10+, Fx 29+ */
	  cursor: pointer;
}
.toast a:hover {text-decoration: none}
.toast p {
 clear: both;
 font-family: 'Baloo Tamma', cursive;
 font-weight: 300;
 margin: 23px;
 font-size: 2em;
 color: #ededed;
 letter-spacing: 0;
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 line-height: 32px;
 -webkit-transition: line-height .2s ease;
 transition: line-height .2s ease;
}
.toast p span {
	color: lightgoldenrodyellow;
    font-size: 1em;
    padding: 0 3px;
}
button {
 left:50%;
 width: 80%;
 top: 20px;
 max-width: 400px;
 padding: 14px;
 font-weight: 300;
 font-size: 1.62em;
 color: #ebe8e2;
 border-radius: 6px;
 border: none;
 
 cursor: pointer;
 font-family: 'Roboto', sans-serif;
}
@media only screen and (max-width: 480px) {
 .toast p, .toast span {
  font-size: 1em;
  line-height: 12px;
 }
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
 .toast p, .toast span {
 font-size: 1.2em;
  line-height: 14px;
 }
}
@media only screen and (min-width: 801px) {
 .toast p, .toast span {
  font-size: 1.4em;
  line-height: 18px;
 }
}
 button {
  font-size: 22px;
  padding: 10px;
  width: 40%;
 }
 .wheelContainer {
  top: 70px;
 }
}
button:focus {
 outline: 0;
}
.wrapper .menu {
    position: fixed;
    bottom: 10px;
    left: 0;
    z-index: 10;

}
.gift-btn {
	text-transform: uppercase;
    color: #fff;
    padding: 3px;
    display: inline-block;
    border: 1px solid;
    background: lightcoral;
    margin-top: 5px;
    border-radius: 3px;
}
.wrapper .menu button {
	position:relative;
    background-color: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;

	display:block;
   
}
.icon-bg-menu {
    background-image: url(images/sprite.png?v=1547002260755);
    background-position: 0px -315px;
    width: 208px;
    height: 59px;
}
.badge {
	padding: 5px;
	border-radius: 3px;
	cursor:  pointer;
}
.badge.sent {
	cursor: initial;
	background: green;
}
.badge.sent:hover {
	background: green;
}
.badge:hover {
	background: orangered;
}
 .slick-slide {
    margin: 0 5px;
  }
  /* the parent */
  .slick-list {
    margin: 0 -5px;
  }
.slick-slide img {
	display: inline-block;
}
.slick-slide .item {
	display: inline-block;
	background-image: linear-gradient(180deg,#fff,#d5d5d5);
	border-radius: 5px;
	position: relative;
}
.slick-slide .item img {
	max-width: 100%;
	margin: 0 auto;
}
.slick-slide .item p {
	background: #d11b1bd4;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0px;
    margin-bottom: 0px;
    border-radius: 0 0 5px 5px;
    padding: 5px 0;
    color: #fff;
	font-size: smaller;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list-items-wrapper {
	position: fixed;
    right: 10px;
    width: 300px;
	bottom: 10px;
}
.modal-dialog {
	border: 3px solid orangered;
    border-radius: 10px;
}
.modal-header {
	background: #f6d8d8;
    border-radius: 5px 5px 0 0;
}
.close-btn {
    position: absolute;
	right: -19px;
    top: -21px;
    border: 0;
    color: #fff;
    padding: 0;
    text-align: right;
    outline: none;
    cursor: pointer;
    background-color: transparent;
    z-index: 10;
	background-image: url(images/sprite.png?v=1547002260755);
    background-position: -462px -250px;
    width: 40px;
    height: 40px;
}
@-webkit-keyframes bgBlink {
  0%, 49% {
    background-color: #c0392bcc;
  
  }
  50%, 100% {
    background-color: #2980b9d6;
  }
}
.loader{color:#fff;position:fixed;box-sizing:border-box;left:-9999px;top:-9999px;width:0;height:0;overflow:hidden;z-index:999999}.loader:after,.loader:before{box-sizing:border-box;display:none}.loader.is-active{background-color:rgba(0,0,0,.85);width:100%;height:100%;left:0;top:0}.loader.is-active:after,.loader.is-active:before{display:block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes blink{0%{opacity:.5}to{opacity:1}}.loader[data-text]:before{position:fixed;left:0;top:50%;color:currentColor;font-family:Helvetica,Arial,sans-serif;text-align:center;width:100%;font-size:14px}.loader[data-text=""]:before{content:"Loading"}.loader[data-text]:not([data-text=""]):before{content:attr(data-text)}.loader[data-text][data-blink]:before{animation:blink 1s linear infinite alternate}.loader-default[data-text]:before{top:calc(50% - 63px)}.loader-default:after{content:"";position:fixed;width:48px;height:48px;border:8px solid #fff;border-left-color:transparent;border-radius:50%;top:calc(50% - 24px);left:calc(50% - 24px);animation:rotation 1s linear infinite}.loader-default[data-half]:after{border-right-color:transparent}.loader-default[data-inverse]:after{animation-direction:reverse}.loader-double:after,.loader-double:before{content:"";position:fixed;border-radius:50%;border:8px solid;animation:rotation 1s linear infinite}.loader-double:after{width:48px;height:48px;border-color:#fff;border-left-color:transparent;top:calc(50% - 24px);left:calc(50% - 24px)}.loader-double:before{width:64px;height:64px;border-color:#eb974e;border-right-color:transparent;animation-duration:2s;top:calc(50% - 32px);left:calc(50% - 32px)}.loader-bar[data-text]:before{top:calc(50% - 40px);color:#fff}.loader-bar:after{content:"";position:fixed;top:50%;left:50%;width:200px;height:20px;transform:translate(-50%,-50%);background:linear-gradient(-45deg,#4183d7 25%,#52b3d9 0,#52b3d9 50%,#4183d7 0,#4183d7 75%,#52b3d9 0,#52b3d9);background-size:20px 20px;box-shadow:inset 0 10px 0 hsla(0,0%,100%,.2),0 0 0 5px rgba(0,0,0,.2);animation:moveBar 1.5s linear infinite reverse}.loader-bar[data-rounded]:after{border-radius:15px}.loader-bar[data-inverse]:after{animation-direction:normal}@keyframes moveBar{0%{background-position:0 0}to{background-position:20px 20px}}.loader-bar-ping-pong:before{width:200px;background-color:#000}.loader-bar-ping-pong:after,.loader-bar-ping-pong:before{content:"";height:20px;position:absolute;top:calc(50% - 10px);left:calc(50% - 100px)}.loader-bar-ping-pong:after{width:50px;background-color:#f19;animation:moveBarPingPong .5s linear infinite alternate}.loader-bar-ping-pong[data-rounded]:before{border-radius:10px}.loader-bar-ping-pong[data-rounded]:after{border-radius:50%;width:20px;animation-name:moveBarPingPongRounded}@keyframes moveBarPingPong{0%{left:calc(50% - 100px)}to{left:calc(50% - -50px)}}@keyframes moveBarPingPongRounded{0%{left:calc(50% - 100px)}to{left:calc(50% - -80px)}}@keyframes corners{6%{width:60px;height:15px}25%{width:15px;height:15px;left:calc(100% - 15px);top:0}31%{height:60px}50%{height:15px;top:calc(100% - 15px);left:calc(100% - 15px)}56%{width:60px}75%{width:15px;left:0;top:calc(100% - 15px)}81%{height:60px}}.loader-border[data-text]:before{color:#fff}.loader-border:after{content:"";position:absolute;top:0;left:0;width:15px;height:15px;background-color:#ff0;animation:corners 3s ease both infinite}.loader-ball:before{content:"";position:absolute;width:50px;height:50px;top:50%;left:50%;margin:-25px 0 0 -25px;background-color:#fff;border-radius:50%;z-index:1;animation:kickBall 1s infinite alternate ease-in both}.loader-ball[data-shadow]:before{box-shadow:inset -5px -5px 10px 0 rgba(0,0,0,.5)}.loader-ball:after{content:"";position:absolute;background-color:rgba(0,0,0,.3);border-radius:50%;width:45px;height:20px;top:calc(50% + 10px);left:50%;margin:0 0 0 -22.5px;z-index:0;animation:shadow 1s infinite alternate ease-out both}@keyframes shadow{0%{background-color:transparent;transform:scale(0)}40%{background-color:transparent;transform:scale(0)}95%{background-color:rgba(0,0,0,.75);transform:scale(1)}to{background-color:rgba(0,0,0,.75);transform:scale(1)}}@keyframes kickBall{0%{transform:translateY(-80px) scaleX(.95)}90%{border-radius:50%}to{transform:translateY(0) scaleX(1);border-radius:50% 50% 20% 20%}}.loader-smartphone:after{content:"";color:#fff;font-size:12px;font-family:Helvetica,Arial,sans-serif;text-align:center;line-height:120px;position:fixed;left:50%;top:50%;width:70px;height:130px;margin:-65px 0 0 -35px;border:5px solid #fd0;border-radius:10px;box-shadow:inset 0 5px 0 0 #fd0;background:radial-gradient(circle at 50% 90%,rgba(0,0,0,.5) 6px,transparent 0),linear-gradient(0deg,#fd0 22px,transparent 0),linear-gradient(0deg,rgba(0,0,0,.5) 22px,rgba(0,0,0,.5));animation:shake 2s cubic-bezier(.36,.07,.19,.97) both infinite}.loader-smartphone[data-screen=""]:after{content:"Loading"}.loader-smartphone:not([data-screen=""]):after{content:attr(data-screen)}@keyframes shake{5%{transform:translate3d(-1px,0,0)}10%{transform:translate3d(1px,0,0)}15%{transform:translate3d(-1px,0,0)}20%{transform:translate3d(1px,0,0)}25%{transform:translate3d(-1px,0,0)}30%{transform:translate3d(1px,0,0)}35%{transform:translate3d(-1px,0,0)}40%{transform:translate3d(1px,0,0)}45%{transform:translate3d(-1px,0,0)}50%{transform:translate3d(1px,0,0)}55%{transform:translate3d(-1px,0,0)}}.loader-clock:before{width:120px;height:120px;border-radius:50%;margin:-60px 0 0 -60px;background:linear-gradient(180deg,transparent 50%,#f5f5f5 0),linear-gradient(90deg,transparent 55px,#2ecc71 0,#2ecc71 65px,transparent 0),linear-gradient(180deg,#f5f5f5 50%,#f5f5f5 0);box-shadow:inset 0 0 0 10px #f5f5f5,0 0 0 5px #555,0 0 0 10px #7b7b7b;animation:rotation infinite 2s linear}.loader-clock:after,.loader-clock:before{content:"";position:fixed;left:50%;top:50%;overflow:hidden}.loader-clock:after{width:60px;height:40px;margin:-20px 0 0 -15px;border-radius:20px 0 0 20px;background:radial-gradient(circle at 14px 20px,#25a25a 10px,transparent 0),radial-gradient(circle at 14px 20px,#1b7943 14px,transparent 0),linear-gradient(180deg,transparent 15px,#2ecc71 0,#2ecc71 25px,transparent 0);animation:rotation infinite 24s linear;transform-origin:15px center}.loader-curtain:after,.loader-curtain:before{position:fixed;width:100%;top:50%;margin-top:-35px;font-size:70px;text-align:center;font-family:Helvetica,Arial,sans-serif;overflow:hidden;line-height:1.2;content:"Loading"}.loader-curtain:before{color:#666}.loader-curtain:after{color:#fff;height:0;animation:curtain 1s linear infinite alternate both}.loader-curtain[data-curtain-text]:not([data-curtain-text=""]):after,.loader-curtain[data-curtain-text]:not([data-curtain-text=""]):before{content:attr(data-curtain-text)}.loader-curtain[data-brazilian]:before{color:#f1c40f}.loader-curtain[data-brazilian]:after{color:#2ecc71}.loader-curtain[data-colorful]:before{animation:maskColorful 2s linear infinite alternate both}.loader-curtain[data-colorful]:after{animation:curtain 1s linear infinite alternate both,maskColorful-front 2s 1s linear infinite alternate both;color:#000}@keyframes maskColorful{0%{color:#3498db}49.5%{color:#3498db}50.5%{color:#e74c3c}to{color:#e74c3c}}@keyframes maskColorful-front{0%{color:#2ecc71}49.5%{color:#2ecc71}50.5%{color:#f1c40f}to{color:#f1c40f}}@keyframes curtain{0%{height:0}to{height:84px}}.loader-music:after,.loader-music:before{content:"";position:fixed;width:240px;height:240px;top:50%;left:50%;margin:-120px 0 0 -120px;border-radius:50%;text-align:center;line-height:240px;color:#fff;font-size:40px;font-family:Helvetica,Arial,sans-serif;text-shadow:1px 1px 0 rgba(0,0,0,.5);letter-spacing:-1px}.loader-music:after{backface-visibility:hidden}.loader-music[data-hey-oh]:after,.loader-music[data-hey-oh]:before{box-shadow:0 0 0 10px}.loader-music[data-hey-oh]:before{background-color:#fff;color:#000;animation:coinBack 2.5s linear infinite,oh 5s 1.25s linear infinite both}.loader-music[data-hey-oh]:after{background-color:#000;animation:coin 2.5s linear infinite,hey 5s linear infinite both}.loader-music[data-no-cry]:after,.loader-music[data-no-cry]:before{background:linear-gradient(45deg,#009b3a 50%,#fed100 51%);box-shadow:0 0 0 10px #000}.loader-music[data-no-cry]:before{animation:coinBack 2.5s linear infinite,cry 5s 1.25s linear infinite both}.loader-music[data-no-cry]:after{animation:coin 2.5s linear infinite,no 5s linear infinite both}.loader-music[data-we-are]:before{animation:coinBack 2.5s linear infinite,theWorld 5s 1.25s linear infinite both;background:radial-gradient(ellipse at center,#4ecdc4 0,#556270)}.loader-music[data-we-are]:after{animation:coin 2.5s linear infinite,weAre 5s linear infinite both;background:radial-gradient(ellipse at center,#26d0ce 0,#1a2980)}.loader-music[data-rock-you]:before{animation:coinBack 2.5s linear infinite,rockYou 5s 1.25s linear infinite both;background:#444}.loader-music[data-rock-you]:after{animation:coin 2.5s linear infinite,weWill 5s linear infinite both;background:#96281b}@keyframes coin{to{transform:rotateY(359deg)}}@keyframes coinBack{0%{transform:rotateY(180deg)}50%{transform:rotateY(1turn)}to{transform:rotateY(180deg)}}@keyframes hey{0%{content:"Hey!"}50%{content:"Let's!"}to{content:"Hey!"}}@keyframes oh{0%{content:"Oh!"}50%{content:"Go!"}to{content:"Oh!"}}@keyframes no{0%{content:"No..."}50%{content:"no"}to{content:"No..."}}@keyframes cry{0%{content:"woman"}50%{content:"cry!"}to{content:"woman"}}@keyframes weAre{0%{content:"We are"}50%{content:"we are"}to{content:"We are"}}@keyframes theWorld{0%{content:"the world,"}50%{content:"the children!"}to{content:"the world,"}}@keyframes weWill{0%{content:"We will,"}50%{content:"rock you!"}to{content:"We will,"}}@keyframes rockYou{0%{content:"we will"}50%{content:"\1F918"}to{content:"we will"}}.loader-pokeball:before{content:"";position:absolute;width:100px;height:100px;top:50%;left:50%;margin:-50px 0 0 -50px;background:linear-gradient(180deg,red 42%,#000 0,#000 58%,#fff 0);background-repeat:no-repeat;background-color:#fff;border-radius:50%;z-index:1;animation:movePokeball 1s linear infinite both}.loader-pokeball:after{content:"";position:absolute;width:24px;height:24px;top:50%;left:50%;margin:-12px 0 0 -12px;background-color:#fff;border-radius:50%;z-index:2;animation:movePokeball 1s linear infinite both,flashPokeball .5s infinite alternate;border:2px solid #000;box-shadow:0 0 0 5px #fff,0 0 0 10px #000}@keyframes movePokeball{0%{transform:translateX(0) rotate(0)}15%{transform:translatex(-10px) rotate(-5deg)}30%{transform:translateX(10px) rotate(5deg)}45%{transform:translatex(0) rotate(0)}}@keyframes flashPokeball{0%{background-color:#fff}to{background-color:#fd0}}.loader-bouncing:after,.loader-bouncing:before{content:"";width:20px;height:20px;position:absolute;top:calc(50% - 10px);left:calc(50% - 10px);border-radius:50%;background-color:#fff;animation:kick .6s infinite alternate}.loader-bouncing:after{margin-left:-30px;animation:kick .6s infinite alternate}.loader-bouncing:before{animation-delay:.2s}@keyframes kick{0%{opacity:1;transform:translateY(0)}to{opacity:.3;transform:translateY(-1rem)}}

.m-list {
	display:none;
	position: fixed;
    /* width: 100px; */
    height: 40px;
    background: #dce1d7;
    bottom: 70px;
    line-height: 40px;
    padding: 0 10px;
    border-radius: 0 5px 5px 0;
    color: darkred;
    font-weight: 700;
	cursor: pointer;

}
.m-item {
    background: #d4d4cf;
    border-radius: 5px;
    position: relative;
	margin-bottom:15px;
}
.m-item img {
    max-width: 100%;
    margin: 0 auto;
}

.m-item p {
    background: #d11b1bd4;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0px;
    margin-bottom: 0px;
    border-radius: 0 0 5px 5px;
    padding: 5px 0;
    color: #fff;
    font-size: smaller;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*RESPONSIVE*/
@media(max-width: 870px) {
	body {
		background: url(https://images.sieuthitaigia.vn/khac/background-vong-quay-may-man-1.jpg?v=239717236) top no-repeat #fe5c01;
		background-size: 100%;
		background-attachment: fixed;
	}
}
@media (max-width: 1200px) {
	.ds {display:none!important}
	.m-list {display:block}
	.spinBtn {top: 10px}
	.list-items-wrapper {
		width: 100%;
		bottom: 50px;
		right:0px;
		left: 0px;
	}
	.arr-left {
		left: -5px;
	}
	.arr-right {
		right: -5px;
	}
	.wrapper .menu {
		position: fixed;
		left: 0;
		right: 0;
		width: 100%;
		bottom: -1px;
		background: #fd6e1d;
		background: -webkit-gradient(linear,0% 0%,0% 100%,from(#fc081a),to(#550707));
		background: -webkit-linear-gradient(top,#fc081a,#550707);
	}
	.wrapper .menu button {
		transform: none;
		left: 0;
		border-left: 1px solid;
		margin-left: -1px;
		float: left;
		background: transparent;
		width: 24.33%;
		/* margin-left: 0; */
		height: 50px;
		line-height: 44px;
		font-size: 14px;
		font-weight: 700;
		padding: 5px;
		top: 0;
		margin-bottom: 0;
		border-radius: 0;
		/* margin: 0 2px; */
		text-indent: 0;
		bottom: -12px;
		text-align: center;
	}
}
@media (min-width: 870px) {
	body {
		background: url(https://images.sieuthitaigia.vn/khac/background-vong-quay-may-man-1.jpg?v=239717236) top no-repeat #ff8601;
		background-size: 100%;
		
	}
	.spinBtn {top: 100px}
}
@media (min-width: 1200px) {
	body {
		background: url(https://images.sieuthitaigia.vn/khac/background-vong-quay-may-man-1.jpg?v=239717236) top no-repeat #ff8601;
		background-size: 100%;
	}
	.spinBtn {top: 120px}
}
.slick-arrow {
	position: absolute;
    display: inline-block;
	top: 50%;
    margin-top: -15px;
    z-index: 99;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    background: #ffffffd1;
    cursor: pointer;
    color: orangered;
}
.arr-left {
	left: -12px;
}
.arr-right {
	right: -12px;
}