/* BlackMask stylesheet */

body{ color: #212529; font-family: "Segoe UI" }
canvas{ display:block;vertical-align:bottom; }

/* CLASS */
.black_icon { font-size: x-large; }
.black_button { height: 33px;width: 108px;padding: 0;margin-left: auto;margin-top: auto;font-size: 13px;color: #fff;border: #0067b8;background-color: #0067b8;}
.black_container{ padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto; }
.black_box{ margin-top: 30px;height:auto;width:380px;position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);opacity:0.9 }
.black_img { width: 80px; height: 80px;}
/* PARTICLES CSS */
#particles-js{ width: 100%;height: 100%;background-color: transparent;background-image: url('images/background1.jpg');background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}

/* PRELOADER */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1999999999;
}
  
.preloader.immune {
  bottom: 0;
}
  
.preloader.white {
  background-color: rgba(255, 255, 255, .3);
}
  
.preloader.black {
  background-color: rgba(1, 1, 1, .3);
}
  
.preloader > i.radial-loader:not(:required) {
  -moz-animation: radial-loader .5s infinite linear;
  -webkit-animation: radial-loader .5s infinite linear;
  animation: radial-loader .5s infinite linear;
  border-color: #FF6060;
  border-style: solid;
  border-width: 2px;
  border-right-color: transparent;
  border-radius: 100%;
  display: block;
  position: relative;
  float: right;
  margin: 10px;
  overflow: hidden;
  width: 10px;
  height: 10px;
}
  
.preloader > span.loading-bar {
  -moz-animation: loading-bar 3s 1;
  -webkit-animation: loading-bar 3s 1;
  animation: loading-bar 3s 1;
  display: block;
  height: 3px;
  background-color: #FF6060;
  opacity: 0;
  transition: width .5s;
}
  
.preloader > span.loading-bar.red-colored {
  background-color: #FF6060;
}
  
.preloader > .red-colored.radial-loader {
  border-color: #FF6060 !important;
  border-right-color: transparent !important;
}
  
.preloader > span.loading-bar.blue-colored {
  background-color: #3498db;
}
  
.preloader > .blue-colored.radial-loader {
  border-color: #3498db !important;
  border-right-color: transparent !important;
}
  
.preloader > span.loading-bar.green-colored {
  background-color: #2ecc71;
}
  
.preloader > .green-colored.radial-loader {
  border-color: #2ecc71 !important;
  border-right-color: transparent !important;
}
  
.preloader > span.loading-bar.yellow-colored {
  background-color: #f1c40f;
}
  
.preloader > .yellow-colored.radial-loader {
  border-color: #f1c40f !important;
  border-right-color: transparent !important;
}
/* Animations */
  
@-moz-keyframes loading-bar {
  0% {
    width: 0%;
    opacity: 1;
  }
  90% {
    width: 90%;
    opacity: 1;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
  
@-webkit-keyframes loading-bar {
  0% {
    width: 0%;
    opacity: 1;
  }
  90% {
    width: 90%;
    opacity: 1;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
  
@keyframes loading-bar {
  0% {
    width: 0%;
    opacity: 1;
  }
  90% {
    width: 90%;
    opacity: 1;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
  
@-moz-keyframes radial-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
  
@-webkit-keyframes radial-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
  
@keyframes radial-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* BOOM CSS */
.intro_social_container { width:100%; height:auto; text-align:center }
.intro_social_btn { display: inline-block;width: 25px;height: 40px;margin: 0 3px;border-radius: 20%; }

.embed_logo_wrap { margin-bottom:-40px; }
.embed_logo { display:block; height:50px; width:auto; margin:0 auto; }
.embed_logo img{ fill-opacity: 10px;}
#last_embed_title { font-size:13px; text-align:center; padding:10px 0 0 0; }
#last_embed { width:100%; height:auto; text-align:center; margin:10px 0; }
.active_embed { width:50px; height:50px; display:inline; margin:5px; }
.active_embed_user { width:50px; height:50px; border-radius:50%; }
.login_not_member { text-align:center; padding-top:5px; }


.buttod {
    border: none;
    outline: none;
    background-image: linear-gradient(rgba(111, 22, 22), rgba(111, 22, 22));
    border-radius: 4px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 15px;
    cursor: pointer;
}

.Title {
    text-align: center;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 15px;
}
.sub_texts { color:#f00; }

.theme_btns { background-image: linear-gradient(rgba(111, 22, 22), rgba(111, 22, 22));
}