.menutop{position:absolute; z-index:999;top:0;left:170px;right:0;text-align:center;display: block;}
.text-logolc{z-index: 200;top: -85px;}
/*particles*/
#particles-js {
	position: absolute;
	width: 100%;
	height:900px;
	pointer-events: none;
	top: 0;
	z-index: 10;
}

/**********************font omyim**************************/

.ff-kn {
	font-family: 'Kanit', sans-serif;
}
.ff-sr {
	font-family: 'Sriracha', cursive;
}
/********************** bootstrap ************************************/
.tooltip-inner {
	max-width: 400px;
}
.bg-light {
	background-color: rgba(0, 0, 0, 0.8)!important;
	border-radius: 10px;
	color: aqua !important;
}
.navbar-light .navbar-toggler-icon {
	background-image: url(../images/nav-btn-c.png) !important;
}
.navbar-light .navbar-nav .nav-link {
	color: white;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: white !important;
}
/********************** scroll ************************************/

.iScrollIndicator {
	background-color: #5281ff !important;
}
/* Centered texts in each section
	* --------------------------------------- */
.section {
	overflow: hidden;
}
/*solves problem with overflowing video in Mac with Chrome */
#section0 {
	overflow: hidden;
}
.float-md-menu {
	-moz-box-shadow: 0 0 27px 16px rgb(20,12,27);
	background-color: #0c0a0a;
	z-index: 999;
}
.btn-float-xs {
	background-color: #231d1b;
	border: 1px solid #615450;
	border-radius: 3px;
	color: white;
	font-size: 15px;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	transition: all 200ms ease;
	width: 100%;
}
.btn-float-xs:hover {
	background-color: #735a51;
	border: 1px solid #615450;
	border-radius: 3px;
	color: #ffffff;
	font-size: 15px;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	transition: all 200ms ease;
	width: 100%;
}

/**********************************************************/

/*animation sky*/
@keyframes move-twink-back {
 from {
background-position:0 0;
}
to {
 background-position:-10000px 5000px;
}
}
@-webkit-keyframes move-twink-back {
 from {
background-position:0 0;
}
to {
 background-position:-10000px 5000px;
}
}
@-moz-keyframes move-twink-back {
 from {
background-position:0 0;
}
to {
 background-position:-10000px 5000px;
}
}
@-ms-keyframes move-twink-back {
 from {
background-position:0 0;
}
to {
 background-position:-10000px 5000px;
}
}
 @keyframes move-clouds-back {
 from {
background-position:0 0;
}
to {
 background-position:10000px 0;
}
}
@-webkit-keyframes move-clouds-back {
 from {
background-position:0 0;
}
to {
 background-position:10000px 0;
}
}
@-moz-keyframes move-clouds-back {
 from {
background-position:0 0;
}
to {
 background-position:10000px 0;
}
}
@-ms-keyframes move-clouds-back {
 from {
background-position: 0;
}
to {
 background-position:10000px 0;
}
}
/**********************************************************/

#scene {
	display: block!important;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}
.a-none:hover {
	color: #ff6d6d;
	text-decoration: none;
}
.clouds2 {
	-moz-animation: move-clouds-back 200s linear infinite;
	-ms-animation: move-clouds-back 200s linear infinite;
	-o-animation: move-clouds-back 200s linear infinite;
	-webkit-animation: move-clouds-back 200s linear infinite;
	animation: move-clouds-back 200s linear infinite;
	background: transparent url(../images/clouds.png) repeat top center;
	bottom: 0;
	display: block;
	height: 400px;
	left: 0;
	margin-top: 0;
	opacity: 0.5;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 9;
}
.clouds3 {
	background: url(../images/pallalax-layar-11.png) no-repeat center bottom;
	bottom: 0;
	height: 400px;
	pointer-events: none;
	position: absolute;
	width: 100%;
	z-index: 9;
}
.inner-pallalax {
	background-position: center top;
	background-size: cover;
	height: 130%;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 120%;
}
.layer-pallalax {
	height: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
}
.menu-bar-btn {
	color: white;
	display: block;
	font-size: 14px;
	padding: 0 2px;
	transition: all 200ms ease;
}
.sec2-bg-inner {
	background: url(images/bg-1.png) no-repeat center center;
	background-size: contain;
}
.sec2-box-day {
	background-color: #40280e;
	border-radius: 20px;
	color: white;
	font-size: 16px;
	font-weight: 700;
	padding: 6px 14px;
}
.sec2-box-reward {
	background-color: #40290e;
	border-radius: 5px;
	padding: 10px;
}
.sec2-ts-desc {
	color: #40280e;
	font-size: 20px;
	font-weight: 700;
	text-indent: 4rem;
}
.sec2-ts-itemname {
	font-size: 16px;
}
.sec3-bg-inner {
	background: url(images/bg-2.png) no-repeat center center;
	background-size: contain;
}
.sec3-box-subtitle-1, .sec3-box-subtitle-2 {
	border-radius: 50px;
	padding: 0 15px;
	text-align: center;
}
.sec3-box-subtitle-1 {
	background-color: #8c2b0b;
}
.sec3-box-subtitle-2 {
	background-color: #98563f;
}
.sec3-ts-event-desc {
	font-size: 16px;
}
.sec3-width-title-event {
	width: 190px;
}
.section-footer {
	background-color:#171717;    
	border-top: 6px ridge #9c7a43 !important;
}
.section2-event, .section3-labyrinth {
	background-position: center bottom;
	background-repeat: no-repeat;
	padding: 80px 0;
}
.section2-event {
	background-color: #e0dcd4;
	background-image: url(../images/line-section-1.png);
}
.section3-labyrinth {
	background-color: #231d1b;
	background-image: url(../images/line-section-2.png);
}
.ts-topbar {
	font-size: 10px;
}


/*  *********** query ************ 
@media (min-width:1200px) {
}*/

@media (min-width:992px)and (max-width:1199px) {
	.menutop {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 90px;
    right: 0;
    text-align: center;
    display: block;
}
}

@media (min-width:768px)and (max-width:991px) {
	.pcshow{display: none}
	.fixed-right-nav {
			font-family: 'js_chusrinormal';
        width: 100%;
        top: inherit;
        right: inherit;
        bottom: 0;
    
        z-index: 50;
    }
    .fixed-right-nav a {
    width: 50%;
    margin-top: 0px;
    padding: 10px 30px 10px 20px;
    position: static;
    text-align: center;
    border: 1px solid #9b7942;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    display: inline-block;
    float: left;
    box-shadow: 1px 3px 10px rgba(0,0,0,0.8);
    font-size: 20px;
    background-color: #000000;
}
    .fixed-right-nav a:last-child {
        width: 100%;
    }
    footer {
        margin-bottom: 88px;
    }
    .goto-top {
        display: none;
    }
    .ran-s-char,
    .ran-d-char {
		display: none;
	}
	.text-logolc{z-index: 200;top: -40px;}
	.menutop{ display: none;}
}

@media (min-width:576px)and (max-width:767px) {
	.pcshow{display: none}
	
	.fixed-right-nav {
			font-family: 'js_chusrinormal';
        width: 100%;
        top: inherit;
        right: inherit;
        bottom: 0;
    
        z-index: 50;
    }
    .fixed-right-nav a {
    width: 50%;
    margin-top: 0px;
    padding: 10px 30px 10px 20px;
    position: static;
    text-align: center;
    border: 1px solid #9b7942;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    display: inline-block;
    float: left;
    box-shadow: 1px 3px 10px rgba(0,0,0,0.8);
    font-size: 20px;
    background-color: #000000;
}
    .fixed-right-nav a:last-child {
        width: 100%;
    }
    footer {
        margin-bottom: 88px;
    }
    .goto-top {
        display: none;
    }
    .ran-s-char,
    .ran-d-char {
		display: none;
	}
	.text-logolc{z-index: 200;top: -10px;}
    .menutop{ display: none;}
}

@media (max-width:575px) {
	.menutop{ display: none;}
	.text-logolc{z-index: 200;top: -10px;}
	.pcshow{display: none}
		.fixed-right-nav {
			font-family: 'js_chusrinormal';
        width: 100%;
        top: inherit;
        right: inherit;
        bottom: 0;
    
        z-index: 50;
    }
    .fixed-right-nav a {
    width: 50%;
    margin-top: 0px;
    padding: 10px 30px 10px 20px;
    position: static;
    text-align: center;
    border: 1px solid #9b7942;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    display: inline-block;
    float: left;
    box-shadow: 1px 3px 10px rgba(0,0,0,0.8);
    font-size: 20px;
    background-color: #000000;
}
    .fixed-right-nav a:last-child {
        width: 100%;
    }
    footer {
        margin-bottom: 88px;
    }
    .goto-top {
        display: none;
    }
    .ran-s-char,
    .ran-d-char {
		display: none;
	}
}