body {
	position: relative; 
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	font-size:14px; 
	color: #1b3e4e; 
	text-decoration: none !important;  
	background: #1a97eb url("/img/bg.png") fixed center top;
	background-size: cover;
}  
.heightpage { 
	max-width: 1100px;
	margin: 0 auto !important; padding: 0 !important;
	z-index:2;
	position: relative;
	/* min-height: calc(100vh - 160px - 57px); */
}
.wrapper {
	width: 100%;
	overflow: hidden;
	margin: 15px 0;
	border-radius: 1.5em; 
	background-color: rgba(195, 240, 255, 0.8); 
	box-shadow: inset 0 0 0 3px #150863, 0 0 0 2px #e6f6ff;  
}

/* Header promo */
.promo {
	min-height: 200px;
	background: url('/img/bb2.jpg') repeat -20px center;
	background-size: cover;
	position: relative;
	z-index: 11;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.promo::before,
.promo::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 150px;
	background-image: url('/img/head_leri.png');
	background-repeat: no-repeat;
	background-size: auto 100%;
	z-index: 1;
	pointer-events: none;
}
.promo::before {
	left: 0;
	background-position: left center;
}
.promo::after {
	right: 0;
	background-position: right center;
}
.promo .container {
	position: relative;
	z-index: 10;
}
.promo-img {
	position: relative;
	z-index: 33;
} 
.btn-danger2 {
	font-size: 170%; line-height: 1.2;
	background: linear-gradient(180deg, #ff4b2b 0%, #ff1f1f 100%) !important;
	border: 3px solid #ffffff !important;
	border-radius: 2em !important;
	color: #fff !important;
	text-shadow: 0 2px 4px rgba(25, 57, 69, 0.3);
	box-shadow: 0 4px 15px rgba(200, 21, 21, 0.4), inset 0 2px 5px rgba(255, 255, 255, 0.3);
	transition: all 0.3s ease-in-out !important;
	position: relative;
	overflow: hidden;
	z-index: 10;
}
.btn-danger2:hover {
	transform: scale(1.05) translateY(-2px);
	background: linear-gradient(180deg, #ff6a4d 0%, #ff3b3b 100%) !important;
	box-shadow: 0 6px 20px rgba(255, 31, 31, 0.6), inset 0 2px 5px rgba(255, 255, 255, 0.4);
	filter: brightness(1.1);
}
.btn-danger2 {
	animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
	0% {
		box-shadow: 0 0 0 0 rgba(150, 235, 255, 0.7);
	} 
	70% {
		box-shadow: 0 0 0 15px rgba(30, 150, 255, 0);
	} 
	100% {
		box-shadow: 0 0 0 0 rgba(30, 50, 255, 0);
	}
}

.btn-danger2::after {
	content: "";
	position: absolute;
	top: -50%;
	left: -60%;
	width: 20%;
	height: 200%;
	background: rgba(255, 255, 255, 0.2);
	transform: rotate(30deg);
	transition: 0s;
} 
.btn-danger2:hover::after {
	left: 120%;
	transition: 0.6s ease-in-out;
}

.navmenu {
	background: linear-gradient(180deg, #0079e1 0%, #0d2d5a 100%) !important;
	box-shadow: inset #0079e1 0px 0px 12px 4px;
	border-left: 3px solid #0d2d5a;
	border-right: 3px solid #0d2d5a;
	border-top: 1px solid #0d2d5a;
}  
.navbar-dark {
	background: none; 
	padding: 5px 0;margin: 0;
} 
.nav-link {
	font-size: 1rem;
	font-weight: bold;
	color: #0d2d5a !important; 
	position: relative;
	display: flex;
	align-items: center;
    justify-content: center;
	padding: 4px 7px !important;
	margin: 5px 7px;  
	border-radius: 2em;
	background: #fffdda;
	background-image: linear-gradient(170deg, #fffdda 0%, #f5fb25 100%);
	box-shadow: rgba(0, 70, 140, 0.9) 0px 0px 0 2px;
    -webkit-transition-duration: 180ms;
    transition-duration: 180ms;
}
.nav-link span{
	padding: 0 3px;
	display: block; 
}
.nav-link:hover{
	color: #0d2d5a !important;  
	background: #fffdda; 
	background-image: linear-gradient(130deg, #fffdda 0%, #f5fb25 100%);  
	box-shadow: inset rgba(0, 70, 140, 0.9) 0px 0px 0 1px,0 0 10px rgba(65, 220, 255, 0.521);
}
.navbar-nav .btn { 
	display: flex;
	align-items: center;
    justify-content: center;
	margin: 5px; padding:0;
	border-radius: 2em;
	color: #fff !important; 
}
.navbar-nav .btn img{ 
	width: 38px;
	display: block; 
} 

.btn2 {
	border-radius: 2em !important;
	padding: 4px 15px;
}
.home-title {
	color: #fdf5ec;
	font-weight: 600;
	line-height: 1.5rem;
	font-size: calc(1rem + 1vw);
}
.home-title span {
	color: #fcd357;
}
.home-card {
	border-radius: 0em;
	margin-bottom: 5px;
	color: #fdf5ec;
}

.home-img{
	width: 128px;
	padding: 5px;
}
.home-text {
	font-weight: 400;
	color: #fff;
	font-size: calc(0.7rem + 0.4vw);
}
.home-text span {
	font-weight: 600;
	color: #fcd357;
}
.auth-bg {  
	border-radius: 1em;
}

/* Services */
 
.wrapper2 { 
	background: rgba(225, 250, 255,0.9) !important; 
	box-shadow: 0 0 0 1px #07529b;
	display: block;
	border-radius: 1em;
	padding: 5px;width: 100%;
	margin-bottom: 10px;
}
.wrapper2 .bg-light {
	background: rgba(225, 250, 255,0.9) !important; 
	box-shadow: 0 0 0 2px #07529b; 
} 
.wrap-title,.wrap-title2{
	color: #150863;
	display:inline-block;
	padding: 3px 0;
	font-weight: 800;
}
.wrap-title::after {
	position: relative;
	bottom: 0; left: 0;right: 0;
	display: block;
	content: "";
	border-radius: 4px;
	padding: 0;margin: 0 auto;
	width: 55px;
}
.content-title{
	display:inline-block;
	padding: 3px 7px 5px;
	font-weight: 800;
}

.footer {
	margin: 0 auto;
	padding: 5px 0; 
	background-color: #160b54; 
}
 

	.stat {
		overflow: hidden;
		border-radius: 3em;
		margin-bottom: 5px;
		padding: 7px 0;  
		border: #07529b 2px solid; 
		background: rgba(225, 250, 255,0.9);
	} 
	.stat .stat-count{
		color: #0080ff;
		font-weight: 700;
		font-size: 1.8rem;
		padding-bottom: 5px;
	}
	.stat .stat-count i{  
		font-size: 1.6rem; 
	}
	.stat h6 small{
		font-weight: 500;
		font-size: 1.1rem;
	}
  .stat-text {
	font-size: 0.9rem;
	font-weight: 500;
	color: #150863;
	text-transform: uppercase; 
  }
 
	.stats {
		border-radius: 12px;
		margin-bottom: 5px;
		border: 2px solid #07529b;	
		overflow: hidden;
		padding: 0 !important;
	} 
	.stats-title {
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		position: relative;
		padding: 5px 15px;
		display: block;
		border-radius: 0.5em 0.5em 0 0;
		background-color: #07529b;
	}
	.stats2 {
		background-color: #fff;
		border: 0px solid #acff7c;	
		overflow: hidden;
	  }
	  .stats2 th{ 
		background-color: #0d2d5a !important;
		border: 1px solid #0d2d5a !important;	
		color: #fff;
		font-weight: 500;
		}
	  .stats2 tr {
		color: #0d2d5a;
		font-size: 1rem;
		}
		.stats2 > tbody > tr:nth-of-type(2n+1) > * {
			color: #0d2d5a;
		  }
	  .stats2 tr td{
		  border-bottom: 1px solid #daf7ff;	
		}
	  .stats2 tr:last-child td{
		  border-bottom: 0;
		}
		.table > tbody > tr:nth-of-type(2n+1) > * {
  color: #0d2d5a; 
  box-shadow: inset 0 0 0 999px #daf7ff;
}
.table > tbody > tr:nth-of-type(2n+1) > * .text-sum small {
	color: #fff;
	background-color: #06b643 !important;
}
	.text-sum {
		color: #0d2d5a;
		font-weight: 700;
		font-size: 130%;border-radius: 4px;padding: 1px 7px;
	}
	.text-sum small{
		color: #fff;
		font-weight: 500;
		font-size: 60%;padding: 2px 5px;
		border-radius: 4px;position: relative;top: -2px;right:-2px;
		background-color: #06b643 !important;
	}
	.text-success {color:#2cc4fe !important;}
	
.alert.alert-danger {
	border-radius: 4px;
	color: #f22;
}
.alert.alert-warning {
	border-radius: 4px;
	color: #fc2;
}
.alert.alert-success {
	border-radius: 4px;
	color: #0c9300;
}
 
.card { 
	color: #150863;
	border-radius: 10px;
	background: rgba(225, 250, 255,0.9);  
	border: 2px solid #07529b !important;  
}
.card-header {
	background-color: rgba(36, 52, 70, 0.03);
}

a.card {
	text-decoration: none !important;
	border-radius: 1em;
	border: 2px solid #07529b !important;
}
a.card h4 {
	color: #150863;
	font-size: 20px;
	padding: 10px 0;
	padding-bottom: 5px;
}
a.card:hover {
color: #149ce6 !important;
border: 2px solid #07529b !important;
background: #ebf8ff !important;
}
a.card .btn-light {
color: #fff !important;
background: #06b643;
font-size: 14px;font-weight: 500;padding: 1px 8px;border-radius: 12px;
border: 1px solid #fff!important;
} 

.login-home {
	position: relative;
	background-color: #07529b;
    border: 2px solid #150863;
	padding: 3px 0px;
	border-radius: 1em;
	display: flex;
	align-items: center; 
	overflow: hidden;
}
.login-home:hover {
	background-color: #0154a7;
    border: 2px solid #150863; 
} 
.login-home .login-ico{
	color: #ffde22;
	font-size: 1.3rem; text-align: center;
	width: 44px;   
}  
.login-home .form-control{ 
	font-size: 1.1rem; 
	background-color: #ecffff;
	border-radius: 10px;  
    border: 1px solid #150863;
}  
.form-control { 
	border: 2px solid #150863;
}  
.input-group-text {
	color: #149ce6;
	background-color: #150863;
	border: 2px solid #150863;
}
/* Buttons */ 
.btn-home { 
	font-weight: 500;
	font-size: 1.5rem;
	padding: 5px 25px;
}
.btn-home2 { 
	font-weight: 500;
	font-size: 1.4rem;
	padding: 7px 35px;
	border-radius: 2em !important; 
}


.btn-danger {
	position: relative;
	overflow: hidden;
	background-color: #f23 !important;
}
.btn-danger:hover {
	background-color: #e12 !important; 
}
.btn-warning {
	position: relative;
	overflow: hidden;
	color: #fff;
	background-color: #ff5703; 
}
.btn-warning:hover {
	color: #fff;
	background-color: #e74f03; 
}

.btn-success {
	position: relative;
	overflow: hidden;
	color: #fff;
	background-color: #06b643; 
}
.btn-success:hover {
	color: #fff;
	background-color: #0bae44; 
}
.btn-primary { 
	color: #fff !important;
	background-color: #3e69e8;  
}
.btn-primary:hover {
	color: #fff !important;
	background-color: #3e69e8;
}
.btn {  
	border: 2px #fff solid; 
	box-shadow: inset -2px -2px 4px 0 rgba(53, 67, 80, 0.2);  
	transition: 0.6s ease-in-out;
}
.btn-lg {
	font-weight: 600;
	border-radius: 2em; 
}  
.btn-outline-dark {
	color: #2d312a;
	border: 1px #2d312a solid !important;
}
.btn-outline-dark:hover {
	background-color: #2d312a;
}

.btn-lg:active, .btn-lg:hover { 
	box-shadow: none; 
} 
.btn:active, .btn:hover { 
	box-shadow: none; 
	border: 2px #fff solid;
	transition-duration: 0.2s;  
	scale: 1.1;
}

.btn-3 { 
	display: flex;
	align-items: center;
    justify-content: center; 
	border-radius: 2em; 
	color: #fff !important; 
}
.btn-3 img {
	width: 15%;
	margin: 0 5px;
} 

.title {
	font-size: 1.5em;
	font-weight: 800;
}
.title::after {
	position: relative;
	bottom: 0; left: 0;
	display: block;
	content: "";
	background: #f62;
	border-radius: 4px;
	padding: 0;
	width: 55px;height: 8px;
}
/* Services Style */
.center-title {
    padding-bottom: 10px;
    position: relative;
    text-align: center;
    width: 100%;
}
.center-title h1, .center-title h2  {  
	color: #0366ca;
	font-size: calc(1.25rem + 1.15vw);
    font-weight: 600;
    letter-spacing: 0.3px;
    position:relative;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
.center-title p {
	font-size: clamp(16px,14px + 0.4vw,24px);
	color: #150863; 
    width: 100%; 
} 

.feature-item { 
	color: #150a55; 
	background: rgba(225, 250, 255,0.9); 
    box-shadow: 0 1px 0 1px #07529b,inset 0 0 10px #89daff !important;
    padding: 10px 0;
    border-radius: 2em; 
	text-align: center !important; 
    justify-content: center;
}
.icon-box {
    background-color: #0366ca;
    color: white;
	font-size: 20px; padding-top: 3px;
    width: 38px;
    height: 38px; 
    display: block;
    align-items: center;
    justify-content: center;
    border-radius: 2em; 
	margin: -25px auto 5px;
}
.logo-wrapper img {
    filter: drop-shadow(0 0 20px rgba(57, 158, 230, 0.4));
    max-width: 85%;
}
 
.card-lg { 
	background: rgba(225, 250, 255,0.9);
	border: 1px #07529b solid !important;
    box-shadow: 0 3px 0 #07529b,inset 0 0 10px #89daff !important;
	padding: 1.5rem 0.5rem;
	text-align: center;
	justify-content: center; 
	border-radius: 50%/3em; 
 }
  .card-lg img{
	width: 70%;
	max-width: 120px;
	padding: 5px;
}
 .title2 { 
	font-size: clamp(20px,18px + 0.4vw,34px);
	font-weight: 500;
	margin-top: 0.5rem;
	letter-spacing: 0.2px;
	position: relative;
	text-transform: uppercase;
	width: 100%;
}
/* ACCOUNT STYLE */
.content {
	display: block;
	width: 100%;
}
.content > div {
	margin: 0; padding: 0;
}
.serf {
	background: #f8f9fa;
	border: 1px solid #2d312a !important;
	border-bottom: 2px solid #2d312a !important; 
}
.serf .btn {
	font-size: 18px;
	padding: 3px 5px;
}
.serf-link {
	font-size: 18px;
	font-size: calc(0.6rem + 0.6vw);
	font-weight: 600; 
	color: #150534 !important;
	text-decoration: none;
}
.serf .badge {
	color: #150534 !important;
	background: #f8f9fa;
	font-size: 16px;font-weight: 500;padding: 3px 7px;border-radius: 1em;
	border: 1px solid #dcdcf7 !important;
}
.serf .badge3 {
	color: #149ce6 !important;
	background: #f1f9ec;
	font-size: 16px;font-weight: 500;padding: 3px 7px;border-radius: 1em;
	border: 1px solid #d2f0c4 !important;
}
.serf .badge2 {
	color: #f6ae06 !important;
	background: #fdf6ed;
	font-size: 16px;font-weight: 500;padding: 3px 7px;border-radius: 1em;
	border: 1px solid #fde8ca !important;
}

.serf:hover {
	box-shadow: 0 0 3px 2px rgba(32, 32, 32, 0.5);
}

 
.tarif .card { 
	color: #fff;
	border-radius: 3em /55%; 
	background-color: #07529b;  
	border: 2px #fff dashed !important;
    box-shadow: 0 0 0 2px #07529b, inset 0 0 6px 0 #89daff !important;
}
.tarif .card .item-in {
	margin: 5px; 
}
.tarif .badge {
	border-radius: 1em;
}
.tarif-positlon {
	margin: 0 auto;
	position:relative;
	padding: 5px;
} 

.tarif-img { 
    border-radius: 2em;
    align-items: center;
	padding: 0px;
	margin: 0 auto;
	transform: scale(0.9);
}
.tarif-img img{ 
	width: 100px; height: 100px;
	display: block; 
    align-items: center;
	margin: 3px auto;   
  }
 
.tarif .card .tarif-img {
	transition-duration: 180ms;
	opacity: 1; 
}
  .tarif .card:hover .tarif-img{
	  opacity: 1; 
	  transform: scale(1);
	}
	.tarif .tarif-line {
		margin-top: 5px; width: 30px;
		border: 2px solid rgba(196, 155, 128, 0.1) !important;
	}
.tarif .card-title {
	font-size: 1.5rem;
	font-weight: 800;
	color: #fff;  
	margin: 5px auto -5px; 
	position:relative;
} 
.tarif-lnfo {
	font-weight: 300;
	display: block;
	font-size: 1rem;
	text-align: center;
	color: #fff;
	text-shadow: 0 0 3px #07529b;
	padding: 5px 0;   
	border-radius: 20px;
	background-color: rgba(255, 255, 255,0.1); 
	border: 1px solid rgba(245, 250, 255, 0.1); 
}
.tarif-lnfo b{
	font-weight: 600;
	font-size: 1.3rem;line-height: 0; 
	color: #f3df00;
}
 
.tarif .btn {
	font-size: 1.5rem;
	border-radius: 2em;
	font-weight: bold; 
	padding: 3px 25px;
}


.mytarif-panel {
	color: #fff;  
	border-radius: 0.5em;
	background: #07529b;
	border: 1px #0080ff dashed !important;
	box-shadow: 0  0 0 2px #07529b; 
	margin: 5px;position:relative;
}
.mytarif-panel b { 
	color: #0080ff;  
}
.mytarif img{
	width: 44px;margin-left: 10px;
}
.mytarif-float {
    width: 60px; height: 50px;
	position:absolute;top: 10px;
}

.mytarif-lnfo {
	display: inline-block;
	font-size: 13px; text-transform: uppercase;
	padding: 2px;
	font-weight: 600;
}
@media only screen and (max-width: 575px) {

	.mytarif-float {
		width: 80px; height: 80px;
		position:absolute;top: 15px !important;right: 5px;
	}
	.mytarif-float img{
		width: 64px;
	}
	.mytarif-lnfo {
		border-top: 2px solid #3c4c5a;
	}
}
.mytarif-title {
	font-weight: 700;
	color: #fff;
	font-size: 22px;
}
.mytarif-lnfo b{
	display: block;
	font-size: 22px;
	line-height: 1;
	font-weight: 700;
}



@keyframes rotate{
    from{ transform: rotate(-360deg); }
    to{ transform: rotate(360deg); }
}

.mining {
    height: 150px;width: 150px;
    align-items: center;
	position:relative;
	margin: 0 auto;
} 
 
.blockminer, .blockprof {
	color: #0d2e4f;
	font-size: 12px;
	border-radius:  2em;
	background: rgba(225, 250, 255,0.9);
	box-shadow: 0px 0px 0rem 2px #1c60a4;
	border: 1px dashed #fff !important; 
  }

.blockprof {  
	font-size: 14px;
	border-radius: 2em 3em 3em 2em !important; 
	padding: 2px;   
  } 
.blockprof img {
	width: 32px !important;
  }
.blockminer h4, .blockprof h4{
	font-size: 125%;
    color: #0080ff;
	font-weight: bold;
  }
 
.profil-float {
	position: absolute; 
	top: 5px; right: 7px;
} 

.small-btn {
position: relative; 
}
.small-btn .exit{ 
position: absolute; right: 0px; top: 0px; 
}
.small-btn .exit img{
width: 44px;height: 44px;
transform: scale(0.9);
transition-duration: 180ms;
}
.small-btn .exit:hover img{ 
	transform: scale(1);
}

/* User Profile */
.promo-user {
	min-height: 150px;
	background: url('/img/bb2.jpg') repeat center center;
	background-size: cover;
	position: relative;
	z-index: 11;
	overflow: hidden;
	display: flex;
	align-items: center;
} 
.promo-user::before,
.promo-user::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 150px;
	background-image: url('/img/head_leri.png');
	background-repeat: no-repeat;
	background-size: auto 100%;
	z-index: 1;
	pointer-events: none;
} 
.promo-user::before {
	left: 0;
	background-position: left center;
} 
.promo-user::after {
	right: 0;
	background-position: right center;
} 
.promo-user .container-fluid {
	position: relative;
	z-index: 10;
}
.promo-user .btn {
	border: 3px solid #fff;
	border-radius: 2em;
	font-weight: 600;
}

.balance {
	color: #03455f;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #93f0fe; 
	box-shadow: inset 0 0 1rem 2px #d6fff7, 0 0 1px 2px #018bc1;
	border: #fff 3px solid;  
	border-radius: 1em 1em 0 0; 
	padding: 0 10px; 
} 

.balance .b-icon { 
	padding: 0 5px;
} 
.balance .b-icon img{ 
	height: 42px;width: 42px; 
} 

.balance .b-sum { 
	font-size: 1.8rem;
	padding: 2px 5px;
	font-weight: 700;
}
.balance-title {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	margin-top: -5px; 
	border: #fff 3px solid;  
	border-radius: 0 0 1em 1em; 
	background-color: #03455f;  
	box-shadow:  0 2px 1px 0 #018bc1;
}
 
.user-menu { 
	background: linear-gradient(180deg, #0079e1 0%, #0d2d5a 100%) !important;
	box-shadow: inset #0079e1 0 0 12px 4px;
	border-left: 3px solid #0d2d5a;
	border-right: 3px solid #0d2d5a;
	border-top: 1px solid #0d2d5a;  
}  
.user-menu .navbar-nav {
    display: flex;
    flex-wrap: wrap;  
    margin: 0 -5px !important; 
    padding: 0 !important;
}
.user-menu .nav-item {
    flex: 1 1 0; 
    display: flex;
    padding: 5px;
}
.user-menu .navbar-collapse {
    width: 100%;
} 
.user-menu .navbar-nav {
    margin: 0 !important;
    width: 100%;
    display: flex;
} 
.user-menu ul li a {
	flex-grow: 1;
    position: relative; 
    display: block;   
    overflow: hidden;   
    border-radius: 12px;
    padding: 7px 0 !important;  
	margin: 0;
} 
.user-menu ul li a span { 
	font-weight: 600;  
	font-size: 0.8rem;
	margin-top: 3px;
	display: block;
} 

.user-menu ul li a i {
	display: block;  
	position: relative;  
	font-size: 28px;text-align: center;
	line-height: 0.8;
    color: #12449c;
	transform: scale(0.8);
	transition-duration: 180ms;
} 
.user-menu ul li a:hover i{
	transform: scale(1);
    color: #0d2d5a !important;
}
   
@media (max-width: 991px) {

	.balance { 
		margin-top: 10px; 
	} 
	 
  }
@media only screen and (max-width: 791px) {
  
.content {
	width: 100%;
	display: block;
	float: none;
	margin: 0; margin-bottom: 5px; 
}
  
.wrapper {
	display: block;
	overflow: hidden;
	border: 0;
	border-radius:0; margin: 0;
}
 
}