@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Oxygen');
@import url('https://fonts.googleapis.com/css?family=Oxygen');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Hind+Siliguri');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Roboto:700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cabin:700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Play&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Bevan:ital@0;1&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Orbitron:wght@400..900&family=Oswald:wght@200..700&family=PT+Sans+Narrow:wght@400;700&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

@import url('https://cdn-uicons.flaticon.com/3.0.0/uicons-thin-straight/css/uicons-thin-straight.css');
@import url('https://cdn-uicons.flaticon.com/3.0.0/uicons-regular-rounded/css/uicons-regular-rounded.css');
@import url('https://cdn-uicons.flaticon.com/3.0.0/uicons-brands/css/uicons-brands.css');
@import url('https://cdn-uicons.flaticon.com/3.0.0/uicons-thin-rounded/css/uicons-thin-rounded.css');
@import url('https://cdn-uicons.flaticon.com/3.0.0/uicons-thin-chubby/css/uicons-thin-chubby.css');
@import url('https://cdn-uicons.flaticon.com/3.0.0/uicons-regular-straight/css/uicons-regular-straight.css');
@import url('https://cdn-uicons.flaticon.com/3.0.0/uicons-solid-rounded/css/uicons-solid-rounded.css');
@import url('https://cdn-uicons.flaticon.com/3.0.0/uicons-bold-rounded/css/uicons-bold-rounded.css');
@import url('https://cdn-uicons.flaticon.com/3.0.0/uicons-regular-chubby/css/uicons-regular-chubby.css');
@import url('https://cdn-uicons.flaticon.com/3.0.0/uicons-solid-straight/css/uicons-solid-straight.css');
@import url('https://cdn-uicons.flaticon.com/3.0.0/uicons-thin-straight/css/uicons-thin-straight.css');

.modal-content ul{padding: 15px 19px;}
.modal-content .close::before { display:none;}
.modal-content .close::after {  display:none;}
.modal-content .close {color: #fff !important;}

.modal-content { background-color: #040a18 !important; color: #cecece !important;}
.modal-content .form-control {
  /*height: 50px;*/
  background: #101729;
  color: #9EA6B9;
  border: solid 1px #242C41;
}
.blank-div{ width:100%; height:60px;}
.btm-blank-div{ width:100%; height:60px;}

.sidemenu-footer{ width:320px; height:58px; margin:0 auto !important; background:#040a18; border-top:solid 1px #0e1d3e; position:fixed; bottom:0;}
.sidemenu-footer i{ font-size: 20px; color:#fff; text-align:center; margin:0 auto; margin-top:8px; display: block; }
.sidemenu-footer h5{ font-size:14px; text-align: center; color:#fff; }	
.sidemenu-footer a{ margin: 0 !important;  padding: 0 !important; border-bottom:none !important; display: block !important;}
	
	
.body-cont{ width:100%; margin:0 auto; min-height:100vh; padding:60px 0 60px 0; background:#040A18; overflow:hidden;}
.body-cont h2{ font-family: 'Inter', sans-serif; font-size:30px; font-weight:600; color:#fff; line-height:48px; margin-bottom:10px;}
.body-cont h4{ font-family: 'Inter', sans-serif; font-size:20px; font-weight:600; text-align:left; text-transform:normal; color:#1D90BF; line-height:32px; margin-top:20px; margin-bottom:5px;}
.body-cont h5{ font-family: 'Inter', sans-serif; font-size:17px; font-weight:600; text-align:left; text-transform:normal; color:#D7B03B; line-height:32px; margin-top:20px; margin-bottom:5px;}
.body-cont p{ font-family: "Open Sans", sans-serif; font-size:14px; font-weight:normal; color:#d2d2d2; line-height:24px; margin-bottom:25px;}
.body-cont h6{ font-family: "Open Sans", sans-serif; font-size:15px; font-weight:lighter; color:#bf7e00; line-height:24px; margin-bottom:40px;}

.body-cont .box{ width:100%; margin:5px auto; padding:3px 10px; background:#070C20; border:solid 1px #182335;}
.body-cont .box h5{ font-family: 'Inter', sans-serif; font-size:15px; font-weight:600; text-align:left; text-transform:normal; color:#fff; line-height:20px; margin-top:20px; margin-bottom:5px;}
.body-cont .box p{ font-family: "Open Sans", sans-serif; font-size:14px; font-weight:normal; color:#848796; line-height:24px; margin-bottom:25px;}
.body-cont .box i{ font-size:20px; color:#37AFF0; margin-right:10px;}

.body-cont ul li{ font-family: "Open Sans", sans-serif; font-size:13px; font-weight:lighter; color:#a0a5ac; line-height:28px; }
.body-cont ul li::marker{color:#F042F1;}

.home{ width:100%; min-height:100vh; margin:0 auto; padding:0; 
	background:#fff;
	background: url(../images/home-bg.jpg) 0 no-repeat fixed;
	background-position-x: 0px;
	background-position-y: center;
	background-size: auto;
	background-position: bottom center;
	background-size: cover;
   	position:relative; overflow:hidden;}
.home h2{ font-family: "Bebas Neue", sans-serif; font-size:48px; font-weight:bold; text-align:center; color:#fff; line-height:52px; margin:0; }
.home h3{ font-family: "Bebas Neue", sans-serif; font-size:40px; font-weight:bold; text-align:center; color:#fff; line-height:48px; margin:0 0 10px 0; }
.home h5{ font-family: 'Roboto', sans-serif; font-size:12px; font-weight:normal; text-align:center; color:#dfdfdf; line-height:16px; margin:0 0 20px 0; }
.home h6{ font-family: 'Roboto', sans-serif; font-size:8px; font-weight:normal; text-align:center; color:#dfdfdf; line-height:28px; margin:-5px 0 15px 0; text-decoration:underline;}
.home h6 a{ color:#dfdfdf;}
.home .btm-box{ width:100%; bottom:0; right:0; left:0; position:fixed; z-index:2;}
.home .btm-box img{ width:280px; margin:0 auto; display:block;}
.home .btm-box2{ width:100%; /*top:0;*/ bottom:0; right:0; left:0; position:fixed; z-index:1; /*background:#0000006b;*/
    height: 380px;  background-image: linear-gradient(to bottom, #D2D2D200, #000000ed);
}



.home .i-submit{ width:90%; height:50px; border:none; /*border-radius:50px;*/ position:fixed; bottom:10%; right:5%; left:5%; font-size:18px; color: #000;}
.home .back{ width:100px; margin:0 auto; height:40px; border:none; border-radius:50px; position:fixed; bottom:2%; right:0%; left:0%; text-align:center; background: none; line-height:34px;}
.home .back a{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:center; color:#686868; line-height:20px; margin:0; }
.home .back a:hover{ text-decoration:none;}





/*--start-page-loader--*/
.page-loader{
  width: 100%;
  /*height: 100vh;*/
  position: fixed;
  /*background: #272727;*/
  background:#fff;
  /*background:rgba(0, 0, 0, 0.9);*/
  z-index: 99999;
  bottom:0;
  top:0;
  left:0;
  overflow:hidden;
}
.wrapper{
    width:160px;
    height:60px;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.0);
}
.circle{
    width:20px;
    height:20px;
    position: absolute;
    border-radius: 50%;
    background-color: #ffa42f;
    left:15%;
    transform-origin: 50%;
    animation: circle .5s alternate infinite ease;
}

@keyframes circle{
    0%{
        top:60px;
        height:5px;
        border-radius: 50px 50px 25px 25px;
        transform: scaleX(1.7);
    }
    40%{
        height:20px;
        border-radius: 50%;
        transform: scaleX(1);
    }
    100%{
        top:0%;
    }
}
.circle:nth-child(2){
    left:45%;
    animation-delay: .2s;
}
.circle:nth-child(3){
    left:auto;
    right:15%;
    animation-delay: .3s;
}
.shadow{
    width:20px;
    height:4px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    top:62px;
    transform-origin: 50%;
    z-index: -1;
    left:15%;
    filter: blur(1px);
    animation: shadow .5s alternate infinite ease;
}

@keyframes shadow{
    0%{
        transform: scaleX(1.5);
    }
    40%{
        transform: scaleX(1);
        opacity: .7;
    }
    100%{
        transform: scaleX(.2);
        opacity: .4;
    }
}
.shadow:nth-child(4){
    left: 45%;
    animation-delay: .2s
}
.shadow:nth-child(5){
    left:auto;
    right:15%;
    animation-delay: .3s;
}
.wrapper span{
    position: absolute;
    top:75px;
    font-family: 'Lato';
    font-size: 20px;
    letter-spacing: 12px;
    color: #fff;
    left:15%;
}
/*--end-page-loader--*/

	/*.nav-tabs .nav-link { border-top-left-radius: 0 !important;  border-top-right-radius: 0 !important;}
	.nav-tabs .nav-link.active{ color: #fff !important;  background-color: #3db67a !important;  border-color: #3db67a #3db67a #3db67a !important;}*/

	/* Default Light Mode */
   /* body.light-mode {
      background-color: #ffffff;
      color: #000000;
      transition: background-color 0.3s, color 0.3s;
    }*/
	
	label.error{color:red; font-size:11px}
	.page-header{ width:280px; height:50px; margin:0 auto; top:5px; right:0; left:0; background:none; position:fixed; z-index:9999;}
	.page-header h3{ font-family: 'Roboto', sans-serif; font-size:18px; font-weight:bold; text-align:center; color:#393939; line-height:18px; margin:8px 0 0 0; }
	.page-header h5{ font-family: 'Roboto', sans-serif; font-size:10px; font-weight:600; text-align:center; color:#35b375; line-height:14px; margin:3px 0 0 0;}
	
	
	
	.login{ width:100%; min-height:100vh; margin:0 auto; background:#fff; position:relative; overflow-y: scroll !important;}
	.login h2{ font-family: 'Roboto', sans-serif; font-size:24px; font-weight:bold; text-align:center; color:#393939; line-height:28px; margin:30px 0 0 0; }
	.login h2 span{ color:#FFD226;}
	.login p{ font-family: 'Roboto', sans-serif; font-size:12px; font-weight:normal; text-align:left; color:#8E939E; line-height:18px; margin:5px 0 0 0; }
	.login p span{ color:#ECBB00;}
	.login a{ font-family: 'Roboto', sans-serif; font-size:18px;}
	.login .form-control{ height:50px; background:#DFDFDF; color:#858C9A; border:none;}
	.login label{ font-family: 'Roboto', sans-serif; font-size:12px; font-weight:normal; text-align:left; color:#8E939E; line-height:18px; margin:5px 0 0 0; }
	.login label span{ color:#ECBB00;}
	
	.login .login-btn-outer{ width:100%; padding:0 4%; right:0%; left:0%; position:fixed; bottom:0px; background:#fff;}

	
	.form-box{ width:100%; margin:0 auto; margin-top:30px; padding:10px 20px; /*background-color: rgba(161, 54, 99, 0.54);*/ background:none; overflow:hidden; position:relative; border-radius:10px; position:relative;}
	
	.form-box .currency{ width:100%; height:40px; border:solid 1px #DFDFDF; border-radius:10px; display:block; overflow:hidden;}
	.form-box .currency i{ font-size:20px; color:#40444D; line-height:40px; text-align:center; display:block;}
	.form-box .currency .active{ background:#40444D; color:#fff;}
	.form-box .currency:hover{ text-decoration:none;}
	
	.form-box .nav-tabs > li{ float: left;}
	.form-box .nav.nav-tabs{  background:none; /*text-align: center;*/ display: block; border:none; padding:0 10px; overflow: hidden;}
	.form-box .nav.nav-tabs li{ display: inline-block !important; /*margin-right: 7px;*/ margin:3px; }
	.form-box .nav.nav-tabs li a { background:none; border:none; padding:0 30px; color:#393939; font-size:14px; font-weight:600; line-height:38px; display:block;}
	.form-box .nav.nav-tabs li a:hover{ text-decoration:none;}
	.form-box .nav.nav-tabs li a.active { background:none !important; color:#393939; border-bottom:solid 1px #FED226 !important;}
	/*.form-box .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active >{ background:#none !important; border-bottom:solid 1px #FED226 !important;}*/
	
	
	
	.features-banner{ width:100%; min-height:100vh; margin:0 auto; background:#fff; position:relative; overflow:hidden;}
	.features-banner .carousel-indicators li{ background-color:#c8c8c8; opacity: .5;}
	.features-banner .carousel-indicators li.active{  background-color:#FDCD1B; opacity:1;}
	.features-banner h5{ font-family: 'Roboto', sans-serif; font-size:16px; font-weight:bold; text-align:center; color:#393939; line-height:18px; margin:10px 0; }
	.features-banner p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:center; color:#8E939E; line-height:20px; margin:5px 0 20px 0; }
	/*.features-banner .next-btn{ position:fixed; width:300px; height:40px; bottom:0; right:0; left:0; opacity:1; top:600px; margin:0 auto; font-size:16px; font-weight:bold; color:#000;}*/
	.features-banner .next-btn{ position:absolute; width:100%; height:50px; line-height:36px; bottom: -30%; right:0%; left:0%; opacity:1;  margin:0 auto; font-size:16px; font-weight:bold; color:#000; z-index:9999;}
	/*.features-banner .carousel-control-next{ top:82% !important;}*/
	.features-banner .carousel-inner { height:100vh;}
	.features-banner .carousel-caption { bottom:-10%;}
	
	/*.error{ width:100%; min-height:100vh; margin:0 auto; padding:0; background:#fff; position:relative; overflow:hidden;}*/
	
	.referral{ width:100%; min-height:100vh; margin:0 auto; padding:20px 0; 
		background:#fff;
		/*background: url(../images/investment-1.png) 0 no-repeat fixed;
		background-position-x: 0px;
		background-position-y: center;
		background-size: auto;
		background-position: bottom center;
		background-size: cover;*/
   		position:relative; overflow:hidden;}
	.referral h2{ font-family: 'Roboto', sans-serif; font-size:28px; font-weight:bold; text-align:left; text-transform:uppercase; color:#393939; line-height:36px; margin:10px 0 15px 0; }
	.referral h3{ font-family: 'Roboto', sans-serif; font-size:20px; font-weight:normal; text-align:center; color:#393939; line-height:28px; margin:40px 0 15px 0; }
	.referral h4{ font-family: 'Roboto', sans-serif; font-size:18px; font-weight:normal; text-align:center; text-transform:capitalize; color:#393939; line-height:24px; margin:40px 0 25px 0; }
	
	.referral p{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:normal; text-align:left; text-transform:capitalize; color:#000; line-height:24px; margin:0 0 20px 0; }
	.referral p span{ color:#6c6c6c;}
	.referral .sn{ width:50px; height:50px; border:solid 1px #3197EC; border-radius:5px; overflow:hidden; float:left; font-size:20px; font-family: 'Roboto', sans-serif; font-weight:600; text-align:center; line-height:46px; margin:0; margin-right:10px; color:#3197EC; }
	
	.referral .r-box{ width:100%; height:70px; margin:10px auto; padding:0; background:#e6e6e6; border: solid 0px #eaeaea; border-radius:10px; overflow:hidden;}
	.referral .r-box .caption{ width:auto; height:70px; margin:0 auto; padding:10px; float:left;}
	.referral .r-box .caption h5{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#000; line-height:24px; margin:0; }
	.referral .r-box .caption h6{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#3197EC; line-height:24px; margin:0; }
	.referral .r-box .caption-btn{ width:60px; height:70px; margin:0 auto; padding:0; background:#3197EC; float:right;}
	.referral .r-box .caption-btn i{ font-size:24px; font-weight:normal; text-align:center; color:#fff; line-height:70px; margin:0; display:block }
	
	.referral .r-box .caption-btn-2{ width:40px; height:70px; margin:0 auto; padding:0; background:none; float:right;}
	.referral .r-box .caption-btn-2 i{ font-size:20px; font-weight:normal; text-align:center; color:#000; line-height:70px; margin:0; display:block }
	
	.card{ width:100%; min-height:100vh; margin:0 auto; padding:10px 0 50px 0; background:#fff; position:relative; overflow:hidden;}
	.card .box{ width:320px; height:180px; margin:15px auto; margin-bottom:30px; padding:15px 15px; /*background-image:linear-gradient(to right, #D2D2D2, #868686);*/ background:url(../images/w-card.jpg) 0 no-repeat; border-radius:10px;  box-shadow: 2px 5px 4px #e1e1e1; overflow:hidden; position: relative;}
	.card .box h3{ font-family: 'Roboto', sans-serif; font-size:20px; font-weight:normal; text-align:center; color:#fff; line-height:26px; margin:30px 0;}
    .card .box h4{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:normal; color:#fff; line-height:26px; margin:0;}
    .card .box h4 span{ float: right; }
    .card .box h5{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#fff; line-height:20px; margin:2px 0;}
    .card .box .t-icon{ position: absolute; width:80px; height:30px; right:20px; bottom:20px;}
	.card .box .t-icon a{ width:30px; height:30px; float:left; margin:0 5px 0 5px; display:block; text-align:center;}
	.card .box .t-icon a:hover{ text-decoration:none;}
	.card .box .t-icon a i{ color:#fff; line-height:30px;}

    .card h2{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:normal; text-align:center; color:#020202; line-height:20px; margin:0 0 5px 0; }
    
	.card h6{ font-family: 'Roboto', sans-serif; font-size:13px; font-weight:normal; text-align:left; color:#020202; line-height:20px; margin:0 0 5px 0; }
    .card p{ font-family: 'Roboto', sans-serif; font-size:12px; font-weight:normal; text-align:left; color:#686868; line-height:20px; margin:0 0 5px 0; }
   	.card .box-2{ width:100%; margin:15px auto; padding:5px 5px; background:#fff; border-radius:5px; border: solid 1px #ececec; box-shadow: 2px 5px 4px #e1e1e1; overflow:hidden;}
    
	
	
	.welcome{ width:100%; min-height:100vh; margin:0 auto; padding:10px 0 50px 0; background:#fff; position:relative; overflow:hidden;}
    .welcome h2{ font-family: 'Roboto', sans-serif; font-size:20px; font-weight:600; text-align:center; color:#423f3f; line-height:30px; margin:0;}
    .welcome h5{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:center; color:#686868; line-height:20px; margin:0 0 20px 0; }
    .welcome i{ width:50px; height:50px; margin:10px auto; padding:0; display: block; font-size:24px; font-weight:normal; color:#fff; text-align:center; background:#089C6A; border-radius:50%; line-height:50px; overflow:hidden;}
    	
    	
    .welcome .box{ width:100%; margin:15px auto; padding:15px 15px; background:#fff; border-radius:5px; border: solid 1px #ececec; box-shadow: 2px 5px 4px #e1e1e1; overflow:hidden;}
    .welcome .box h4{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:600; color:#089c6a; line-height:26px; margin:0;}
    .welcome .box p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; color:#6c6c6c; line-height:30px; margin:0;}
    .welcome .box p span{ float: right; color:#000;}
    .welcome .box a:hover{ text-decoration:none !important;}
    
    .welcome .box ul li{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; color:#3e3e3e; line-height:26px; margin:0;}
    
    
    .bk-login{ width:100%; margin:0 auto; background:#fff; overflow:hidden;}
    .bk-login h1{ font-family: 'Roboto', sans-serif; font-size:24px; font-weight:600; text-align:center; text-transform:none; color:#000; line-height:28px; margin:15px 0 15px 0; display: block;}
    .bk-login p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:center; margin-bottom:2rem; color:#b0b0b0; }
    .bk-login p span{ color:#208C76; }

    .bk-login .otp-box{ width:100%; margin:0 auto; margin-top:50px; padding:10px 15px 10px 15px; overflow:hidden; position:relative; }
    .bk-login .otp-box .btn-default{ background-image:linear-gradient(to right, #51B39F, #3884FB); color:#fff; border-color: #4ec2df; height:50px;}
    
    
	.investment-1{ width:100%; min-height:100vh; margin:0 auto; padding:20px 0; 
		background:#fff;
		background: url(../images/investment-1.png) 0 no-repeat fixed;
		background-position-x: 0px;
		background-position-y: center;
		background-size: auto;
		background-position: bottom center;
		background-size: cover;
   		position:relative; overflow:hidden;}
	.investment-1 h2{ font-family: 'Roboto', sans-serif; font-size:32px; font-weight:bold; text-align:left; color:#fff; line-height:48px; margin:10px 0 5px 0; }
	.investment-1 h6{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#dfdfdf; line-height:24px; margin:0 0 20px 0; }
	.investment-1 .i-submit{ width:90%; height:50px; border:none; /*border-radius:50px;*/ position:fixed; bottom:10%; right:5%; left:5%; font-size:18px; color: #000;}
	.investment-1 .back{ width:100px; margin:0 auto; height:40px; border:none; border-radius:50px; position:fixed; bottom:2%; right:0%; left:0%; text-align:center; background: none; line-height:34px;}
	.investment-1 .back a{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:center; color:#686868; line-height:20px; margin:0; }
	.investment-1 .back a:hover{ text-decoration:none;}
	
	
	
	.investment-2{ width:100%; min-height:100vh; margin:0 auto; padding:20px 0; background:#F2F5FA; position:relative; overflow:hidden;}
	.investment-2 h2{ font-family: 'Roboto', sans-serif; font-size:24px; font-weight:bold; text-align:left; color:#393939; line-height:30px; margin:10px 0 5px 0; }
	.investment-2 h6{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#777; line-height:24px; margin:0 0 20px 0; }
	.investment-2 .form-control{ height:50px; background:#fff; color:#000; border:none;}
	.investment-2 .i-submit{ width:90%; height:50px; border:none; /*border-radius:50px;*/  position:fixed; bottom:10%; right:5%; left:5%; font-size:18px; color: #000;}
	.investment-2 .back{ width:100px; margin:0 auto; height:40px; border:none; border-radius:50px; position:fixed; bottom:2%; right:0%; left:0%; text-align:center; background: none; line-height:34px;}
	.investment-2 .back a{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:center; color:#686868; line-height:20px; margin:0; }
	.investment-2 .back a:hover{ text-decoration:none;}
	.investment-2 .price{ width:100px; height:50px; margin:5px; border:solid 1px #ccc; overflow:hidden; float:left; line-height:44px; text-align: center;}
	.investment-2 .price a{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:center; color:#000; line-height:50px; margin:0; display:block; }
	.investment-2 .price a:hover{ text-decoration:none;}
	.investment-2 .price label > input{  visibility: hidden;  margin-left: -20px;}
	.investment-2 label{ font-size:13px;}
	
	.investment-2 .price2{ width:150px; height:50px; margin:5px; background: #fff; border:solid 1px #ccc; overflow:hidden; float:left; line-height:44px; text-align: center; position: relative;}
	.investment-2 .price2 a{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:center; color:#000; line-height:50px; margin:0; display:block; }
	.investment-2 .price2 a:hover{ text-decoration:none;}
	.investment-2 .price2 input{  visibility: hidden;  margin-left: -20px; position: absolute;}
	.investment-2 .price2 input[type="radio"]:checked + label {  background: #ffc107; width: 100%; height:50px;}
	.investment-2 .btn-bg{ width:100%; background:#fff; height:150px;  overflow: hidden;  position: fixed;  z-index: 9999;  bottom: -25px;  left: 0; right:0;}
	
	.investment-2 .btn-bg3{ width:100%; background:#fff; height:320px;  overflow: hidden;  position: fixed;  z-index: 99;  bottom: -25px;  left: 0; right:0;}
	.investment-2 .Potent{ width:90%; height:70px; border:none; border-radius:50px; position:fixed; bottom:39%; right:5%; left:5%; font-size:18px; color: #000;}
	.investment-2 .Potent-2{ width:90%; height:70px; border:none; border-radius:50px; position:fixed; bottom:24%; right:5%; left:5%; font-size:18px; color: #000;}
    .investment-2 .i-submit2{ width:90%; height:70px; border:none; border-radius:50px; position:fixed; bottom:9%; right:5%; left:5%; font-size:18px; color: #000;}
	
	.investment-3{ width:100%; min-height:100vh; margin:0 auto; padding:20px 0; background:#F2F5FA; position:relative; overflow:hidden;}
	.investment-3 h2{ font-family: 'Roboto', sans-serif; font-size:24px; font-weight:bold; text-align:left; color:#393939; line-height:30px; margin:10px 0 5px 0; }
	.investment-3 h6{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#777; line-height:24px; margin:0 0 20px 0; }
	.investment-3 .form-control{ height:50px; background:#DFDFDF; color:#000; border:none;}
	.investment-3 input[type="checkbox"]{ float:right !important; margin-top:6px;}
	.investment-3 .form-check label{ width: 90% !important; float: left !important; overflow: hidden !important; font-weight: bold;}
	.investment-3 .i-submit{ width:90%; height:50px; border:none; /*border-radius:50px;*/ position:fixed; bottom:10%; right:5%; left:5%; font-size:18px; color: #000;}
	.investment-3 .back{ width:100px; margin:0 auto; height:40px; border:none; border-radius:50px; position:fixed; bottom:2%; right:0%; left:0%; text-align:center; background: none; line-height:34px;}
	.investment-3 .back a{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:center; color:#686868; line-height:20px; margin:0; }
	.investment-3 .back a:hover{ text-decoration:none;}
	.investment-3 .Potent{ width:90%; height:50px; border:none; /*border-radius:50px;*/ position:fixed; bottom:63px; right:5%; left:5%; font-size:18px; color: #000;}
	.investment-3 .Potent-2{ width:90%; height:50px; border:none; /*border-radius:50px;*/ position:fixed; bottom:5px; right:5%; left:5%; font-size:18px; color: #000;}
	.investment-3 .edit{ width:90%; height:40px; border:none; border-radius:50px; position:fixed; bottom:125px; right:5%; left:5%; font-size:14px; text-decoration: underline; color:#2648ff; line-height: 54px;}
    .investment-3 .box{ width:100%; height:45px; margin:10px auto; padding:10px; background:#fff; border:solid 1px #dbdbdb; border-radius: 5px; overflow:hidden; }
    .investment-3 .btn-bg{ width:100%; background:#fff; height:150px;  overflow: hidden;  position: fixed;  z-index: 9999;  bottom: -25px;  left: 0; right:0;}
    .investment-3 .btn-bg2{ width:100%; background:#fff; height:193px;  overflow: hidden;  position: fixed;  z-index: 99;  bottom: -25px;  left: 0; right:0;}

	.investment-4{ width:100%; min-height:100vh; margin:0 auto; padding:20px 0; background:#fff; position:relative; overflow:hidden;}
	.investment-4 h2{ font-family: 'Roboto', sans-serif; font-size:32px; font-weight:bold; text-align:center; color:#393939; line-height:48px; margin:10px 0 15px 0; }
	.investment-4 .form-control{ height:50px; background:#DFDFDF; color:#000; border:none;}
	.investment-4 input[type="checkbox"]{ float:right !important;}
	.investment-4 .form-check label{ width: 90% !important; float: left !important; overflow: hidden !important;}
	.investment-4 .i-submit{ width:90%; height:70px; border:none; border-radius:50px; position:fixed; bottom:10%; right:5%; left:5%; font-size:18px; color: #000;}
	.investment-4 .back{ width:100px; margin:0 auto; height:40px; border:none; border-radius:50px; position:fixed; bottom:2%; right:0%; left:0%; text-align:center; background: none; line-height:34px;}
	.investment-4 .back a{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:center; color:#686868; line-height:20px; margin:0; }
	.investment-4 .back a:hover{ text-decoration:none;}
	.investment-4 .box{ width:100%; height:45px; margin:10px auto; padding:10px; border:solid 1px #dbdbdb; border-radius: 5px; overflow:hidden; }
    .investment-4 .btn-bg{ width:100%; background:#fff; height:150px;  overflow: hidden;  position: fixed;  z-index: 9999;  bottom: -25px;  left: 0; right:0;}

	
	
	
	.investment-8{ width:100%; min-height:100vh; margin:0 auto; padding:20px 0; background:#fff; position:relative; overflow:hidden;}
	.investment-8 h2{ font-family: 'Roboto', sans-serif; font-size:32px; font-weight:bold; text-align:center; color:#393939; line-height:48px; margin:10px 0 15px 0; }
	
	
	
	.sec-1{ width:100%; min-height:100vh; margin:0 auto; padding:50px 0; background:#fff; position:relative; overflow:hidden;}
	.sec-1 h2{ font-family: 'Roboto', sans-serif; font-size:20px; font-weight:bold; text-align:left; color:#393939; line-height:28px; margin:30px 0 0 0; }
	.sec-1 h4{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#686868; line-height:20px; margin:10px 0 20px 0; }
	
	.sec-1 .expertstatus{ width:100%; margin:0 auto; padding:30px 0; background:#F0F0F0; overflow:hidden;}
	
	.sec-1 .expertstatus .box{ width:100%; margin:15px auto; padding:30px 8px; background:#fff; border-radius:10px; overflow:hidden;}
	.sec-1 .expertstatus .box h5{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:normal; text-align:left; color:#686868; line-height:20px; margin:0; }
	.sec-1 .expertstatus .box h3{ font-family: 'Roboto', sans-serif; font-size:18px; font-weight:bold; text-align:left; color:#393939; line-height:28px; margin:5px 0 0 0; }
	.sec-1 .expertstatus .box h3 span{ font-size:14px; font-weight:normal; color:#7A7E7F;}
	.sec-1 .expertstatus .box p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#7A7E7F; line-height:20px; margin:0; }
	.sec-1 .expertstatus .box h6{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:right; color:#fff; line-height:20px; margin:0 0 0 0; }
	.sec-1 .expertstatus .box img{ width:100%; margin:0 auto; display:block;}
	
	.p2pkyc{ width:100%; min-height:100vh; margin:0 auto; padding:10px 0 50px 0; background:#F2F5FA; position:relative; overflow:hidden;}
	.p2pkyc h2{ font-family: 'Roboto', sans-serif; font-size:22px; font-weight:bold; text-align:left; color:#393939; line-height:40px; margin:20px 0 5px 0; }
    .p2pkyc h3{ font-family: 'Roboto', sans-serif; font-size:16px; font-weight:normal; text-align:left; color:#020202; line-height:20px; margin:20px 0 5px 0; }
	.p2pkyc h5{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#686868; line-height:20px; margin:0 0 20px 0; }
	.p2pkyc h6{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#5a5e5c; line-height:20px; margin:10px 0 5px 0; }
    .p2pkyc input[type="text"]{ background-color:#FFF !important; color:#000; border:none !important;}
	.p2pkyc .form-control { background-color:#fff; color:#393939; border:none !important;}

    .p2pkyc .box{ width:100%; margin:15px auto; padding:15px 15px; background:#fff; border-radius:5px; border: solid 1px #ececec; box-shadow: 2px 5px 4px #e1e1e1; overflow:hidden;}
    .p2pkyc .box h4{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:600; color:#089c6a; line-height:26px; margin:0;}
    .p2pkyc .box p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; color:#6c6c6c; line-height:30px; margin:0;}
    .p2pkyc .box p span{ float: right; color:#000;}
    .p2pkyc .box a:hover{ text-decoration:none !important;}
    
    .p2pkyc .box ul li{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; color:#3e3e3e; line-height:26px; margin:0;}
    

	.edit-profile{ width:100%; min-height:100vh; margin:0 auto; padding:10px 0 50px 0; background:#F2F5FA; position:relative; overflow:hidden;}
	.edit-profile h3{ font-family: 'Roboto', sans-serif; font-size:16px; font-weight:normal; text-align:left; color:#020202; line-height:20px; margin:20px 0 5px 0; }
	.edit-profile h5{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#686868; line-height:20px; margin:0 0 20px 0; }
	.edit-profile h6{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#5a5e5c; line-height:20px; margin:10px 0 5px 0; }
	.edit-profile input{ background-color:#F0F0F0; color:#fff; border:none !important;}
	.edit-profile .form-control { background-color:#fff; color:#393939; border:none !important;}

	.backoffice{ width:100%; min-height:100vh; margin:0 auto; padding:10px 0 50px 0; background:#062A40; position:relative; overflow:hidden;}
	.backoffice h3{ font-family: 'Roboto', sans-serif; font-size:24px; font-weight:normal; text-align:center; text-transform:uppercase; color:#fff; line-height:20px; margin:20px 0 15px 0; }
	.backoffice h5{ font-family: 'Roboto', sans-serif; font-size:18px; font-weight:normal; text-align:center; color:#CCC; line-height:20px; margin:0 0 5px 0; }
	.backoffice p{ font-family: 'Roboto', sans-serif; font-size:13px; font-weight:normal; text-align:center; color:#CCC; line-height:20px; margin:0 0 20px 0; }
	.backoffice .bo-box-outer{ width:100%; margin:10px auto; padding:10px; background:#034F5D; border-radius:10px; }
	.backoffice .bo-box-outer .bo-box{ width:100%; margin:10px auto; background:none; }
	.backoffice .bo-box-outer .bo-box h6{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; color:#fff; text-align:center; line-height:18px; margin:0;}
	.backoffice .bo-box-outer .bo-box i{ width:50px; height:50px; line-height:50px; border-radius:5px; background:#fff; color:#034F5D; font-size:28px; display:block; margin:0 auto; margin-bottom:10px; text-align:center;}
	.backoffice .bo-box-outer .bo-box a:hover{ text-decoration:none;}
	
	.p2ptrading{ width:100%; min-height:100vh; margin:0 auto; padding:10px 0 50px 0; background:#F2F5FA; position:relative; overflow:hidden;}
	.p2ptrading .box{ width:100%; margin:15px auto; padding:0 5px 15px 5px; background:#fff; border-radius:5px; border: solid 1px #ececec; box-shadow: 2px 5px 4px #e1e1e1; overflow:hidden;}
	
	.p2ptrading .box .nav-tabs .nav-link{background: #fff;  color: #54585B;}
	.p2ptrading .box .nav-tabs .nav-link.active {  color: #14181b !important;  background-color: none !important;  border-color: #fff #fff #fff !important;}
	
	.p2ptrading .box .escrow{ width:fit-content; height:auto; margin:0; padding:5px; background:#fff; border-radius:5px; border: solid 1px #ececec; overflow: hidden;}
	.p2ptrading .box .escrow h3{ font-family: 'Roboto', sans-serif; font-size:13px; font-weight:bold; text-align:left; text-transform: uppercase; color:#46474B; line-height:28px; margin:0 0 0 10px; float: left;}
	.p2ptrading .box .escrow i{ font-size:20px; color:#14181B; float: left;}
	
	
	.p2ptrading .box .details{ width:100%; height:auto; margin:10px auto; padding:0px; background:#fff; border-radius:5px; border: solid 1px #ececec;}
	.p2ptrading .box .details .user{ width:100%; height:40px; margin:0 auto; padding:5px 5px; border-bottom: solid 1px #ececec;}
	.p2ptrading .box .details .user .user-img{ width:30px; height:30px; margin:0 auto; border:solid 2px #fff; border-radius:50%; overflow:hidden; float:left;}
    .p2ptrading .box .details .user h4{ font-family: 'Roboto', sans-serif; font-size:12px; font-weight:normal; text-align:left; color:#14181B; line-height:14px; margin:0 0 0 10px; float: left;}
	.p2ptrading .box .details .user h4 span{ font-size:10px; color:#777;}
	.p2ptrading .box .details .user h5{ font-family: 'Roboto', sans-serif; font-size:16px; font-weight:bold; text-align:center; color:#14181B; line-height:30px; margin:0; margin-top: 0px;}
	.p2ptrading .box .details .user h5 span{ font-size:10px; color:#777;}
	.p2ptrading .box .details .user h5 i{ font-size:12px;}
	
	
	.p2ptrading .box .details .data{ width:100%; margin:0 auto; padding:5px 5px;}
	.p2ptrading .box .details .data h3{ font-family: 'Roboto', sans-serif; font-size:13px; font-weight:normal; text-align:center; color:#14181B; line-height:18px; margin:0;}
	.p2ptrading .box .details .data h4{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:bold; color:#14181B; line-height:20px; margin:0; margin-top: 10px;}
	.p2ptrading .box .details .data h4 span{ font-size:12px; font-weight:normal; color:#5F6366;}
	.p2ptrading .box .details .data h5{ font-family: 'Roboto', sans-serif; font-size:12px; font-weight:normal; text-align:center; color:#5F6366; line-height:20px; margin:0; margin-top: 5px;}
	.p2ptrading .box .details .data h5 span{ font-size:12px; font-weight:bold; color:#14181B;}
	.p2ptrading .box .details .data h6{ font-family: 'Roboto', sans-serif; font-size:12px; font-weight:normal; text-align:center; color:#777; line-height:20px; margin:0; margin-top: 10px;}
	
	
	.p2ptrading .box .details .data .form-control {border:none; border-bottom: solid 1px #ececec; text-align: center !important; font-size: 13px !important;}
	
	.p2ptrading .box .details .data ::-webkit-input-placeholder {
       font-size: 12px!important;
    }
    
    .p2ptrading .box .details .data :-moz-placeholder { /* Firefox 18- */
          font-size: 12px!important;
    }
    .p2ptrading .box .details .data ::-moz-placeholder {  /* Firefox 19+ */
          font-size: 12px!important;
    }
	
	.p2ptrading .box .details .data .form-group{ margin-bottom:3px;}

    
    .qr-pay{ width:100%; min-height:100vh; margin:0 auto; padding:10px 0 50px 0; background:#fff; border: solid 1px #ececec; position:relative; overflow:hidden;}
    .qr-pay h2{ font-family: 'Roboto', sans-serif; font-size:16px; font-weight:normal; text-align:left; color:#020202; line-height:20px; margin:20px 0 5px 0; }
	.qr-pay h5{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#686868; line-height:20px; margin:0 0 20px 0; }

    .qr-pay .box { width:100%; height:auto; margin:10px auto; padding:0px; background:#fff; border-radius:5px; border: solid 1px #ececec;}
    .qr-pay .box .top-box{ width:100%; margin:0 auto; padding:5px 5px; border-bottom: solid 1px #ececec; overflow:hidden;}
    .qr-pay .box .top-box h4{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; color:#000; line-height:20px; margin:0; margin-top: 5px;}
    .qr-pay .box .top-box h4 span{ font-size:12px; font-weight:normal; color:#5F6366;}
	
    .qr-pay .box .mid-box{ width:100%; margin:0 auto; padding:10px 5px; border-bottom: solid 1px #ececec; overflow:hidden;} 
    .qr-pay .box .mid-box h3{ font-family: 'Roboto', sans-serif; font-size:18px; font-weight:bold; text-align:center; color:#060606; line-height:28px; margin:0 0 0 5px;}
	.qr-pay .box .mid-box img{ margin:0 auto; display:block; max-width:200px;}
    .qr-pay .box .mid-box p{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:center; color:#5F6366; line-height:20px; margin:0; margin-top: 5px;}
    .qr-pay .box .mid-box h6{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:center; color:#0F253C; line-height:20px; margin:0; margin-top: 5px;}
    .qr-pay .box .mid-box h6 span{ font-size:20px; font-weight:bold !important;} 
    
    
    
	.report{ width:100%; min-height:100vh; margin:0 auto; padding:10px 0 50px 0; background:#fff; position:relative; overflow:hidden;}
	.report h3{ font-family: 'Roboto', sans-serif; font-size:16px; font-weight:normal; text-align:left; color:#020202; line-height:20px; margin:20px 0 5px 0; }
	.report h5{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#686868; line-height:20px; margin:0 0 20px 0; }
	
	.report .h-box{ width:100%; margin:2px; padding:15px 5px; background:#fff; border-radius:5px; border: solid 1px #ececec; box-shadow: 2px 5px 4px #ececec; overflow:hidden;}
	.report .h-box h3{ font-family: 'Roboto', sans-serif; font-size:18px; font-weight:600; color:#423f3f; text-align:center; line-height:30px; margin:0;}
	.report .h-box p{ font-family: 'Roboto', sans-serif; font-size:13px; font-weight:normal; color:#4a4949; text-align:center; line-height:18px; margin:0;}
	.report .i-submit{ width:90%; height:70px; border:none; border-radius:50px; position:fixed; bottom:10%; right:5%; left:5%; font-size:18px; color: #000;}
	.report .back{ width:100px; margin:0 auto; height:40px; border:none; border-radius:50px; position:fixed; bottom:2%; right:0%; left:0%; text-align:center; background: none; line-height:34px;}
	.report .back a{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:center; color:#686868; line-height:20px; margin:0; }
	.report .back a:hover{ text-decoration:none;}
	
	
	.report .box-2{ width:100%; margin:10px auto; padding:10px; background:#F3F4F6; border-radius:10px; box-shadow: 2px 5px 4px #e1e1e1; overflow:hidden;}
	.report .box-2 h2{ font-family: 'Roboto', sans-serif; font-size:26px; font-weight:bold; text-align:center; color:#020202; line-height:30px; margin:20px 0 5px 0; }
	.report .box-2 h4{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:normal; text-align:center; color:#323A75; line-height:20px; margin:0 0 5px 0; }
	.report .box-2 .u-line{ width:60px; height:2px; margin:0 auto; margin-bottom:10px; background:#C4C4C4;}
	.report .box-2 a{ margin:0 auto; display:block}
	.report .box-2 a:hover{ text-decoration:none;}
	
	
	.report .box{ width:100%; margin:10px auto; padding:15px 5px; background:#fff; border-radius:5px; border: solid 1px #ececec; box-shadow: 2px 5px 4px #e1e1e1; overflow:hidden;}
	.report .box i{ width:28px; margin:5px auto; padding:4px; display: block; font-size:18px; font-weight:normal; color:#fff; text-align:center; background: #f1b338; border:solid 1px #f1b338; border-radius:5px; overflow:hidden;}
	.report .box .caption{ width:100%; margin:0 auto; padding:0;}
	.report .box .caption h3{ font-family: 'Roboto', sans-serif; font-size:18px; font-weight:600; color:#423f3f; line-height:30px; margin:0;}
	.report .box .caption i{ width:28px; margin:5px auto; padding:4px; display: block; font-size:18px; font-weight:normal; color:#000; text-align:center; background: none; border:solid 0px #f1b338; border-radius:5px; overflow:hidden;}
	.report .box .caption h4{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:600; color:#423f3f; line-height:22px; margin:0;}
	.report .box .caption p{ font-family: 'Roboto', sans-serif; font-size:13px; font-weight:normal; color:#4a4949; line-height:18px; margin:0;}
	.report .box a:hover{ text-decoration:none !important;}
	
	.report .box .caption2{ width:100%; margin:0 auto; padding:0;}
	.report .box .caption2 h3{ font-family: 'Roboto', sans-serif; font-size:18px; font-weight:600; color:#423f3f; line-height:30px; margin:0;}
	.report .box .caption2 i{ width:22px; margin:0; margin-right:5px; padding:0 !important; display: block; font-size:14px; color:#000; text-align:center; background: none; border:none !important; border-radius:5px; overflow:hidden; float:left;}


	
	.sec-2{ width:100%; min-height:100vh; margin:0 auto; padding:10px 0 50px 0; background:#FBFBFB; position:relative; overflow:hidden;}
	.sec-2 h2{ font-family: 'Roboto', sans-serif; font-size:20px; font-weight:bold; text-align:left; color:#fff; line-height:28px; margin:30px 0 0 0; }
	.sec-2 h3{ font-family: 'Roboto', sans-serif; font-size:16px; font-weight:normal; text-align:left; color:#020202; line-height:20px; margin:20px 0 5px 0; }
	.sec-2 h6{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#686868; line-height:20px; margin:10px 0 5px 0; }
	.sec-2 .tasset{ width:100%; margin:0 auto; padding:10px 8px; background:#fff; border: solid 1px #F0F0F0; overflow:hidden;}
	.sec-2 .tasset a h4{ font-family: 'Roboto', sans-serif; font-size:16px; font-weight:normal; text-align:left; color:#393939; line-height:20px; margin:0; display:block; }
	.sec-2 .tasset a:hover{ text-decoration:none;}
	.sec-2 .tasset a h4 span{ color:#35b375;}
	.sec-2 .tasset a h5{ font-family: 'Roboto', sans-serif; font-size:12px; font-weight:normal; text-align:left; color:#888; line-height:18px; margin:5px 0 0 0; }
	.sec-2 .tasset a h5 span{ color:#ff7800;}
	.sec-2 .tasset a i{ color:#4d4d4d; float:right; line-height:30px;}
	.sec-2 .tasset a img{ width:30px; border-radius:5px; margin-right:10px; float:left;}
	.sec-2 input{ background-color:#fff; color:#fff; border:none !important;}
	.sec-2 .form-control { background-color:#fff; color:#393939; border: solid 1px #F0F0F0 !important; !important;}
	
	
	.profile-2{ width:100%; /*min-height:150px;*/ margin:0 auto; margin-bottom:10px !important; padding:0px 10px 35px 10px !important; background:#000;  overflow: hidden; position:relative; z-index: 1;} 
	.profile-2 .profile-img{ width:60px; height:60px; margin:0 auto; margin-top:20px; border:solid 2px #fff; border-radius:50%; overflow:hidden; float:left;}
	.profile-2 .profile-caption{ width:auto; padding:0 10px ; margin-bottom:10px; float:left;}
	.profile-2 .profile-caption h3{ font-family: 'Roboto', sans-serif; font-size:18px; font-weight:bold; text-align:left; color:#fff; line-height:24px; margin:0; margin-top:20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.profile-2 .profile-caption p{ font-family: 'Roboto', sans-serif; font-size:13px; font-weight:normal; text-align:left; color:#fdfdfd; margin-bottom:5px;}
	.profile-2 .profile-caption h6{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#ff9b30; line-height:18px; margin:0;}
	.profile-2 .profile-caption h6 a{ border:none; color: inherit; text-align:left; padding:0;}
	.profile-2 .profile-caption h6 a:hover{ text-decoration:none !important;}
	
	.wal-balance{ width:300px; height:60px; margin:0 auto !important; margin-top:-40px !important; margin-bottom:10px !important; padding:0px !important; background:none; border-radius:5px;  overflow: hidden; position: relative; z-index: 2; box-shadow: 2px 5px 4px #e1e1e100; }	
	.wal-balance i{ font-size: 20px; margin-right: 10px; line-height:60px;}	
	.wal-balance h6{font-size:18px; font-weight:bold; line-height:60px;}
	.wal-balance h6 i{ font-size:16px; margin-right:0 !important; line-height:60px;}
	.wal-balance a:hover{ text-decoration:none;}
	

	.m-footer{ width:100%; height:65px; margin:0 auto; background:#030813; position:fixed; bottom:0; left:0; right:0; z-index:999; display:block;}  
	.m-footer img{ width:340px; margin:0 auto; display:block;}
	.m-footer .box{ width:100%; height:60px; margin:0 auto; background:#fff; border:solid 1px #f0f0f0;}
	.m-footer .box a{ margin:0 auto; display:block;}
	.m-footer .box a:hover{ text-decoration:none; }
	.m-footer .box a i{ font-size:24px; color:#393939; text-align:center; line-height:24px; display: block; margin:0; margin-top:10px; margin-bottom:4px;}
	.m-footer .box a p{ font-family: 'Roboto', sans-serif; font-size:12px; color:#7a7e7f; text-align:center; line-height:12px; display:block; margin:0;}
	
	#header { background:#fff;}
	.mobile-nav-toggle i { color: #575757;}
	.icon-cl{ color: #575757;}
	
	.btn-switch{
	  height: 30px;
	  width: 30px;
	  padding: 0;
	  border-radius: 5px;
	  background-color:#fff !important;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  position: fixed;
	  top: 50%;
	  right: 3px;
	  border:none;
	}
	.btn-switch i{ font-size:24px; color:#393939;}
	
	.pushbar { background:#fff;}
	.mobile-nav { background:#040a18;}
	.mobile-nav a { color: #fff;}
	.mobile-nav a i{ font-size:20px; margin-right:10px;}
	.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a { background:#121f3c !important; color:#fff !important;}

	
	.pushbar h2{ font-family: 'Roboto', sans-serif; font-size:20px; font-weight:normal; text-align:center; color:#000; line-height:20px; margin:5px 0 25px 0; }
	.recent-deals{ width:100%; margin:0 auto; padding:0;}
	.recent-deals .recent-order{ width:100%; margin:10px auto;}
	.recent-deals .recent-order .order-date{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#5e6582; line-height:20px; margin:5px 0 15px 0; padding:0 15px;}
	
	.recent-deals .recent-order .box{ width:100%; margin:0 auto; padding:0 15px; border-top:solid 1px #f0f0f0;}
	.recent-deals .recent-order .box h3{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:normal; text-align:left; color:#020202; line-height:20px; margin:10px 0 5px 0; }
	.recent-deals .recent-order .box h4{ font-family: 'Roboto', sans-serif; font-size:15px; font-weight:normal; text-align:right; color:#020202; line-height:20px; margin:10px 0 5px 0; }
	.recent-deals .recent-order .box h5{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:right; color:#686868; line-height:20px; margin:5px 0 5px 0; }
	.recent-deals .recent-order .box h6{ font-family: 'Roboto', sans-serif; font-size:14px; font-weight:normal; text-align:left; color:#686868; line-height:20px; margin:5px 0 5px 0; }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
    /* Toggle Button */
    .theme-toggle {
      position: fixed;
      /*top: 20px;
      right: 20px;*/
      background: #eee;
      border: none;
      /*padding: 10px 20px;*/
      cursor: pointer;
      font-size: 16px;
      /*border-radius: 8px;*/
      box-shadow: 0 2px 5px rgba(0,0,0,0.2);
      transition: background 0.3s, color 0.3s;
	  z-index: 99999;
    }

    /* Button color changes in dark mode */
    body.dark-mode .theme-toggle {
      background: #333;
      color: #fff;
    }
	
	
	
	
	
	
	
	
	
	
	
	
.cus-col {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
.cus-col {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .cus-col {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .cus-col {
        width: 20%;
        float: left;
    }
}


@media (max-width: 990px){

}

@media (max-width: 767px){
 

}

@media (max-width: 575px){
.body-cont{ padding:20px 0 60px 0;}
.body-cont h2{ font-size:30px; line-height:32px; }

.body-cont h4{ font-size:16px; line-height:24px; }
.body-cont h5{ font-size:14px; line-height:24px; }
.mobile-nav .drop-down ul li{ font-size:13px; }
.mobile-nav .drop-down ul li a{ padding:5px 10px; }
.mobile-nav .drop-down ul li { padding-left: 40px !important;}
.mobile-nav .drop-down ul li a i { font-size: 16px !important;}

}