.hr-line {
  overflow: hidden;
  text-align: center;
  margin-bottom: 25px;
}

.hr-line::before,
.hr-line::after {
  background-color: #e0e0e0;
  border: 3px solid;
  display: block;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.hr-line::before {
  right: 0.5em;
  margin-left: -50%;
}

.hr-line::after {
  left: 0.5em;
  margin-right: -50%;
}

.bg-black
{
  background-color: #000;
}

.bg-gray-800
{
  background-color: #1a1a1a;
}

.bg-gray-xolonium
{
  background-color: #343a3f;
}

.bg-red-warning
{
  background-color: #932121;
}

.text-gray{
  color: #AAAAAA;
}

.bg-dark-up
{
  background-color: #252525;
}

.bg-dark-down
{
  background-color: #161616;
}


.text-blue-sky{
  color: #0d6efd;
}

.text-blue-sky-old{
  color: #b8e6ff;
}

.text-gray-old{
  color: #c6c6c6;
}

.text-black{
  color: #070707;
}

.text-red{
  color: #df3232;
}

.text-red-blacktheme{
  color: #ffaaaa;
}

.text-yellow-xolonium{
  color: #f1b541;
}

.text-green{
  color: #7dff7d;
}
.stroke-img {
  border:10px solid #ffffff;
}

.line-bottom {
  border:1px solid #013f9d;
  margin: -1px
  }

  .line-bottom-yellow-xolonium {
    border:1px solid #f1b541;
    margin: -1px
    }

.margin-close {
    margin-top: -14px ;
}

.navbar-margin {
  margin-left: 100px;
  margin-right: 100px;
}

.nav-item {
  margin-left: 16px;
  margin-right: 16px;
}

.tr-1{
  letter-spacing: 3px
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}

.font-concieliancondsemital {
   font-family: "concielian_condensed_semCnSIt";
   font-weight:normal;
   font-style:normal;
 }

 .font-xolonium-regular {
    font-family: "Xolonium-Regular";
    font-weight:normal;
    font-style:normal;
  }

 .fs-0 {
   font-size: 10em; /* 40px/16=2.5em */
 }

 .srpd-title {
   font-size: 3.5em; /* 40px/16=2.5em */
 }

 .entertaiment-title {
   font-size: 19px; /* 40px/16=2.5em */
 }

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

#box-red-cha {
  fill: #ff0a10;
  stroke: white;
}

#box-gray-cha {
  fill: #c1c1c1;
  stroke: white;
}
#box-blue {
  fill: #0000ff;
  stroke: white;
}