.home-bg {
	background-image: url("/assets/bg.jpg");
	background-position: bottom;
	background-size: cover;
}
.counter-bg {
	background-image: url("/assets/bg.jpg");
	background-position: top;
	background-size: cover;
}
.translate-vip {
	transform: translate(-90%,-70%) !important;
}

.fw {
	flex-wrap: wrap;
}
.break {
  width: 100%;
}

.w-56 { width: 56%; }
.w-22 { width: 22%; }
.w-18r { width: 18rem; }

.active-banner {
  font-size: 4em;
  background-color: gray;
  top: 0 !important;
  bottom: 0;
  right: 0;
  left: 0 !important;
  padding-top: 0.5em;
  opacity: 0.85;
}

.bg-vip {
  background-image: url('/assets/vip.jpg');
  text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}
.bg-hitcoins {
  background-image: url('/assets/hitcoins.jpg');
  text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}
.bg-block {
  background-image: url('/assets/block.jpg');
  text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}
.bg-moon {
  background-image: url('/assets/moon.jpg');
}
.bg-water {
  background-image: url('/assets/water.jpg');
}
.bg-flower {
  background-image: url('/assets/flower.jpg');
  text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}
.card-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.bi {
  vertical-align: -0.125em;
  fill: currentcolor;
}

.hr-line {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #ABB1CF;
  line-height: 0.1em;
  margin: 10px 0 20px;
}
.hr-line span {
  background: #fff;
  padding: 0 10px;
  color: #000;
}
.low-opacity {
  opacity: 0.2;
}

/* home */
.color-hn-gray {
  color: #5C8397 !important;
}
.bottom-10 {
  bottom: 10% !important;
}
.hero-max {
  max-width: 400px;
}