@font-face {
  font-family: LeeLaUI;
  src: url('/fonts/LeelawUI.ttf');
}

@font-face {
  font-family: LeeLaUIB;
  src: url('/fonts/LeelaUIb.ttf');
}

@font-face {
  font-family: LeeLaUISL;
  src: url('/fonts/LeelUIsl.ttf');
}

body{
	position: relative;
    margin: 0;
    padding: 0;
	font-family: LeeLaUIB;
	font-size: 12px;
}

.animate {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    /*
    pointer-events: none;
    */
}

.hide{
	display:none !important;
}

.container-base{
	position:relative;
	display: table;
	width: 100vw;
	height: 100vh;
	margin: 0 auto;
	
}

.container-sub-base{
	position:relative;
	display: table-cell;
	width: 100%;
	height:100%;
	vertical-align: middle;
	text-align: center;
}

#container{
	position: relative;
	display: inline-block;
	overflow:hidden;
	width: 100%;
	height: 100%;
	background-color:#000000;
}

.perspective{
    perspective: 50px;
}

.perspective-relative{
	transform-style: preserve-3d;
}

.perspective-top{
	perspective-origin: center top;
}

.perspective-center{
	perspective-origin: center center;
}

.perspective-bottom{
	perspective-origin: center bottom;
}

.fixed{
	position: fixed !important;
}

.relative{
	position: relative;
}

.absolute{
	position: absolute;
}

.line-top{
	vertical-align:top;
}

.group-object{
	white-space: nowrap;
}

.inline-block{
	display:inline-block;
}

.table{
	display:table;
}

.table-cell{
	display:table-cell;
}

.no-event{
	pointer-events:none;
}

.center{
	margin:0 auto;
	text-align:center;
	vertical-align: middle;
}

.w-100-p{
	width:100%;
}

.w-75-p{
	width:75%;
}

.w-50-p{
	width:50%;
}

.w-25-p{
	width:25%;
}

.h-100-p{
	height:100%;
}

.h-75-p{
	height:75%;
}

.h-50-p{
	height:50%;
}

.h-25-p{
	height:25%;
}

@media only screen and (orientation: landscape) {
	.l-w-100-p{
		width:100%;
	}

	.l-w-75-p{
		width:75%;
	}

	.l-w-50-p{
		width:50%;
	}

	.l-w-25-p{
		width:25%;
	}
	
	.l-h-100-p{
		height:100%;
	}

	.l-h-75-p{
		height:75%;
	}

	.l-h-50-p{
		height:50%;
	}

	.l-h-25-p{
		height:25%;
	}
}

@media only screen and (orientation: portrait ) {
	.p-w-100-p{
		width:100%;
	}

	.p-w-75-p{
		width:75%;
	}

	.p-w-50-p{
		width:50%;
	}

	.p-w-25-p{
		width:25%;
	}
	
	.p-h-100-p{
		height:100%;
	}

	.p-h-75-p{
		height:75%;
	}

	.p-h-50-p{
		height:50%;
	}

	.p-h-25-p{
		height:25%;
	}
}

.l-0{
	z-index:11;
}

.base-3d.in .l-1{
	--translate-z: -10px;
}

.l-1{
	z-index:10;
}

.base-3d.in .l-2{
	--translate-z: -20px;
}

.l-2{
	z-index:9;
}

.base-3d.in .l-3{
	--translate-z: -30px;
}

.l-3{
	z-index:8;
}

.base-3d.in .l-4{
	--translate-z: -40px;
}

.l-4{
	z-index:7;
}

.base-3d.in .l-5{
	--translate-z: -50px;
}

.l-5{
	z-index:6;
}

.base-3d.in .l-6{
	--translate-z: -60px;
}

.l-6{
	z-index:5;
}

.base-3d.in .l-7{
	--translate-z: -70px;
}

.l-7{
	z-index:4;
}

.base-3d.in .l-8{
	--translate-z: -80px;
}

.l-8{
	z-index:3;
}

.base-3d.in .l-9{
	--translate-z: -90px;
}

.l-9{
	z-index:2;
}

.base-3d.in .l-10{
	--translate-z: -100px;
}

.l-10{
	z-index:1;
}

.attach-top{
	position: absolute;
	width:100%;
	top:0;
}

.attach-left{
	position: absolute;
	height:100%;
	left:0;
}

.attach-right{
	position: absolute;
	height:100%;
	right:0;
}

.attach-bottom{
	position: absolute;
	width:100%;
	bottom:0;
}

.FDWebObj{
	transform:
	translate3d(var(--translate-x, 0), var(--translate-y, 0), var(--translate-z, 0)) 
    rotate(var(--rotate, 0deg))
    scale(var(--scale, 1));
}

.fade{
	opacity: 0.0;
}

.fade.in{
	opacity: 1.0;
}

.fade.out{
	opacity: 0.0;
}

.scale-over{
	--scale: 2.0;
}

.scale-over.in{
	--scale: 1.0;
}

.slide-over.out{
	--scale: 2.0;
}

.scale-expand{
	--scale: 0.5;
}

.scale-expand.in{
	--scale: 1.0;
}

.slide-expand.out{
	--scale: 0.5;
}

.slide-border-top{
	--translate-y: -100%;
}

.slide-border-top.in{
	--translate-y: 0;
}

.slide-border-top.out{
	--translate-y: -100%;
}

.slide-border-left{
	--translate-x: -100%;
}

.slide-border-left.in{
	--translate-x: 0;
}

.slide-border-left.out{
	--translate-x: -100%;
}

.slide-border-right{
	--translate-x: 100%;
}

.slide-border-right.in{
	--translate-x: 0;
}

.slide-border-right.out{
	--translate-x: 100%;
}

.slide-border-bottom{
	--translate-y: 100%;
}

.slide-border-bottom.in{
	--translate-y: 0;
}

.slide-border-bottom.out{
	--translate-y: 100%;
}

.slide-top{
	--translate-y: -50px;
}

.slide-top.in{
	--translate-y: 0;
}

.slide-top.out{
	--translate-y: -50px;
}

.slide-left{
	--translate-x: -50px;
}

.slide-left.in{
	--translate-x: 0;
}

.slide-left.out{
	--translate-x: -50px;
}

.slide-right{
	--translate-x: 50px;
}

.slide-right.in{
	--translate-x: 0;
}

.slide-right.out{
	--translate-x: 50px;
}

.slide-bottom{
	--translate-y: 50px;
}

.slide-bottom.in{
	--translate-y: 0;
}

.slide-bottom.out{
	--translate-y: 50px;
}