body {
    position: relative;
    overflow-x: hidden;    
	color:white;
	font-size: 15px;
	background-color: black;	
}
/* .container { */

    /* padding-right: unset; */
    /* padding-left: unset; */
/* } */
body,
html { height: 100%;}
.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus {background-color: transparent;}

/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/

.bg {
  background-image: url("../asset/background/BG Desktop.jpg");
  background-repeat: no-repeat;
  background-position: center;
  height: 100vh;
  width: 100vw;
  position: fixed;
  z-index: -10; 
  background-size: cover;
  transform: translate3d(0,0,0); 
}

#wrapper {
    padding-left: 0;
	min-height:1000px;
}

#wrapper.toggled {

}

#sidebar-wrapper {
    z-index: 1000;
    left: 260px;
    width: 0;
    height: 100%;
    margin-left: -260px;
    overflow-y: auto;
    overflow-x: hidden;
    /* background: #1a1a1a; */
	background-image: url("../asset/background/BG Mobile.jpg");
}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#wrapper.toggled #sidebar-wrapper {
    width: 260px;
}

#page-content-wrapper {
    width: 100%;
    /* padding-top: 70px; */
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -260px;
}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/
.navbar {
  padding: 0;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 260px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    position: relative; 
    line-height: 15px;
    display: inline-block;
    width: 90%;
	background-image: linear-gradient(to bottom, #0b1b32, #0b213e, #0b264a, #0a2c57, #0a3264);
	box-shadow: 0px 4px 4px 0px #00000040;
	border-radius: 20px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom:10px;
}

.sidebar-nav li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 3px;
    /* background-color: #1c1c1c; */
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}
.sidebar-nav li:hover{
  background: #0062ccbf !important;
  border-radius: 20px;
  margin-left: 10px;
  margin-right: 10px;
}
.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
    width: 100%;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}

.sidebar-nav li a {
    display: block;
    color: #ddd;
    text-decoration: none;
    padding: 10px 15px 10px 10px;    
}

.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}
.sidebar-header {
    text-align: center;
    font-size: 14px;
    position: relative;
    width: 100%;
    display: inline-block;
}
.sidebar-brand {
    height: 100%;
    position: relative;
    /* background:#212531; */
    /* background: linear-gradient(to right bottom, #2f3441 50%, #212531 50%); */
   padding-top: 33px;
}
.sidebar-brand a {
    color: #ddd;
}
.sidebar-brand a:hover {
    color: #fff;
    text-decoration: none;
}
.dropdown-header {
    text-align: center;
    font-size: 1em;
    color: #ddd;
    background:#212531;
    background: linear-gradient(to right bottom, #2f3441 50%, #212531 50%);
}

.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #222;
    box-shadow: none;
}

.dropdown-menu.show {
    top: 0;
}

/*Fontawesome icons*/
.nav.sidebar-nav li a::before {
    font-family: fontawesome;
    /* content: "\f12e"; */
    vertical-align: baseline;
    display: inline-block;
    padding-right: 5px;
}
/* a[href*="#home"]::before { */
  /* content: "\f015" !important; */
/* } */
/* a[href*="#about"]::before { */
  /* content: "\f129" !important; */
/* } */
/* a[href*="#events"]::before { */
  /* content: "\f073" !important; */
/* } */
/* a[href*="#events"]::before { */
  /* content: "\f073" !important; */
/* } */
/* a[href*="#team"]::before { */
  /* content: "\f0c0" !important; */
/* } */
/* a[href*="#works"]::before { */
  /* content: "\f0b1" !important; */
/* } */
/* a[href*="#pictures"]::before { */
  /* content: "\f03e" !important; */
/* } */
/* a[href*="#videos"]::before { */
  /* content: "\f03d" !important; */
/* } */
/* a[href*="#books"]::before { */
  /* content: "\f02d" !important; */
/* } */
/* a[href*="#art"]::before { */
  /* content: "\f1fc" !important; */
/* } */
/* a[href*="#awards"]::before { */
  /* content: "\f02e" !important; */
/* } */
/* a[href*="#services"]::before { */
  /* content: "\f013" !important; */
/* } */
/* a[href*="#contact"]::before { */
  /* content: "\f086" !important; */
/* } */
/* a[href*="#followme"]::before { */
  /* content: "\f099" !important; */
  /* color: #0084b4; */
/* } */


/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

.hamburger {
  position: fixed;
  top: 20px;  
  z-index: 999;
  display: block;
  width: 32px;
  height: 32px;
  margin-left: 15px;
  background: #ffffff00;
  border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: #D9D9D9;
  opacity: 0.3;
}
.hamburger.is-closed .hamb-top { 
  top: 5px; 
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 5px;  
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  top: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: #D9D9D9;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;  
}
.hamburger.is-open .hamb-top { 
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}
/*============================================KHOMAS================================================*/

/*-------------------------------*/
/*           Header              */
/*-------------------------------*/
#Header{
	height:70px;
	background: linear-gradient(180deg, #004facde 0%, rgba(0, 42, 90, 0.88) 100%);
	position: fixed; 
	z-index: 100;
}

@media (min-width:0px){
	
	/*--------------Layout-----------------*/
	.FixedWidth{width: 100%;}
	.StandardWidth{width: 100%;}
	
	/*--------------Font-----------------*/
	.MFont10{font-size:10px !important}
	.MFont12{font-size:12px !important}
	.MFont13{font-size:13px !important}
	.MFont15{font-size:15px !important}
	.MFont18{font-size:18px !important}
	
	.MFont12Sidebar{font-size:12px !important}
	
	/*--------------LineHeight-----------------*/
	.wrd_lineheight{line-height: 25px;}
	
	/*--------------DepostiWithdrawMobile-----------------*/
	#BodyDepWit{display:normal;}
	
	/*--------------MobileSideBar-----------------*/
	#sidebar-wrapper{margin-top: 175px;border-radius: 10px;}
	
	/*--------------MobileInput-----------------*/
	.txtField {padding-left: 20%;}
	
	}
@media (min-width:576px){
	/*--------------Layout-----------------*/
	.FixedWidth{max-width: 540px;margin-right: -270px;right: 50%;}
	.StandardWidth{max-width: 540px !important;}
	
	/*--------------Font-----------------*/
	.MFont10{font-size:18px !important}
	.MFont12{font-size:18px !important}
	.MFont13{font-size:18px !important}
	.MFont15{font-size:18px !important}
	.MFont18{font-size:20px !important}
	
	.MFont12Sidebar{font-size:15px !important}
	
	
	/*--------------LineHeight-----------------*/
	.wrd_lineheight{line-height: 35px;}
	
	/*--------------DepostiWithdrawMobile-----------------*/
	#BodyDepWit{display:normal;}
	
	/*--------------MobileSideBar-----------------*/
	#sidebar-wrapper{margin-top: unset;border-radius: unset;}
	
	/*--------------MobileInput-----------------*/
	.txtField {padding-left: 25%;}

	}
@media (min-width:768px){
	/*--------------Layout-----------------*/
	.FixedWidth{max-width: 690px;margin-right: -345px;right: 50%;}
	.StandardWidth{max-width: 690px !important;}
	
	/*--------------Font-----------------*/
	.MFont10{font-size:18px !important}
	.MFont12{font-size:18px !important}
	.MFont13{font-size:18px !important}
	.MFont15{font-size:18px !important}
	.MFont18{font-size:20px !important}
	
	.MFont12Sidebar{font-size:15px !important}
	
		
	/*--------------LineHeight-----------------*/
	.wrd_lineheight{line-height: 35px;}
	
	/*--------------DepostiWithdrawMobile-----------------*/
	#BodyDepWit{display:normal;}
	
	/*--------------MobileSideBar-----------------*/
	#sidebar-wrapper{margin-top: unset;border-radius: unset;}

	/*--------------MobileInput-----------------*/
	.txtField {padding-left: 25%;}

	}
@media (min-width:992px){
	/*--------------Layout-----------------*/
	.FixedWidth{max-width: 930px;margin-right: -465px;right: 50%;}
	.StandardWidth{max-width: 930px !important;}
	
	/*--------------Font-----------------*/
	.MFont10{font-size:18px !important}
	.MFont12{font-size:18px !important}
	.MFont13{font-size:18px !important}
	.MFont15{font-size:18px !important}
	.MFont18{font-size:20px !important}
	
	.MFont12Sidebar{font-size:15px !important}
	
	
	/*--------------LineHeight-----------------*/
	.wrd_lineheight{line-height: 35px;}
	
	/*--------------DepostiWithdrawMobile-----------------*/
	#BodyDepWit{display:none;}
	
	/*--------------MobileSideBar-----------------*/
	#sidebar-wrapper{margin-top: unset;border-radius: unset;}
	
	/*--------------MobileInput-----------------*/
	.txtField {padding-left: 25%;}

}
@media (min-width:1200px){
	/*--------------Layout-----------------*/
	.FixedWidth{max-width: 1110px;margin-right: -555px;right: 50%;}
	.StandardWidth{max-width: 1110px !important;}
	
	/*--------------Font-----------------*/
	.MFont10{font-size:18px !important}
	.MFont12{font-size:18px !important}
	.MFont13{font-size:18px !important}
	.MFont15{font-size:18px !important}
	.MFont18{font-size:20px !important}
	
	.MFont12Sidebar{font-size:15px !important}
	
	
	/*--------------LineHeight-----------------*/
	.wrd_lineheight{line-height: 35px;}
	
	/*--------------DepostiWithdrawMobile-----------------*/
	#BodyDepWit{display:none;}
	
	/*--------------MobileSideBar-----------------*/
	#sidebar-wrapper{margin-top: unset;border-radius: unset;}

	/*--------------MobileInput-----------------*/
	.txtField {padding-left: 25%;}

}

.LimitBox1000{
	max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
}

.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5) !important;
    z-index: 1000;
}

.HeaderBtn{
	background-image: linear-gradient(to right, #022d62, #042459, #061a4f, #071145, #0b033b);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	float: right;
	width: 120px;
	height: 40px;
	left: 1332px;
	border-color: #0064ff9c;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	border-radius: 10px;
	color: white;
	margin-top:13px;
	margin-right:6px;
}
.SidebarImg{
	width:25px;
	height:25px;
}

.SidebarHr{
	margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    border: 0;
    border-top: 1.5px solid #f8f9fa69;
    width: 90%;
}
	
@media (min-width:0px){.HeaderBtn{display:none;}}
@media (min-width:576px){.HeaderBtn{display:none;}}
@media (min-width:768px){.HeaderBtn{display:none;}}
@media (min-width:992px){.HeaderBtn{display:block;}}
@media (min-width:1200px){.HeaderBtn{display:block;}}

.LanguageBtn{
	background-image: linear-gradient(to right, #022d62, #042459, #061a4f, #071145, #0b033b);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	border-color: #0064ff9c;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	border-radius: 10px;
	color: white;
	width: 150px !important;
}

.LanguageImg{
	width:20px;
}

.HomeWalletBtn{
	border-radius: 10px;
	color: white;
	max-width: 120px !important;
	background: rgba(0,0,0,0);
	font-size:13px !important;
	padding-left: 0px;
	text-align:left;
}

.dropdown-item:focus, .dropdown-item:hover {
	color: #16181b;
	text-decoration: none;
	background-color: #5db0c36e;
}

.Row0{
	margin-right: 0px !important ;
	margin-left: 0px !important;
}

.DepositBtn{
	background-image: linear-gradient(to right, #022d62, #042459, #061a4f, #071145, #0b033b);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

	width: 133px;
	height: 43px;
	left: 1332px;
	border-color: #0064ff9c;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	border-radius: 10px;
	color: white;
	margin-top:10px;
}


.modal-color{
	background-color: #002551e3;
    border-radius: 10px;
}

.fixed {
    position: fixed;
    top:0; left:0;
    width: 100%;
	z-index: 100;
}
.fixedWallet {
    position: fixed;
    top:70px; left:0;
    width: 100%;
	z-index: 100;
}

.bTitle{
	height: auto;
	width: fit-content;

	text-align:center;
	padding:10px 0px;
	
	background: linear-gradient(90deg, rgba(2, 45, 98, 0.9) 4.71%, rgba(0, 5, 11, 0.9) 100%);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 0px 10px rgba(0, 240, 255, 0.3), inset 0px 0px 5px rgba(0, 178, 255, 0.8);
	border-radius: 7px;
}	
.bArrow{
	height: 35px;
}	

@font-face {
	font-family: Sukhumvit;
	src: url(../font/SukhumvitSet-Light.woff);
}
@font-face {
	font-family: Inter;
	src: url(../font/Inter-Light.otf);
}
@font-face {
	font-family: Zawgyi-One;
	src: url(../font/ZAWGYIONE.woff);
}
@font-face {
	font-family: Hanuman;
	src: url(../font/Hanuman-Light.ttf);
}
@font-face {
	font-family: NotoSans;
	src: url(../font/NotoSansMyanmar-Regular.ttf);
}
.form-control{
	font-size: inherit !important;
}