.social-networks {
  margin: 0;
  padding: 0;
  list-style: none; }

.clearfix:after, #header:after, .social-networks:after, .menu-area:after {
  content: '';
  display: block;
  clear: both; }

.ellipsis {
  white-space: nowrap;
  /* 1 */
  text-overflow: ellipsis;
  /* 2 */
  overflow: hidden; }

@font-face {
  font-family: 'Whitney';
  font-style: normal;
  font-weight: 900;
  src: url("../webfonts/whitney.woff"); }
@font-face {
  font-family: 'Whitney-bold';
  font-style: normal;
  font-weight: 900;
  src: url("../webfonts/whitney-bold.woff"); }
a:hover {
  color: #8e66ea; }

body {
  color: #fff;
  font-family: "Whitney-bold";
  font-size: 1rem;
  background-color: #18191c; }

#wrapper {
  overflow: hidden; }

.fa-language {
  font-size: 1.7rem; }

.landing {
  padding: 4rem 0rem;
  background: url("../../img/landing/background.png");
  height: 50%;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .landing .btn {
    padding: 15rem, 10rem;
    width: 10rem; }
  .landing p {
    color: #bfb8b8; }

.no-padding-left {
  padding-left: 0rem; }

.login {
  padding: 10rem 0rem;
  background: url("../../img/landing/background.png");
  height: 50%;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .login .btn {
    padding: 15rem, 10rem;
    width: 13rem; }
  .login p {
    color: #bfb8b8; }

.section-white {
  padding: 4rem 0rem;
  background-color: white;
  color: black; }
  .section-white h5 {
    padding-top: 3rem; }
  .section-white img {
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #222); }

.section-grey {
  padding: 4rem 0rem;
  background-color: #141415;
  color: white; }
  .section-grey h5 {
    padding-top: 3rem; }
  .section-grey img {
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #222); }

.top-buffer {
  margin-top: 10rem; }

/* Profile searches */
.no-background {
  min-height: 40rem;
  padding: 3rem; }

.default-background {
  background: url("../../img/universal/background_01.png");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 38rem;
  padding: 3rem; }

.default-background-2 {
  padding: 4rem 0rem;
  background: url("../../img/universal/background_02.png");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 38rem; }
  .default-background-2 p {
    color: #bfb8b8; }

.default-background-3 {
  background: url("../../img/universal/background_03.png");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 32rem;
  padding: 3rem; }

.result-list {
  list-style-type: none;
  width: 100%;
  margin: 0rem;
  padding: 0rem; }
  .result-list li div {
    vertical-align: top;
    padding: 0.5rem;
    position: relative; }
    @media (min-width: 540px) {
      .result-list li div {
        display: table-cell; } }

.list-item-usr {
  background: #101010;
  border: 1px solid #292727;
  border-radius: 3px;
  padding: 10px;
  position: relative; }
  .list-item-usr p {
    margin-bottom: 0rem; }
  .list-item-usr .result-image {
    padding: 0;
    overflow: hidden;
    vertical-align: middle; }
    .list-item-usr .result-image img {
      border-radius: 3px;
      margin-left: 1rem;
      width: 120px;
      height: 120px; }
  .list-item-usr .since {
    color: #989696; }
  .list-item-usr .result-info {
    display: table-cell;
    vertical-align: top;
    padding: 20px;
    width: 80%; }
  .list-item-usr .result-dash {
    width: 200px;
    font-size: 28px;
    text-align: center;
    border-left: 1px #ddd; }
    @media (min-width: 540px) {
      .list-item-usr .result-dash {
        padding-top: 30px; } }

/* Server select */
.result-list-half {
  list-style-type: none;
  width: 50%;
  margin: 0rem;
  padding: 0rem; }
  .result-list-half li div {
    display: table-cell;
    vertical-align: top;
    padding: 0.5rem;
    position: relative; }

.list-item-server {
  background: #101010;
  border: 1px solid #292727;
  border-radius: 3px;
  padding: 10px;
  position: relative; }
  .list-item-server p {
    margin-bottom: 0rem; }
  .list-item-server .result-image {
    padding: 0;
    overflow: hidden;
    vertical-align: middle; }
    .list-item-server .result-image img {
      border-radius: 3px;
      margin-left: 1rem;
      width: 75px;
      height: 75px; }
  .list-item-server .result-info {
    display: table-cell;
    vertical-align: top;
    padding: 20px;
    width: 80%; }
  .list-item-server .result-dash {
    width: 200px;
    font-size: 28px;
    text-align: center;
    border-left: 1px #ddd; }
    @media (min-width: 540px) {
      .list-item-server .result-dash {
        padding-top: 30px; } }

.breadcrumb {
  background-color: #171717d6;
  border: 1px solid #3a3a3a; }
  .breadcrumb .breadcrumb-item.active {
    color: #764ec3; }

.list-item-plugin {
  background: #101010;
  border: 1px solid #292727;
  border-radius: 3px;
  padding: 10px;
  position: relative;
  margin-bottom: 5px; }
  .list-item-plugin p {
    margin-bottom: 0rem; }
  .list-item-plugin .result-image {
    padding: 0;
    overflow: hidden;
    vertical-align: middle; }
    .list-item-plugin .result-image img {
      border-radius: 3px;
      margin-left: 1rem;
      width: 120px;
      height: 120px; }
  .list-item-plugin .since {
    color: #989696; }
  .list-item-plugin .result-info {
    display: table-cell;
    vertical-align: top;
    padding: 20px;
    width: 80%; }
  .list-item-plugin .result-dash {
    width: 200px;
    font-size: 28px;
    text-align: center;
    border-left: 1px #ddd; }
    @media (min-width: 540px) {
      .list-item-plugin .result-dash {
        padding-top: 30px; } }

.list-item-item {
  background: #101010;
  border: 1px solid #292727;
  border-radius: 3px;
  padding: 10px;
  position: relative;
  margin-bottom: 5px; }
  .list-item-item p {
    margin-bottom: 0rem; }
  .list-item-item .result-image {
    padding: 0;
    overflow: hidden;
    vertical-align: middle; }
    .list-item-item .result-image img {
      border-radius: 3px;
      margin-left: 1rem;
      width: 120px;
      height: 120px; }
  .list-item-item .since {
    color: #989696; }
  .list-item-item .result-info {
    display: table-cell;
    vertical-align: top;
    padding: 20px;
    width: 80%; }
  .list-item-item .result-dash {
    width: 200px;
    font-size: 28px;
    text-align: center;
    border-left: 1px #ddd; }
    @media (min-width: 540px) {
      .list-item-item .result-dash {
        padding-top: 30px; } }

.settings-container {
  background-color: #151515e8;
  padding-bottom: 2rem; }

.settings-container-grey {
  background-color: #1b1b1be3;
  padding-bottom: 2rem; }

.info-panel a {
  color: #ac70f9; }

.text-enabled {
  color: #8d7eda; }

.text-disabled {
  color: #e65071; }

.border-white {
  border: 1px solid #ffffff; }

.border-enabled {
  border: 1px solid #c48fef; }

.border-disabled {
  border: 1px solid #e65071; }

.form-full-width {
  width: 100%; }

.navbar {
  padding: 0.3rem 1rem 0.5rem;
  margin-bottom: 0;
  list-style: none;
  font-size: 0.9rem; }

.dropdown-item {
  padding: 0.25rem 0.9rem; }

.pull-right {
  float: right !important; }

.server-manage-box .btn {
  width: 100%; }

#header {
  position: relative;
  padding: 0;
  background-color: #18191c;
  font-family: "Whitney-bold";
  -webkit-font-smoothing: antialiased; }
  #header .nav-link {
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.8rem;
    padding-right: 1.5rem;
    padding-left: 1.0rem; }
  #header .navbar-brand {
    float: left;
    width: 130px;
    padding-bottom: 0;
    padding-top: 0;
    margin-top: 5px; }
    #header .navbar-brand img {
      max-width: 100%;
      height: auto;
      display: block; }
  #header .form-control {
    font-size: 0.8rem; }
  #header .btn {
    border: 2px solid #fffffff0;
    border-radius: 20px;
    padding: 0.375rem 1.05rem;
    font-size: 0.8rem;
    margin: 0 10px; }
  #header a:hover {
    color: #c673ff; }

.container-highlight {
  background-color: #929aeab8;
  border-top-right-radius: 0.75rem;
  border-top-left-radius: 0.75rem; }
  .container-highlight h5 {
    margin-bottom: 0rem; }

.container-highlight-rounded {
  background-color: #929aeab8;
  border-radius: 0.75rem;
  margin-bottom: 2rem;
  padding: 1rem; }
  .container-highlight-rounded h5 {
    margin-bottom: 0rem; }
  .container-highlight-rounded input {
    margin-bottom: 0.3rem; }
  .container-highlight-rounded button {
    margin-left: 0.5rem; }

.fill img {
  flex-shrink: 0;
  display: block;
  overflow: hidden;
  vertical-align: middle;
  position: relative;
  height: 120px;
  width: 120px; }

.btn-primary {
  color: #fff;
  background-color: #c673ff;
  border-color: #c673ff; }
  .btn-primary:hover, .btn-primary:focus {
    background-color: #d193fc;
    border-color: #d193fc; }
  .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(198, 115, 255, 0.5); }

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  box-shadow: 0 0 0 0.2rem rgba(198, 115, 255, 0.5);
  background-color: #b34cfa;
  border-color: #b34cfa; }

.social-networks > li {
  display: inline-block;
  vertical-align: middle; }
.social-networks a.nav-link {
  padding: 0.5rem 0.6rem; }
  .social-networks a.nav-link:hover {
    color: #fff; }

.bg-warning {
  background-color: #c673ff !important; }

.progress {
  height: 0.6rem; }

.nav .dropdown-menu .dropdown-item,
.navbar-nav .dropdown-menu .dropdown-item {
  font-size: 0.8rem;
  opacity: .8; }
  .nav .dropdown-menu .dropdown-item:hover,
  .navbar-nav .dropdown-menu .dropdown-item:hover {
    opacity: 1; }
.nav.language .dropdown-menu,
.navbar-nav.language .dropdown-menu {
  right: 0;
  left: auto;
  width: 170px;
  font-size: 0.8rem; }
  @media (max-width: 768px) {
    .nav.language .dropdown-menu,
    .navbar-nav.language .dropdown-menu {
      position: static;
      width: 100%; } }
  .nav.language .dropdown-menu li,
  .navbar-nav.language .dropdown-menu li {
    border-radius: 3px;
    color: #9099a4;
    cursor: pointer;
    margin: 4px;
    opacity: .8;
    padding: 10px 5px;
    transition: background-color .2s,color .2s; }
    .nav.language .dropdown-menu li:hover,
    .navbar-nav.language .dropdown-menu li:hover {
      opacity: 1; }
    @media (max-width: 768px) {
      .nav.language .dropdown-menu li,
      .navbar-nav.language .dropdown-menu li {
        width: 100%; } }
    .nav.language .dropdown-menu li img,
    .navbar-nav.language .dropdown-menu li img {
      height: 16px;
      margin-right: 8px;
      width: 24px; }

#main .container {
  background-color: #18191c;
  margin: 20px auto;
  border-radius: 5px;
  overflow: hidden; }

.banner {
  margin: 0 -15px;
  padding: 0 15px;
  overflow: hidden;
  height: 400px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative; }
  @media (max-width: 992px) {
    .banner {
      padding: 30px 0;
      height: auto; } }
  .banner .container {
    position: relative;
    height: 100%;
    background: none; }

.object-counter {
  position: absolute;
  bottom: 5%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 992px) {
    .object-counter {
      position: static;
      margin: 15px auto; } }
  @media (max-width: 767px) {
    .object-counter {
      display: block; } }
  .object-counter .text {
    overflow: hidden; }
    @media (max-width: 767px) {
      .object-counter .text {
        width: 100%;
        display: block; } }
  .object-counter .object {
    margin: 0 20px 0 0; }

.btn-dark {
  color: #fff;
  background-color: transparent;
  border-color: transparent; }

.btn-dark:hover {
  color: #000;
  background-color: #fff;
  border-color: #fff; }

.server-holder {
  -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
  width: 100px;
  height: 100px;
  float: left;
  margin: 0 15px 0 0; }

.object {
  overflow: hidden;
  border-radius: 4px;
  background-color: #fff;
  padding: 2px;
  width: 150px;
  float: left; }
  @media (max-width: 767px) {
    .object {
      margin: 0 auto;
      float: none;
      display: inline-block;
      vertical-align: top; } }
  .object img {
    width: 100%;
    height: auto;
    display: block; }

.object-data {
  overflow-y: hidden;
  overflow-x: hidden;
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  width: 400px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px 20px; }
  @media (max-width: 992px) {
    .object-data {
      position: static;
      width: 100%; } }
  .object-data.header .text {
    display: block;
    padding: 15px 0 0; }
  .object-data.header .object-content {
    padding: 10px 0;
    overflow: hidden; }
    .object-data.header .object-content .text {
      height: 100%;
      overflow: hidden;
      text-align: left;
      display: flex;
      align-items: center;
      justify-content: left; }
    .object-data.header .object-content .image-holder {
      overflow: hidden;
      border: 2px solid;
      border-radius: 4px;
      text-align: left;
      height: 100px; }
      .object-data.header .object-content .image-holder img {
        width: 100%;
        height: auto;
        display: block; }
  .object-data .object-head {
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 10px; }
  .object-data .circle-holder {
    float: right;
    width: 100px;
    text-align: center; }
  .object-data .text {
    overflow: hidden; }
  .object-data time {
    color: yellow;
    margin: 0; }
  .object-data h3 {
    font-size: 1rem;
    margin-bottom: 5px; }

dl {
  overflow: hidden;
  font-size: 0.8rem;
  width: 100%; }
  dl dt {
    float: left;
    width: 137px;
    margin: 0 5px 0 0; }
  dl dd {
    overflow: hidden;
    text-align: right;
    margin: 0 0 2px; }

.btn {
  padding: 0.275rem 0.75rem 0.375rem; }

.edit-button {
  position: absolute;
  top: 10%; }
  @media (max-width: 992px) {
    .edit-button {
      position: static;
      margin: 0 auto;
      margin-left: 15px;
      display: inline-block;
      vertical-align: top; } }

.menu-area {
  padding: 7px 0;
  border-bottom: 1px solid #272a2e; }
  .menu-area .nav {
    line-height: 2.1rem; }
    .menu-area .nav .nav-item {
      border-left: 1px solid #272a2e;
      padding: 0 1.2rem; }
      .menu-area .nav .nav-item:first-child {
        padding-left: 0;
        border: none; }

.form-control {
  background-color: #18191c; }

.pagination {
  text-align: center;
  padding: 20px 0; }

.pagination a {
  font-size: 1.08em;
  min-width: 30px;
  height: 30px;
  background-color: #18191c;
  color: #fff;
  border: 1px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  line-height: 25px;
  text-decoration: none;
  margin: 4px;
  transition: all 0.2s linear; }

.pagination a:hover, .pagination a.selected {
  color: #fff;
  background-color: #c673ff;
  border-color: #c673ff; }

.autocomplete-suggestions {
  background-color: #ffff;
  color: black;
  padding: 0.5rem;
  border-radius: 0.2rem; }
  .autocomplete-suggestions .autocomplete-selected {
    color: purple; }

.content {
  padding: 2rem 0 1rem; }

.card {
  background: transparent;
  border: none;
  margin-bottom: 30px; }
  .card h5 {
    border-bottom: 1px solid #272a2e;
    padding-bottom: 15px;
    margin-bottom: 30px; }

.reputation-holder {
  overflow: hidden; }
  .reputation-holder .nav {
    margin-bottom: 15px; }
  .reputation-holder .nav-link {
    padding: 0 15px 0 0; }
  .reputation-holder .btn-outline-dark {
    color: #fff; }

.list-group {
  background: transparent; }
  .list-group a,
  .list-group li {
    background: transparent; }

.status {
  display: block;
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.5); }

.object-box {
  overflow: hidden; }
  .object-box .text {
    padding: 6px 0 0;
    overflow: hidden; }
  .object-box .image-holder {
    float: left;
    width: 45px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 15px 0 0; }
    .object-box .image-holder img {
      max-width: 100%;
      height: auto;
      display: block; }
  .object-box h6 {
    margin: 0;
    font-size: 0.8rem; }
    .object-box h6 time {
      display: inline-block;
      vertical-align: middle;
      color: rgba(255, 255, 255, 0.5);
      margin: 0 5pxs; }

.list-group a:hover,
.list-group li:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.2); }

.points-holder {
  float: right;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  text-align: center;
  font-size: 15px;
  line-height: 35px;
  border: 2px solid #5c253b; }
  .points-holder.above-50 {
    border: 2px solid #7350c3; }
  .points-holder.below-50 {
    border: 2px solid #4c88d4; }

.navbar-collapse {
  line-height: normal; }

.friends-list {
  overflow: hidden; }
  .friends-list .list-group-item.online .status {
    color: limegreen; }
  .friends-list .list-group a:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.2); }

a.list-group-item {
  padding: 0.35rem 0;
  border: 0;
  border-top: 1px solid #272a2e; }
  a.list-group-item:first-child {
    border: 0; }

.comments-holder {
  font-size: 0.8rem; }
  .comments-holder .object-box .text {
    padding-top: 1px; }
  .comments-holder p {
    margin-bottom: 0;
    white-space: normal; }
  .comments-holder .list-group .list-group-item {
    padding: 0.75rem 0; }
    .comments-holder .list-group .list-group-item h6 {
      color: #9cb4e2;
      margin-bottom: 4px;
      font-size: 1rem; }
      .comments-holder .list-group .list-group-item h6 time {
        font-size: 0.7rem; }
  .comments-holder .list-group .nested {
    padding-left: 3rem; }
  .comments-holder .list-group .topic {
    background-color: #171616de; }
  .comments-holder .list-group .borderless {
    border: 0rem; }

.comment-delete-button .btn-danger {
  background-color: transparent;
  border-color: transparent; }
  .comment-delete-button .btn-danger:hover {
    border-color: #d193fc; }
  .comment-delete-button .btn-danger:active, .comment-delete-button .btn-danger:focus {
    border-color: transparent;
    background-color: transparent;
    outline: none;
    box-shadow: none; }

.comment-box {
  padding: 0.2rem;
  width: 100%;
  border-color: #292828;
  background-color: #58585814; }

.post-group {
  border: 1px #3a393924 solid;
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 1.5rem;
  background: #111113fc; }

.share-link {
  color: #7d7c7c; }

.card-body {
  padding: 0; }

.user-info dl {
  font-size: 0.9rem; }
  .user-info dl dd {
    text-align: left; }

#footer {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.8rem;
  background-color: #18191c;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-top: 1px solid #272a2e; }
  #footer [class^="col-"] {
    margin-bottom: 30px; }
  #footer .post {
    overflow: hidden;
    height: 100%;
    border-radius: 4px;
    padding: 1rem 2rem; }
  #footer h5, #footer .h5 {
    margin-bottom: 15px;
    color: #fff; }
  #footer .nav-link {
    padding: 0.1rem 0;
    color: rgba(255, 255, 255, 0.5); }
  #footer a:hover {
    color: #fff; }

.headline {
  display: block;
  margin: 10px 0 25px 0;
  border-bottom: 1px dotted #44474a; }
  .headline h2 {
    font-size: 22px; }
  .headline h2, .headline h3, .headline h4 {
    margin: 0 0 -2px 0;
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: 2px solid #de2346; }

.headline-md {
  margin-bottom: 15px; }

.headline-md h2 {
  font-size: 21px; }

.button-group .btn {
  margin-bottom: 3px;
  width: 100%; }

.footer-bottom {
  overflow: hidden;
  border-top: 1px solid #272a2e;
  padding: 1rem 0 0;
  margin: 0; }

/*# sourceMappingURL=main.css.map */