button,
hr,
input {
    overflow: visible
}
progress,
sub,
sup {
    vertical-align: baseline
}
[type=checkbox],
[type=radio],
legend {
    box-sizing: border-box;
    padding: 0
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    background: #e6e7e8;
}
body {
    margin: 0
}
details,
main {
    display: block
}
h1 {
    font-size: 2em;
    margin: .30em 0
}
hr {
    box-sizing: content-box;
    height: 0
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
a {
    background-color: transparent
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}
b,
strong {
    font-weight: bolder
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}
sub {
    bottom: -.25em
}
sup {
    top: -.5em
}
img {
    border-style: none
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}
button,
select {
    text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}
fieldset {
    padding: .35em .75em .625em
}
legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}
textarea {
    overflow: auto
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}
summary {
    display: list-item
}
[hidden],
template {
    display: none
}
.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}
.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}
.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}
.slick-list:focus {
    outline: 0
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto
}
.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}
.slick-track:after {
    clear: both
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}
[dir=rtl] .slick-slide {
    float: right
}
.slick-slide img {
    display: block
}
.slick-slide.slick-loading img {
    display: none
}
.slick-slide.dragging img {
    pointer-events: none
}
.slick-initialized .slick-slide {
    display: block
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}
.slick-arrow.slick-hidden {
    display: none
}
@charset 'UTF-8';
.slick-dots,
.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    padding: 0
}
.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
    font-family: slick;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.slick-loading .slick-list {
    background: url(../_img/ajax-loader.gif) center center no-repeat #fff
}
@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(../_fonts/slick.eot);src:url(../_fonts/slick.eot?#iefix) format('embedded-opentype'),
url(../_fonts/slick.woff) format('woff'),
url(../_fonts/slick.ttf) format('truetype'),
url(../_fonts/slick.svg#slick) format('svg')
}
.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}
.slick-next:before,
.slick-prev:before {
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff
}
.slick-prev {
    left: -25px
}
[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}
.slick-prev:before {
    content: '←'
}
.slick-next:before,
[dir=rtl] .slick-prev:before {
    content: '→'
}
.slick-next {
    right: -25px
}
[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}
[dir=rtl] .slick-next:before {
    content: '←'
}
.slick-dotted.slick-slider {
    margin-bottom: 30px
}
.slick-dots {
    bottom: -25px;
    width: 100%;
    margin: 0;
    list-style: none;
    text-align: left;
    margin-left: 110px;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 0;
    padding: 0;
    cursor: pointer
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}
.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}
.slick-dots li button:before {
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    color: #FFF
}
.slick-dots li.slick-active button:before {
    color: #f9e530
}
.jspContainer {
    overflow: hidden;
    position: relative;
    max-width: inherit
}
.jspHorizontalBar,
.jspPane,
.jspVerticalBar {
    position: absolute
}
.jspVerticalBar {
    height: 100%;
    right: 9px;
    top: 0;
    width: 8px
}
.jspHorizontalBar {
    background: red;
    bottom: 0;
    height: 16px;
    left: 0;
    width: 100%
}
.jspCap {
    display: none
}
.jspHorizontalBar .jspCap {
    float: left
}
.jspTrack {
    position: relative
}
.jspDrag {
    background: #ccc;
    cursor: pointer;
    left: 0;
    position: relative;
    top: 0
}
.jspHorizontalBar .jspDrag,
.jspHorizontalBar .jspTrack {
    float: left;
    height: 100%
}
.jspArrow {
    background: #50506d;
    cursor: pointer;
    direction: ltr;
    display: block;
    margin: 0;
    padding: 0;
    text-indent: -20000px
}
.jspDisabled {
    background: #80808d;
    cursor: default
}
.jspVerticalBar .jspArrow {
    height: 16px
}
.jspHorizontalBar .jspArrow {
    float: left;
    height: 100%;
    width: 16px
}
.jspVerticalBar .jspArrow:focus {
    border: 1px solid red;
    outline: 0
}
.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}
* html .jspCorner {
    margin: 0 -3px 0 0
}
:focus {
    outline: none
}
a {
    text-decoration: none
}
@font-face{font-family:'MyriadPro-Regular';src:url(../_fonts/MyriadPro-Regular.woff) format('woff')
}
@font-face{font-family:'MyriadPro-Bold';src:url(../_fonts/MyriadPro-Bold.woff) format('woff')
}
@font-face{font-family:'MyriadPro-Semibold';src:url(../_fonts/MyriadPro-Semibold.woff) format('woff')
}

header.tpl-header {
    display:none
}
header {
    /*height:85px;*/
    /*background:#af0000*/
    position: absolute;
    width: 100%;
    height: 172px;
    z-index: 1;
}
.head-wrap {
    max-width:1019px;
    margin:0 auto;
    /*display:flex;*/
    height:auto;
    align-items:center;
    text-align: center;
    margin-top: 60px;
}
.head-wrap img{
    width: 30%;
    height: auto;   
}
.right-wrap {
    margin-left:auto;
    justify-content:flex-start;
    display:inline-flex
}
.login-form-wrap {
    position:relative
}
.login-form-wrap form .field {
    width:140px;
    height:27px;
    padding:5px 15px;
    border:none;
    font-size:14px;
    margin:0 3px 0
}
.login-form-wrap form .button {
    min-width:90px;
    text-transform:uppercase;
    min-height:27px;
    border:none;
    font-size:14px;
    cursor:pointer;
    padding:2px 13px;
    background-color:#e4e4e4
}
.login-form-wrap form .button:hover {
    background:#f7f7f7
}
.login-form-wrap .cantlog {
    text-decoration:none;
    position:absolute;
    bottom:-19px;
    right:31px;
    color:#fff
}
body.kr .login-form-wrap .cantlog {
    right:-32px
}
body.id .login-form-wrap .cantlog {
    right:4px
}
body.vn .login-form-wrap .cantlog {
    right:-13px
}
.login-form-wrap .cantlog:hover {
    color:#ffe000
}
.login-form-wrap .password-wrap {
    display:inline-flex;
    position:relative;
    align-items:center
}
.login-form-wrap .password-mask,
.login-mob-wrap .password-mask2 {
    display:inline-block;
    width:32px;
    height:19px;
    background-image:url(../_img/password_sprt.png);
    background-repeat:no-repeat;
    background-position:-40px;
    position:absolute;
    right:6px;
    cursor:pointer
}
.login-mob-wrap .password-mask2 {
    position:absolute;
    right:39px;
    margin-top:14px
}
.login-form-wrap .password-mask.active,
.login-mob-wrap .password-mask2.active {
    background-position:0
}
.head-social-wrap {
    margin-left:10px
}
.head-social-wrap a {
    margin:0 2px
}
.login-btn-mob {
    display:none
}
.mobi-social-wrap {
    display:none
}
.main {
    background-image:url(../_img/main-bga.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    background-color:#140103;
    overflow:hidden;
    height:auto
}
.wrapper {
    position:relative;
    height:inherit;
    max-width:1024px;
    margin:0 auto;
    margin-top: 195px;
}
.logo-wrapper {
    text-align:center;
    padding-top:30px
}
.slider-wrapper {
    text-align:left;
    margin:50px 10px 175px 10px
}
.slider-wrapper:lang(sc) {
    text-align: left;
    margin: 50px 10px 150px 10px;
}
.slider-wrapper:lang(id) {
    text-align: left;
    margin: 50px 10px 188px 10px;
}
.slider-wrapper:lang(vn) {
    text-align:left;
    margin:50px 10px 190px 10px
}
.slider-wrapper li {
    font-family:'MyriadPro-Regular';
    font-size:33px;
    color:#fff;
    text-transform:uppercase
}
.slider-wrapper li:lang(vn) {
    font-family:'Tahoma';
    font-size:30px;
    color:#fff;
    text-transform:uppercase
}
.slider-wrapper li b {
    font-family:'MyriadPro-Bold';
    font-size:50px;
    color:#fff;
    text-transform:uppercase;
    text-shadow:2px 1px #000
}
.slider-wrapper li span {
    font-family:'MyriadPro-Bold';
    color:#f9e530;
    font-size:55px;
    line-height:normal
}
.slider-wrapper li span:lang(kr) {
    font-family: 'MyriadPro-Bold';
    color: #f9e530;
    font-size: 51px;
    line-height: normal;
}
.slider-wrapper li span:lang(id) {
    font-family: 'MyriadPro-Bold';
    color: #f9e530;
    font-size: 43px;
    line-height: normal;
}
.slider-wrapper li span:lang(ind) {
    font-family: 'MyriadPro-Bold';
    color: #f9e530;
    font-size: 51px;
    line-height: normal;
}
.slider-wrapper li span:lang(th) {
    font-family: 'MyriadPro-Bold';
    color: #f9e530;
    font-size: 47px;
    line-height: normal;
}
.slider-wrapper li span:lang(vn) {
    font-family:'Tahoma';
    color: #f9e530;
    font-size: 43px;
    line-height: normal;
}
.main-cta-wrapper {
    text-align:left;
    position:relative;
    display:inline-block;
    margin:0 10px 0 10px
}
.main-cta-mobi-wrapper {
    display:none
}
.main-cta-btn {
    font-size:65px;
    display:block;
    height:90px;
    width:400px;
    line-height:90px;
    margin:0 auto
}
.cta-btn {
    font-family:'MyriadPro-Semibold';
    background-color:#f9e530;
    color:#000;
    font-size: 46px;
    font-weight: 600;
    height: 60px;
    width: 250px;
    margin: 0 auto;
    margin-top: 10px;
    padding: 5px;
    border:none;
    text-transform:uppercase;
    transition:all 0.2s cubic-bezier(.4,
    0,
    .2,
    1);
    position:relative;
    display:block;
    cursor:pointer;
    line-height:38pt;
    border-radius:5px;
    letter-spacing:.5pt;
    overflow:hidden;
    text-align:center;
    -moz-transition:all .3s ease-in-out 0s;
    -o-transition:all .3s ease-in-out 0s;
    -ms-transition:all .3s ease-in-out 0s;
    transition:all .3s ease-in-out 0s;
    animation:pulse 1s infinite
}
.cta-btn:lang(vn){
    font-size: 28px;
}
.cta-btn:lang(th){
    font-size: 39px;
}
.cta-btn:lang(kr){
    font-size: 29px;
}
.cta-btn:hover {
    transform:scale(1.05)
}
.cta-btn:before {
    content:'';
    position:absolute;
    top:-40%;
    right:110%;
    width:30px;
    height:200%;
    background:rgba(255,
    255,
    255,
    .7);
    transform:rotate(20deg)
}
.cta-btn:hover:before {
    right:-50%;
    transition:1.5s ease all
}
.content-wrapper {
    position:relative;
    display:block;
    height:705px
}
.content-section {
    position:absolute;
    height:inherit
}
.login-btn-wrap-mob,
.header-sm-mob,
.login-mob-wrap,
.overlay-bg {
    display:none
}
.overlay-bg {
    position:fixed;
    background:#000;
    width:100%;
    height:100%;
    top:0;
    bottom:0;
    left:0;
    margin:auto;
    right:0;
    z-index:99990
}
.login-mob-wrap {
    position:fixed;
    background:#af0000;
    width:280px;
    height:411px;
    top:0;
    bottom:0;
    left:0;
    margin:auto;
    right:0;
    z-index:99999;
    border-radius:9px;
    text-align:center
}
.login-mob-container {
    padding:55px 0 0
}
.logo-mob {
    max-width:194px;
    margin-bottom:21px
}
.field.userMob,
.field.passMob {
    height:33px;
    border:none;
    margin:7px 0;
    width:205px;
    font-size:13px;
    padding:0 0 0 37px
}
.modal-close {
    position:absolute;
    top:8px;
    right:12px;
    cursor:pointer
}
.submitMob {
    border:0;
    margin-top:16px;
    padding:10px 14px;
    font-size:19px;
    border-radius:7px;
    text-transform:uppercase;
    width:205px;
    cursor:pointer
}
.user-icon,
.pass-icon {
    position:absolute;
    margin-top:9px
}
.mobileslider {
    display:none
}
.slick-prev {
    left:-65px
}
.slick-prev:before {
    border-style:solid;
    border-width:.25em .25em 0 0;
    content:'';
    display:inline-block;
    height:.45em;
    position:relative;
    top:.15em;
    vertical-align:top;
    width:.45em;
    left:.25em;
    transform:rotate(-135deg) scale(2)
}
.slick-next {
    right:-65px
}
.slick-next:before {
    border-style:solid;
    border-width:.25em .25em 0 0;
    content:'';
    display:inline-block;
    height:.45em;
    position:relative;
    top:.15em;
    vertical-align:top;
    width:.45em;
    left:0;
    transform:rotate(45deg) scale(2)
}
.not-member-wrapper {
    margin:12px
}
.not-member-mobi-wrapper {
    display:none
}
.not-member-label {
    color:#FFF;
    font-style:italic;
    font-size:16px
}
.not-member-link {
    font-family:MyriadPro-Semibold;
    color:#f9e530;
    text-decoration:underline;
    font-size:16px;
    padding-left:5px
}
.vip-offers-wrapper {
    text-align:center;
    margin:30px 10px 15px 10px
}
.vip-offers-label {
    font-family:MyriadPro-Bold;
    font-size:30px;
    color:#FFF
}
.vip-offers-label span {
    color:#ffdf00
}
.vip-offers-box {
    background: rgba(0,0,0,0.5);
/*  border:1px solid #786932;*/
    border-radius:8px;
    height:auto
}
.vip-row {
    display:block
}
.vip-1,
.vip-2,
.vip-3,
.vip-4,
.vip-5,
.vip-6 {
    position:relative;
    display:inline-block;
    padding-top:20px;
    padding-left:35px;
    padding-right:35px;
    padding-bottom:20px;
    transition:all .2s ease-in-out
}
.vip-1 img,
.vip-2 img,
.vip-3 img,
.vip-4 img,
.vip-5 img,
.vip-6 img {
    width:80px;
    height:70px
}
.vip-1-title,
.vip-2-title,
.vip-3-title,
.vip-4-title,
.vip-5-title,
.vip-6-title {
    font-family:MyriadPro-Semibold;
    font-size:20px;
    color:#ffdf00;
    margin:5px 0 5px 0
}
.vip-1-title:lang(id),
.vip-2-title:lang(id),
.vip-3-title:lang(id),
.vip-4-title:lang(id),
.vip-5-title:lang(id),
.vip-6-title:lang(id) {
    color:#FFF;
}
.vip-1-description,
.vip-2-description,
.vip-3-description,
.vip-4-description,
.vip-5-description,
.vip-6-description {
    color:#FFF;
    font-size:14px;
    line-height:16pt
}
.vip-offers-wrapper:hover {
    -webkit-animation:glowing 2000ms infinite;
    -moz-animation:glowing 2000ms infinite;
    -o-animation:glowing 2000ms infinite;
    -ms-animation:glowing 2000ms infinite;
    animation:glowing 2000ms infinite
}
.vip-1:hover,
.vip-2:hover,
.vip-3:hover,
.vip-4:hover,
.vip-5:hover,
.vip-6:hover {
    transform:scale(1.2);
    -webkit-animation:glowing 1000ms infinite;
    -moz-animation:glowing 1000ms infinite;
    -o-animation:glowing 1000ms infinite;
    -ms-animation:glowing 1000ms infinite;
    animation:glowing 1000ms infinite
}
.vip-mobi-row-1,
.vip-mobi-row-2 {
    display:none
}
.tpl-header6 {
    display: none;
}
/*.mobileslider{
    display:none
}*/
canvas#canvas {
    position:absolute;
    display:block;
    z-index:0;
    width:100%;
    height:675px;
    top:540px
}
canvas#canvas:lang(sc) {
    height:570px;
    top:540px
}
@-webkit-keyframes spinner {
    from {
        -webkit-transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        transform:rotateY(0deg)
    }
    to {
        -webkit-transform:rotateY(-360deg);
        -moz-transform:rotateY(-360deg);
        -o-transform:rotateY(-360deg);
        -ms-transform:rotateY(-360deg);
        transform:rotateY(-360deg)
    }
}
@keyframes spinner {
    from {
        -webkit-transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        transform:rotateY(0deg)
    }
    to {
        -webkit-transform:rotateY(-360deg);
        -moz-transform:rotateY(-360deg);
        -o-transform:rotateY(-360deg);
        -ms-transform:rotateY(-360deg);
        transform:rotateY(-360deg)
    }
}
@-webkit-keyframes spinner {
    from {
        -webkit-transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        transform:rotateY(0deg)
    }
    to {
        -webkit-transform:rotateY(-360deg);
        -moz-transform:rotateY(-360deg);
        -o-transform:rotateY(-360deg);
        -ms-transform:rotateY(-360deg);
        transform:rotateY(-360deg)
    }
}
@keyframes spinner {
    from {
        -webkit-transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        transform:rotateY(0deg)
    }
    to {
        -webkit-transform:rotateY(-360deg);
        -moz-transform:rotateY(-360deg);
        -o-transform:rotateY(-360deg);
        -ms-transform:rotateY(-360deg);
        transform:rotateY(-360deg)
    }
}
@-webkit-keyframes glowing {
    0% {
        -webkit-filter:drop-shadow(0 0 5px #ffe000);
        -moz-filter:drop-shadow(0 0 5px #ffe000);
        -o-filter:drop-shadow(0 0 5px #ffe000);
        -ms-filter:drop-shadow(0 0 5px #ffe000);
        filter:drop-shadow(0 0 5px #ffe000)
    }
    50% {
        -webkit-filter:none;
        -moz-filter:none;
        -o-filter:none;
        -ms-filter:none;
        filter:none
    }
    100% {
        -webkit-filter:drop-shadow(0 0 5px #ffe000);
        -moz-filter:drop-shadow(0 0 5px #ffe000);
        -o-filter:drop-shadow(0 0 5px #ffe000);
        -ms-filter:drop-shadow(0 0 5px #ffe000);
        filter:drop-shadow(0 0 5px #ffe000)
    }
}
@-moz-keyframes glowing {
    0% {
        -webkit-filter:drop-shadow(0 0 5px #ffe000);
        -moz-filter:drop-shadow(0 0 5px #ffe000);
        -o-filter:drop-shadow(0 0 5px #ffe000);
        -ms-filter:drop-shadow(0 0 5px #ffe000);
        filter:drop-shadow(0 0 5px #ffe000)
    }
    50% {
        -webkit-filter:none;
        -moz-filter:none;
        -o-filter:none;
        -ms-filter:none;
        filter:none
    }
    100% {
        -webkit-filter:drop-shadow(0 0 5px #ffe000);
        -moz-filter:drop-shadow(0 0 5px #ffe000);
        -o-filter:drop-shadow(0 0 5px #ffe000);
        -ms-filter:drop-shadow(0 0 5px #ffe000);
        filter:drop-shadow(0 0 5px #ffe000)
    }
}
@-o-keyframes glowing {
    0% {
        -webkit-filter:drop-shadow(0 0 5px #ffe000);
        -moz-filter:drop-shadow(0 0 5px #ffe000);
        -o-filter:drop-shadow(0 0 5px #ffe000);
        -ms-filter:drop-shadow(0 0 5px #ffe000);
        filter:drop-shadow(0 0 5px #ffe000)
    }
    50% {
        -webkit-filter:none;
        -moz-filter:none;
        -o-filter:none;
        -ms-filter:none;
        filter:none
    }
    100% {
        -webkit-filter:drop-shadow(0 0 5px #ffe000);
        -moz-filter:drop-shadow(0 0 5px #ffe000);
        -o-filter:drop-shadow(0 0 5px #ffe000);
        -ms-filter:drop-shadow(0 0 5px #ffe000);
        filter:drop-shadow(0 0 5px #ffe000)
    }
}
@-ms-keyframes glowing {
    0% {
        -webkit-filter:drop-shadow(0 0 5px #ffe000);
        -moz-filter:drop-shadow(0 0 5px #ffe000);
        -o-filter:drop-shadow(0 0 5px #ffe000);
        -ms-filter:drop-shadow(0 0 5px #ffe000);
        filter:drop-shadow(0 0 5px #ffe000)
    }
    50% {
        -webkit-filter:none;
        -moz-filter:none;
        -o-filter:none;
        -ms-filter:none;
        filter:none
    }
    100% {
        -webkit-filter:drop-shadow(0 0 5px #ffe000);
        -moz-filter:drop-shadow(0 0 5px #ffe000);
        -o-filter:drop-shadow(0 0 5px #ffe000);
        -ms-filter:drop-shadow(0 0 5px #ffe000);
        filter:drop-shadow(0 0 5px #ffe000)
    }
}
@keyframes glowing {
    0% {
        -webkit-filter:drop-shadow(0 0 5px #ffe000);
        -moz-filter:drop-shadow(0 0 5px #ffe000);
        -o-filter:drop-shadow(0 0 5px #ffe000);
        -ms-filter:drop-shadow(0 0 5px #ffe000);
        filter:drop-shadow(0 0 5px #ffe000)
    }
    50% {
        -webkit-filter:none;
        -moz-filter:none;
        -o-filter:none;
        -ms-filter:none;
        filter:none
    }
    100% {
        -webkit-filter:drop-shadow(0 0 5px #ffe000);
        -moz-filter:drop-shadow(0 0 5px #ffe000);
        -o-filter:drop-shadow(0 0 5px #ffe000);
        -ms-filter:drop-shadow(0 0 5px #ffe000);
        filter:drop-shadow(0 0 5px #ffe000)
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow:0 0 0 0 rgba(204,
        169,
        44,
        .4)
    }
    70% {
        -webkit-box-shadow:0 0 0 10px rgba(204,
        169,
        44,
        0)
    }
    100% {
        -webkit-box-shadow:0 0 0 0 rgba(204,
        169,
        44,
        0)
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow:0 0 0 0 rgba(204,
        169,
        44,
        .4);
        box-shadow:0 0 0 0 rgba(204,
        169,
        44,
        .4)
    }
    70% {
        -moz-box-shadow:0 0 0 15px rgba(204,
        169,
        44,
        0);
        box-shadow:0 0 0 15px rgba(204,
        169,
        44,
        0)
    }
    100% {
        -moz-box-shadow:0 0 0 0 rgba(204,
        169,
        44,
        0);
        box-shadow:0 0 0 0 rgba(204,
        169,
        44,
        0)
    }
}
.particle {
    position:absolute
}
[data-animation] {
    height:50%;
    left:0;
    right:0;
    top:0;
    bottom:0
}
.plan {
    position:absolute;
    left:-200px;
    top:0;
    right:0;
    bottom:0;
    width:80%;
    height:560px;
    transform:rotate(0) translate(0);
    border-radius:50%;
    text-align:center;
    margin:0 auto;
    z-index: 0;
}
.plan:lang(sc) {
    left:-115px;
    height:470px
}
.plan-1 {
    transform:rotate(0deg) translate(0)
}
.plan-1.reverse {
    transform:rotate(0deg) translate(0)
}
.plan-2 {
    transform:rotate(-7deg) translate(0)
}
.plan-2.reverse {
    transform:rotate(-7deg) translate(0)
}
.plan-3 {
    transform:rotate(5deg) translate(0)
}
.plan-3.reverse {
    transform:rotate(5deg) translate(0)
}
.particle {
    background-size:cover;
    width:100px;
    height:100px;
    position:absolute;
    left:0
}
.particle {
    width:8px;
    height:8px;
    border-radius:50%;
    background-image:radial-gradient(#fca03e,
    #f8ad5d);
    box-shadow:inset 0 0 7px #81490c,
    0 0 9px #fca03e;
    opacity:.9
}
.particle-red {
    background-image:radial-gradient(#fcdf3e,
    transparent);
    box-shadow:inset 0 0 7px #810c0c,
    0 0 9px #fc3e3e
}
.particle-yellow {
    background-image:radial-gradient(#e6ca30,
    transparent);
    box-shadow:inset 0 0 7px #81580c,
    0 0 9px #cfb230
}
@keyframes fall {
    0% {
        top:0%;
        filter:opacity(0)
    }
    10% {
        filter:opacity(1)
    }
    30% {
        transform:rotate(60deg)
    }
    90% {
        filter:opacity(1)
    }
    100% {
        transform:rotate(360deg);
        top:120%;
        filter:opacity(0)
    }
}
@keyframes up {
    0% {
        top:120%;
        filter:opacity(0);
        transform:scale(1.2) rotate(0deg)
    }
    10% {
        filter:opacity(1.2)
    }
    30% {
        transform:rotate(60deg);
        transform:scale(1.5) rotate(0deg)
    }
    90% {
        filter:opacity(1)
    }
    100% {
        transform:rotate(360deg);
        top:0%;
        filter:opacity(0)
    }
}
@keyframes fallScale {
    0% {
        top:0%;
        filter:opacity(0);
        transform:scale(2) rotate(0deg)
    }
    10% {
        filter:opacity(1)
    }
    30% {
        transform:scale(2) rotate(10deg)
    }
    90% {
        filter:opacity(1)
    }
    100% {
        top:120%;
        filter:opacity(0)
    }
}
@keyframes fallScale-60 {
    0% {
        top:0%;
        filter:opacity(0);
        transform:scale(.6) rotate(0deg)
    }
    10% {
        filter:opacity(1)
    }
    30% {
        transform:scale(.6) rotate(15deg)
    }
    90% {
        filter:opacity(1)
    }
    100% {
        top:120%;
        filter:opacity(0)
    }
}