body {
	position: relative; 
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	font-size:14px; 
	color: #011e10; 
	text-decoration: none !important;  
	background: #06b643 url("/img/bg.png") fixed center top;  
	background-size: 156px;
}  
.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: 0; 
	background-color: rgba(240, 255, 195, 0.95); 
	box-shadow: inset 0 0 0 3px #00450f, 0 0 0 2px #f5ffe5;  
}

/* Header promo */
.promo {
	min-height: 200px;
	background: url('/img/head2.jpg') repeat center 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: 180%; line-height: 1.3; 
    background: linear-gradient(180deg, #ffe344 0%, #faa004 100%) !important; 
    border: 3px solid #00450f !important;
    border-radius: 0.5em 1em !important; 
    color: #00250f !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3); 
    box-shadow: 0 4px 2px rgba(0, 0, 0, 0.6), inset 0 2px 4px rgba(255, 237, 227, 0.4);
    transition: all 0.3s ease-in-out !important;
    position: relative;
    overflow: hidden;
    z-index: 10;
    font-weight: bold;
}

.btn-danger2:hover {
    transform: scale(1.05) translateY(-2px); 
    background: linear-gradient(180deg, #faa004 0%, #ffe344 100%) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.8), inset 0 2px 4px rgba(255, 255, 255, 0.5);
    filter: brightness(1.1);
}

.btn-danger2 {
    animation: pulse-gold 2s infinite;
}

@keyframes pulse-gold {
    0% {
        box-shadow: 0 0 0 0 rgba(71, 138, 59, 0.7);
    } 
    70% {
        box-shadow: 0 0 0 15px rgba(138, 130, 59, 0);
    } 
    100% {
        box-shadow: 0 0 0 0 rgba(138, 131, 59, 0);
    }
}

.btn-danger2::after {
    content: "";
    position: absolute;
    top: -50%;
    left: -60%;
    width: 20%;
    height: 200%; 
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
    transform: rotate(30deg);
    transition: 0s;
} 

.btn-danger2:hover::after {
    left: 120%;
    transition: 0.8s ease-in-out;
}


.navmenu, .user-menu {
	background: linear-gradient(180deg, #05d83e 5%, #00450f 95%) !important;
	box-shadow: inset #00450f 0px 4px 14px 4px;
	border-left: 3px solid #00450f;
	border-right: 3px solid #00450f;
	border-top: 1px solid #00450f;
}  
.navbar-dark {
	background: none; 
	padding: 5px 0;margin: 0;
} 
.nav-link {
	font-size: 1.05rem;
	font-weight: 500;
	color: #fff !important; 
	position: relative;
	display: flex;
	align-items: center;
    justify-content: center;
	padding: 4px 7px !important;
	margin: 5px 7px;  
	border-radius: 0.5rem;
	background: rgba(0, 0, 0, 0.2); 
	box-shadow: rgba(210, 245, 235, 0.1) 0 0 0 1px;
    -webkit-transition-duration: 180ms;
    transition-duration: 180ms;
}
.nav-link .fa {
	color: #ffe500;
}
.nav-link span{
	padding: 0 3px;
	display: block; 
}
.nav-link:hover{  
	background: rgba(0, 0, 0, 0.3); 
	box-shadow: rgba(210, 245, 235, 0.2) 0 0 0 2px;  
}
.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(240, 255, 225, 0.9) !important; 
	box-shadow: 0 0 0 1px #00450f;
	display: block;
	border-radius: 1em;
	padding: 5px;width: 100%;
	margin-bottom: 10px;
}
.wrapper2 .bg-light {
	background: rgba(240, 255, 225, 0.9) !important; 
	box-shadow: 0 0 0 2px #00450f; 
} 
.wrap-title,.wrap-title2{
	color: #06b643;
	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: #00450f; 
}
 

	.stat {
		overflow: hidden;
		border-radius: 3em;
		margin-bottom: 5px;
		padding: 7px 0;  
		border: #00450f 2px solid; 
		background: rgba(240, 255, 225, 0.9);
	} 
	.stat .stat-count{
		color: #06b629;
		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: #00450f;
	text-transform: uppercase; 
  }
 
	.stats {
		border-radius: 12px;
		margin-bottom: 5px;
		border: 2px solid #00450f;	
		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: #06b643;
	}
	.stats2 {
		background-color: #fff;
		border: 0px solid #acff7c;	
		overflow: hidden;
	  }
	  .stats2 th{ 
		background-color: #00250f !important;
		border: 1px solid #00450f !important;	
		color: #fff;
		font-weight: 500;
		}
	  .stats2 tr {
		color: #00250f;
		font-size: 1rem;
		}
		.stats2 > tbody > tr:nth-of-type(2n+1) > * {
			color: #00250f;
		  }
	  .stats2 tr td{
		  border-bottom: 1px solid #f3ffda;	
		}
	  .stats2 tr:last-child td{
		  border-bottom: 0;
		}
		.table > tbody > tr:nth-of-type(2n+1) > * {
  color: #00250f; 
  box-shadow: inset 0 0 0 999px #faffda;
}
.table > tbody > tr:nth-of-type(2n+1) > * .text-sum small {
	color: #fff;
	background-color: #06b643 !important;
}
	.text-sum {
		color: #00450f;
		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:#06b629 !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: #00250f;
	border-radius: 10px;
	background: rgba(225, 250, 255,0.9);  
	border: 2px solid #00450f !important;  
}
.card-header {
	background-color: rgba(36, 52, 70, 0.03);
}

a.card {
	text-decoration: none !important;
	border-radius: 1em;
	border: 2px solid #00250f !important;
}
a.card h4 {
	color: #00250f;
	font-size: 20px;
	padding: 10px 0;
	padding-bottom: 5px;
}
a.card:hover {
color: #06b629 !important;
border: 2px solid #00450f !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: #06b629;
    border: 2px solid #00450f;
	padding: 3px 0px;
	border-radius: 1em;
	display: flex;
	align-items: center; 
	overflow: hidden;
}
.login-home:hover {
	background-color: #06b629;
    border: 2px solid #00450f; 
} 
.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 #00450f;
}  
.form-control { 
	border: 2px solid #00450f;
}  
.input-group-text {
	color: #06b629;
	background-color: #00450f;
	border: 2px solid #00450f;
}
/* 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: #e41b09 !important;
}
.btn-danger:hover {
	background-color: #e12 !important; 
}
.btn-warning {
	position: relative;
	overflow: hidden;
	color: #222;
	background-color: #fec807; 
}
.btn-warning:hover {
	color: #222;
	background-color: #f0bf0f; 
}

.btn-success {
	position: relative;
	overflow: hidden;
	color: #fff;
	background-color: #06b629; 
}
.btn-success:hover {
	color: #fff;
	background-color: #0bae44; 
}
.btn-primary { 
	color: #fff !important;
	background-color: #2372d8;  
}
.btn-primary:hover {
	color: #fff !important;
	background-color: #2074e2;
}
.btn {  
	border: 3px #00250f solid; 
	box-shadow: inset 0 0 1px 2px rgba(255, 255, 255, 0.5), 0 0 0 2px rgba(255, 255, 255, 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: 3px #00250f solid;
	transition-duration: 0.2s;  
	scale: 1.1;
}

.btn-3 { 
	display: flex;
	align-items: center;
    justify-content: center; 
	border-radius: 1em 0.5em; 
	color: #00250f !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: #06b629;
	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: #00250f; 
    width: 100%; 
} 

.feature-item { 
	color: #00250f; 
	background: rgba(240, 255, 225, 0.9); 
    box-shadow: 0 0 0 1px #d7a304,inset 0 0 10px #ffe189 !important;
    padding: 10px 0;
    border-radius: 2em; 
	text-align: center !important; 
    justify-content: center;
}
.icon-box {
	 
	background:  url('/img/abico.png') no-repeat center center; 
  background-size: 44px; 
    color: #00250f;
	font-size: 22px; padding-top: 8px;
    width: 48px;
    height: 48px; 
    display: block;
    align-items: center;
    justify-content: center;
    border-radius: 2em; 
	margin: -30px auto 5px;
}
.logo-wrapper img { 
    max-width: 85%;
}
 
.card-lg { 
	background: rgba(250, 255, 225, 0.9);
	border: 1px #00250f solid !important;
    box-shadow: 0 3px 0 #00250f,inset 0 0 10px #dcf596 !important;
	padding: 1.5rem 0.5rem;
	text-align: center;
	justify-content: center;  
 }
  .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: #f9faf8;
	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: #00250f !important;
	text-decoration: none;
}
.serf .badge {
	color: #00250f !important;
	background: #f8f9fa;
	font-size: 16px;font-weight: 500;padding: 3px 7px;border-radius: 1em;
	border: 1px solid #dcdcf7 !important;
}
.serf .badge3 {
	color: #06b629 !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: #00250f;
	border-radius: 1em; 
	background: #007203 url('/img/head2.jpg') repeat center center;
    background-size: auto;
  background-size: cover;
	border: 2px #00250f solid !important;
    box-shadow: 0 0 0 2px #007203, inset 0 0 3px 1px #b4d267 !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: 160px; height: 120px;
	display: block; 
    align-items: center;
	margin: -5px auto -10px;   
  }
 
.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.3rem;
	font-weight: 800;
	color: #f3c600;  
	border-radius: 1em;  
	border-bottom: 2px #408603 solid !important;
	background-color: #00250f;  
	margin: -20px auto -5px;  width: 80%;
	position:relative;
} 
.tarif-lnfo {
	font-weight: 300;
	display: block;
	font-size: 1rem;line-height: 1.1; 
	text-align: center;
	color: #fff; 
	padding: 5px 0;   
	border-radius: 12px;
	background-color: rgba(0, 0, 0, 0.6); 
	border-bottom: 1px solid rgba(31, 61, 28, 0.5); 
    box-shadow: 0 0 0 1px #007203, inset 0 0 1px 0px #9bb45a !important;
}
.tarif-lnfo b{
	font-weight: 600;
	font-size: 1.2rem;
	color: #f3c600;
}
 
.tarif .btn {
	font-size: 1.5rem;
	border-radius: 2em;
	font-weight: bold; 
	padding: 3px 25px;
}


.mytarif-panel {
	color: #fff;  
	border-radius: 0.5em;
	background: #04b420;
	border: 1px #06b629 dashed !important;
	box-shadow: 0  0 0 2px #04b420; 
	margin: 5px;position:relative;
}
.mytarif-panel b { 
	color: #ffea00;  
}
.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 #00250f;
	}
}
.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: #00250f;
	font-size: 12px;
	border-radius:  2em;
	background: rgba(240, 255, 225, 0.9);
	box-shadow: 0px 0px 0rem 2px #00250f;
	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: #06b629;
	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/head2.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 #00250f;
	border-radius: 1em;
	font-weight: 600;
}

.balance {
	color: #00250f;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #eafe93; 
	box-shadow: inset 0 0 1rem 2px #e6e3bf, 0 0 1px 2px #7bc101;
	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: #00250f;  
	box-shadow:  0 2px 1px 0 #679d02;
}
 
.user-menu { 
	/**  цвета можно для кабинета свои сделать **/
}  
.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 3px;
}
.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;    
    padding: 7px 0 !important;  
	margin: 0;
	
	background: rgba(0, 0, 0, 0.5); 
	box-shadow: inset rgba(210, 245, 235, 0.3) 0 0 0 1px,rgba(0, 10, 7, 0.2) 0 0 0 1px;
} 
.user-menu ul li a:hover { 
	background: rgba(0, 0, 0, 0.7); 
	box-shadow: inset rgba(210, 245, 235, 0.3) 0 0 0 3px,rgba(0, 10, 7, 0.3) 0 0 0 1px;
} 
.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.9; 
	transform: scale(0.9);
	transition-duration: 180ms;
} 
.user-menu ul li a:hover i{
	transform: scale(0.8);
    color: #ffa500 !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;
}
 
}