@import url("https://fonts.googleapis.com/css?family=Lobster|Roboto+Condensed:300,400,700");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900");
html, body {
  font-size: 15px;
  color: #222; font-family: "Roboto Condensed", sans-serif;
  overflow-x: hidden;
  background-color: #4d194c;
  background-image: url(../img/mainbg.png);
  background-repeat: repeat;
  height: auto;
  overflow-y: scroll; }

.hidden {
  display: none; }

x {
  position: relative;
  float: right; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

.top10 {
  margin-top: 10px;
  position: relative;
  display: block; }

.purple-bg {
  background-color: #4d194c; }

h1, h2, h3, h4, h5, h6, h7 {
  font-family: "Lobster", cursive;
  color: #4d194c; }

h1.gold-title {
  font-size: 2rem;
  color: #fff;
  margin: 1.5rem 0; }

.minheight {
  min-height: 600px; }

h7 {
  text-align: center;
  font-size: 1.4rem; }

pre {
  background-color: white; }

a {
  color: #4d194c;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }
  a:hover {
    text-decoration: underline;
    color: #4d194c;
    text-decoration: none; }

e p {
  color: #4d194c;
  padding-left: 10px;
  background-color: rgba(77, 25, 76, 0.2); }

a.link, a.link:active, a.link:hover, a:link:focus {
  color: #d1a156 !important;
  cursor: pointer; }


.quickPulsate {
    -webkit-animation: pulsate 0.5s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.5;
}
.pulsate {
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.5;
}
@-webkit-keyframes pulsate {
    0% { 
        opacity: 0.5;
    }
    50% { 
        opacity: 1.0;
    }
    100% { 
        opacity: 0.5;
    }
}
.btn-small{
  opacity: 0.9;
  font-weight: 150;
  font-family: "Lobster", cursive;
  font-size: 0.625rem;
  letter-spacing: 0.0375rem; }
  .btn-small:hover {
    opacity: 1;
    cursor: pointer; }

.btn {
  opacity: 0.9;
  font-weight: 300;
  font-family: "Lobster", cursive;
  font-size: 1.25rem;
  letter-spacing: 0.075rem; }
  .btn:hover {
    opacity: 1;
    cursor: pointer; }

.btn-outline-primary {
  border-color: #4d194c;
  color: #4d194c; }
  .btn-outline-primary:hover {
    color: #fff !important;
    background-color: #4d194c;
    border-color: #4d194c; }
  .btn-outline-primary:focus {
    box-shadow: none; }

.btn-primary {
  background-color: #4d194c;
  border-color: #4d194c;
  color: #fff; }
  .btn-primary:hover {
    color: #fff;
    background-color: #4d194c;
    border-color: #4d194c; }
  .btn-primary:active {
    color: #fff;
    background-color: #4d194c;
    border-color: #4d194c; }

.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #4d194c;
  border-color: #4d194c;
  box-shadow: none; }

.btn-outline-danger {
  color: #b00 !important; }
  .btn-outline-danger:hover {
    color: #fff !important; }

.btn-outline-success {
  color: #28a745 !important; }
  .btn-outline-success:hover {
    color: #fff !important; }

.material-icons {
  font-size: 1rem; }

.main-wrap {
  padding: 2rem 0;
  min-height: 800px;
  height: auto;
  overflow-y: hidden;
  /*
  	background-color: $purple;
  	background-image: url(../img/mainbg.png);
  	background-repeat: repeat;
  */ }

.purple {
  color: #4d194c; }

.container {
  max-width: 1200px;
  height: auto; }

.no-gutter {
  padding-left: 0;
  padding-right: 0; }

img {
  height: auto;
  max-width: 100%; }

.badge {
  position: relative;
  top: -0.10rem;
  z-index: 10; }

.coin {
  width: 1.2rem;
  display: inline-block; }

img.applause {
  max-width: 1rem; }

.red {
  color: #b00; }

.green {
  color: #149d14; }

.show-mobile {
  display: none; }

.toggle-menu {
  display: none; }

.top-double-click {
  display: none; }

.tinythumb {
  max-width: 20px;
  height: auto; }

.navbar {
  padding: 0 1rem;
  background-color: #eee;
  border-bottom: 1px solid #ddd; }
  .navbar .navbar-brand {
    padding: 0.25rem; }
    .navbar .navbar-brand img {
      max-width: 3rem;
      width: 100%; }
  .navbar .nav-link {
    padding: 0.7rem;
    font-size: 14px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.7); }
    .navbar .nav-link .material-icons {
      position: relative;
      top: 3px; }
  .navbar .navbar-nav .nav-item.active {
    border-bottom: 3px solid #4d194c; }
    .navbar .navbar-nav .nav-item.active .nav-link {
      color: #4d194c; }
  .navbar .navbar-nav .nav-item {
    border-bottom: 3px solid #eee; }
    .navbar .navbar-nav .nav-item .dropdown-menu {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      top: calc(100% + 2px);
      border-top: none; }
      .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item {
        font-size: 0.85rem; }
  .navbar .navbar-nav .nav-link {
    padding: 0.7rem;
    font-size: 14px;
    font-weight: bold; }
    .navbar .navbar-nav .nav-link .material-icons {
      position: relative;
      top: 3px; }
  .navbar .navbar-nav .dropdown-toggle::after {
    border: none; }
  .navbar .account-info {
    margin-left: 0.25rem; }
    .navbar .account-info .nav-item {
      border-bottom: none; }
    .navbar .account-info .nav-link {
      padding: 0.35rem; }
      .navbar .account-info .nav-link .profile-img {
        max-width: 2.125rem; }
    .navbar .account-info .dropdown-menu {
      right: 0;
      left: auto;
      top: 100% !important; }
    .navbar .account-info .dropdown-toggle::after {
      margin: 0; }
    .navbar .account-info .coin-dropdown {
      top: 100% !important; }
    .navbar .account-info .coins .profile-img {
      width: 2.125rem;
      height: 2.125rem; }
  .navbar .search-form input {
    padding: 3px;
    font-size: 1rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none; }
  .navbar .search-form .btn-primary {
    padding: 0px 6px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
    .navbar .search-form .btn-primary .material-icons {
      font-size: 24px;
      position: relative;
      top: 3px; }
  .navbar .btn-primary {
    padding: 0px 6px; }
    .navbar .btn-primary .material-icons {
      font-size: 24px;
      position: relative;
      top: 3px; }
  .navbar #new_post {
    margin: 0 0.25rem; }

footer {
  padding: 1rem 0;
  border-top: 1px solid #ddd; }
  footer .footer-links {
    list-style: none;
    margin-bottom: 0;
    padding: 0; }
    footer .footer-links li {
      padding: 0 10px;
      color: #888;
      font-weight: 300;
      font-size: 0.85rem; }
      footer .footer-links li a {
        color: #888;
        font-weight: 300;
        font-size: 0.85rem; }

.home-wrap {
  min-height: 525px;
  height: 100vh;
  margin-top: 30px; }

.landing-bg {
  padding: 3rem;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  background-image: url(../img/mainbg.jpg); }
  .landing-bg ul {
    position: relative;
    z-index: 5;
    list-style: none;
    margin: 0;
    padding: 0; }
    .landing-bg ul li {
      color: #fff;
      font-size: 1.8rem;
      padding: 1rem 0;
      font-weight: 300; }
      .landing-bg ul li .big {
        font-family: "Lobster", cursive;
        font-size: 2.2rem; }
      .landing-bg ul li .t-icon {
        width: 2.5rem;
        height: 2.5rem;
        position: relative;
        top: -0.4rem;
        margin-right: 0.5rem; }

.landing-bg.show-mobile {
  display: none; }

.login-area {
  margin-top: 30px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #eee; }
  .login-area .login-wrap {
    padding: 3rem; }
  .login-area .login-logo {
    max-width: 7rem;
    max-height: 4rem;
    margin-bottom: 1rem; }
  .login-area .login-form {
    padding: 1rem 0; }
  .login-area h1 {
    font-size: 3.7rem;
    line-height: 1;
    margin-bottom: 1rem; }
  .login-area h4 {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.5rem; }

.contact-area {
  display: flex;
  flex-direction: column; }
  .contact-area .contact-logo {
    max-width: 7rem;
    max-height: 4rem;
    margin-bottom: 1rem; }
  .contact-area p {
    margin: 1.4rem 0 2rem 0; }
  .contact-area h1 {
    font-size: 3.7rem;
    line-height: 1;
    margin-bottom: 1rem; }
  .contact-area h4 {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.5rem; }
  .contact-area h5 {
    margin-bottom: 0px;
    font-size: 1.5rem; }

.registration input.has-error {
  border-color: #b00;
  color: #b00; }
.registration input.has-success {
  border-color: #19b219;
  color: #19b219; }
.registration .upload-box {
  padding: 2rem;
  border: 5px dashed #888;
  text-align: center;
  max-width: 30rem;
  margin: 0 auto;
  margin-bottom: 1rem; }
  .registration .upload-box .file-upload {
    border: 1px solid #ddd;
    border-radius: 0.25rem;
    margin-bottom: 0.5rem; }
  .registration .upload-box .help-block {
    margin-bottom: 0; }

.mobile-nav-add {
  margin-bottom: 0px;} 

.mobile-nav-addlocalnews {
  margin-bottom: 0px; 
  margin-left: 0px; 
  margin-right: 0px; }

.pagination .page-item a {
  color: #4d194c;
  font-family: "Roboto Condensed", sans-serif; }

.verified {
  width: 1.3rem;
  height: 1.3rem;
  fill: #4d194c; }

.sm-icon {
  width: 1rem;
  height: 1rem;
  position: relative;
  top: -1px; }

.state-icon {
  max-width: 1.5rem;
  margin-left: 0.5rem;
  position: relative;
  top: -2px; }

.follow {
  height: 2rem;
  width: 2rem; }

.form-check-input {
  margin-left: 0; }

.table {
  margin-bottom: 0; }
  .table td, .table th {
    padding: 0.5rem;
    text-align: center;
    vertical-align: middle;
    font-size: 1rem; }
    .table td a, .table th a {
      color: #4d194c; }
      .table td a:hover, .table th a:hover {
        color: #4d194c; }

.followers td {
  text-align: left; }
  .followers td:first-child {
    width: 5rem; }
  .followers td:nth-child(3) {
    width: 5rem; }
  .followers td:nth-child(4) {
    width: 5rem; }
  .followers td .profile-img {
    max-width: 3.5rem; }

.left-column .card {
  margin-bottom: 1rem; }

.profile-card h5 {
  color: #4d194c;
  text-align: center; }
  .profile-card h5 svg {
    max-width: 1rem; }
    .profile-card h5 svg path {
      fill: #4d194c; }
.profile-card .table-bordered {
  border: none; }
.profile-card td {
  padding: 0;
  border: none;
  width: 33%;
  color: #2dbdba;
  font-weight: bold;
  font-size: 1.2rem; }
  .profile-card td .small {
    font-weight: bold;
    color: #117f7b;
    font-size: 12px;
    display: block; }
  .profile-card td:nth-child(3) {
    padding-left: 0.5rem; }

.suggestions-card .list-group .list-group-item {
  padding: 0.5rem;
  font-size: 0.85rem;
  background-color: transparent; }
  .suggestions-card .list-group .list-group-item a .profile-img {
    max-width: 1.5rem;
    margin-right: 0.5rem; }
  .suggestions-card .list-group .list-group-item a h5 {
    margin: 0;
    font-size: 0.85rem;
    font-weight: bold;
    font-family: "Roboto Condensed", sans-serif; }
    .suggestions-card .list-group .list-group-item a h5 .verified {
      max-width: 1.2rem;
      height: 1rem; }
  .suggestions-card .list-group .list-group-item table td {
    border: none; }
  .suggestions-card .list-group .list-group-item span {
    font-size: 1rem;
    color: #4d194c; }
    .suggestions-card .list-group .list-group-item span .applause {
      max-width: 1.2rem; }
  .suggestions-card .list-group .list-group-item a.post-title {
    font-size: 0.9rem;
    font-weight: bold;
    color: #4d194c; }

.fanfare-filter {
  margin-bottom: 0rem; }
  .fanfare-filter label {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    font-family: "Lobster", cursive;
    color: #4d194c;
    font-size: 1.4rem; }
    .fanfare-filter label .toggle.btn {
      margin: 0;
      padding: 0.5rem;
      max-width: 3rem;
      width: 100% !important; }
    .fanfare-filter label .toggle-off.btn {
      padding: 0.5rem;
      background-color: #bbb;
      justify-content: center; }
    .fanfare-filter label .toggle-on.btn {
      padding: 0.5rem;
      justify-content: center;
      color: #fff; }

.card {
  border-radius: 0;
  background-color: #eee; }
  .card .card-img-top {
    border: 3px solid #fff; }
  .card .stream-img {
    border: 3px solid #fff;
    height: 25vw;
    width: 100%;
    object-fit: cover; }
  .card .card-body {
    padding: 1rem;
    margin-bottom: 1rem;
    margin-top: 1rem; }

.modal .close {
  font-size: 2rem; }
.modal .modal-dialog {
  max-width: 750px; }
.modal .modal-content {
  background-color: #eee; }
.modal .modal-body {
  padding: 2rem; }
.modal .post-card {
  border: none;
  cursor: default;
  margin-top: 20px; }
  .modal .post-card .main-post .who {
    align-items: center; }
    .modal .post-card .main-post .who .timestamp {
      margin-top: 0; }
  .modal .post-card .post-avatar {
    max-width: 2.5rem;
    margin-right: 0.5rem; }
  .modal .post-card .who {
    align-items: flex-start;
    margin-bottom: 0; }
    .modal .post-card .who h3 {
      margin: 0;
      font-size: 1.6rem; }
  .modal .post-card .timestamp {
    font-size: 0.8rem;
    color: #888;
    margin-top: 0.5rem; }
  .modal .post-card .post-stats {
    margin-bottom: 1rem; }
  .modal .post-card .card-body {
    padding: 0; }

.br {
  /*  flex-basis: 100%;
    height: 0;*/ }

.post-card {
  border-top: none;
  cursor: pointer;
  margin-bottom: 20px; }
  .post-card .post-avatar {
    max-width: 5rem;
    padding-right: 0; }
    .post-card .post-avatar .profile-img {
      max-width: 100%; }
  .post-card .post-content .fa-quote-left {
    padding-right: 0.25rem;
    color: #4d194c; }
  .post-card .post-content .fa-quote-right {
    padding-left: 0.25rem;
    color: #4d194c; }
  .post-card .who {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 1rem;
    justify-content: flex-end; }
    .post-card .who h5 {
      margin: 0; }
    .post-card .who .username {
      font-weight: bold;
      color: #4d194c;
      padding-right: 0.25rem;
      font-size: 1.2rem; }
      .post-card .who .username:hover {
        text-decoration: underline; }
    .post-card .who .profile-img {
      max-width: 1.2rem;
      margin: 0 0.25rem; }
    .post-card .who .verified {
      width: 1.25rem;
      fill: #4d194c;
      padding-right: 0.25rem; }
    .post-card .who .fa-circle {
      font-size: 4px;
      color: #888; }
    .post-card .who span.timestamp {
      padding-left: 0.25rem;
      color: #888;
      font-weight: 300;
      font-size: 0.95rem; }
  .post-card .image {
    margin-top: 1rem; }
    .post-card .image img {
      max-width: 100%; }
  .post-card .link {
    border: 1px solid #ddd;
    border-radius: 0.25rem; }
    .post-card .link img {
      max-width: 100%;
      border-radius: 0.25rem;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
    .post-card .link .link-info {
      padding: 0.5rem;
      border-top: 1px solid #ddd;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
      .post-card .link .link-info h5 {
        font-family: "Roboto Condensed", sans-serif;
        font-weight: bold;
        font-size: 1.1rem; }
      .post-card .link .link-info .light {
        color: #888;
        font-size: 0.9rem; }
  .post-card .post-stats {
    margin-top: 0.5rem;
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .post-card .post-stats .table td {
      border-top: 0;
      width: 20%; }
    .post-card .post-stats a {
      min-width: 3rem;
      padding: 0 1rem; }
      .post-card .post-stats a img {
        display: inline-block; }
  .post-card:hover {
    background-color: #eee; }
  .post-card .double-click-inline {
    margin-top: 5rem;
    display: flex;
    justify-content: center;
    width: 100%; }
    .post-card .double-click-inline img {
      display: block; }

.info-tip {
  position: relative;
  display: inline-block;
  float: left;
  padding-top: 10px;
  padding-right: 5px; }
  .info-tip i, .info-tip svg {
    color: #bbb; }

.double-click a {
  display: inline-block;
  margin-bottom: 1rem; }
  .double-click a img {
    max-width: 100%; }
.double-click .leaderboard {
  display: none; }

.follow-card .list-group .list-group-item {
  padding: 0.5rem 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  border-left: none;
  border-right: none;
  border-radius: 0;
  background-color: transparent; }
  .follow-card .list-group .list-group-item a .profile-img {
    max-width: 4.5rem;
    margin-right: 1.5rem; }
  .follow-card .list-group .list-group-item a h5 {
    margin: 0;
    font-size: 0.85rem;
    font-weight: bold;
    font-family: "Roboto Condensed", sans-serif; }
    .follow-card .list-group .list-group-item a h5 .verified {
      max-width: 1.2rem;
      height: 1rem; }
  .follow-card .list-group .list-group-item .btn-primary {
    font-size: 1rem;
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem; }
  .follow-card .list-group .list-group-item:first-child {
    border-top: none; }
  .follow-card .list-group .list-group-item:last-child {
    border-bottom: none; }
  .follow-card .list-group .list-group-item .small.light {
    color: #aaa;
    font-size: 0.7rem; }

.content-page .card {
  position: relative;
  margin-bottom: 1rem; }
  .content-page .card:last-child {
    margin-bottom: 0; }
.content-page .card.search {
  position: relative;
  margin-bottom: 1rem; }
  .content-page .card.search:last-child {
    margin-bottom: 1rem; }

.show-filters .actions .btn.active {
  background-color: #4d194c;
  color: #fff;
  border-color: #4d194c;
  box-shadow: none; }
.show-filters .input-group input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none; }
.show-filters .input-group-append .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.show-grid {
  margin: 0 auto;
  margin-left: -5px;
  margin-right: -5px; }
  .show-grid .show-preview {
    margin: 10px 5px 0 5px;
    flex: 0 0 calc(33.333% - 10px);
    /*                .card-img-top {
                        min-height: 287px;
                    }*/ }
    .show-grid .show-preview .video-card .show-info {
      padding: 0.5rem; }
      .show-grid .show-preview .video-card .show-info h5 {
        margin-bottom: 0; }
      .show-grid .show-preview .video-card .show-info .status {
        font-family: "Roboto Condensed", sans-serif;
        text-transform: uppercase;
        color: #b00;
        font-size: 0.9rem; }
      .show-grid .show-preview .video-card .show-info .user {
        display: block;
        font-size: 0.8rem; }
        .show-grid .show-preview .video-card .show-info .user a {
          display: inline-block; }
    .show-grid .show-preview .video-card .show-actions {
      padding: 0.5rem; }
      .show-grid .show-preview .video-card .show-actions .fee {
        font-weight: bold; }
        .show-grid .show-preview .video-card .show-actions .fee a {
          color: #2dbdba; }

.left-column .profile-card .table td {
  color: #2dbdba; }
  .left-column .profile-card .table td a {
    color: #2dbdba; }

.profile-page .col-sm-9 {
  padding-right: 0; }
.profile-page .profile-card {
  flex-direction: row; }
  .profile-page .profile-card .card-left {
    width: 33.333%; }
  .profile-page .profile-card .card-body {
    width: 66.666%; }
  .profile-page .profile-card .profile-stats {
    padding: 1rem; }
  .profile-page .profile-card .user {
    display: flex;
    flex-direction: row; }
    .profile-page .profile-card .user h5 {
      margin-bottom: 0; }
  .profile-page .profile-card .details {
    margin-bottom: 0.5rem; }
    .profile-page .profile-card .details .location, .profile-page .profile-card .details .birthday {
      color: #888;
      font-size: 0.9rem;
      display: block; }
.profile-page .gallery-card {
  border-top: 2px solid #fff;
  border-bottom: 1px solid #ddd;
  padding-bottom: 2px; }
  .profile-page .gallery-card .gallery-preview {
    display: flex;
    flex-direction: row; }
    .profile-page .gallery-card .gallery-preview .item {
      max-width: 16.666%;
      border: 3px solid #fff; }
      .profile-page .gallery-card .gallery-preview .item .fancybox {
        display: block; }
.profile-page .known-for .post-card {
  border-right: none; }
.profile-page .fan-card .list-group .list-group-item {
  padding: 0.5rem; }
  .profile-page .fan-card .list-group .list-group-item a .profile-img {
    max-width: 2.5rem;
    margin-right: 0.5rem; }
  .profile-page .fan-card .list-group .list-group-item a h5 {
    margin: 0; }

.comments .comment {
  padding-top: 1rem;
  border-top: 1px solid #ddd; }
  .comments .comment:last-child {
    padding-bottom: 0; }
  .comments .comment .comment-avatar {
    max-width: 3rem;
    margin-right: 0.5rem; }
  .comments .comment span.light {
    display: block;
    font-size: 0.9rem;
    color: #888;
    padding-bottom: 0.5rem; }
  .comments .comment .post-stats {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-bottom: 0; }
    .comments .comment .post-stats a {
      /*				min-width: 1px;*/ }
  .comments .comment .content p {
    margin-bottom: 0.5rem; }
    .comments .comment .content p:last-child {
      margin-bottom: 0; }
.comments .child {
  padding-left: 1rem;
  border-left: 0.5rem solid #4d194c; }

.new-post .modal-body {
  padding: 1rem;
  background-color: #eee; }
  .new-post .modal-body .card {
    background-color: transparent; }
.new-post .compose-area {
  width: 100%; }
  .new-post .compose-area form textarea {
    width: 100%;
    min-height: 5rem;
    border-width: 2px; }
  .new-post .compose-area form .actions {
    padding-top: 1rem; }
    .new-post .compose-area form .actions a {
      padding: 0 0.5rem; }

.tag-wrap {
  position: relative;
  float: left; }

span.tags {
  width: auto; }

.account-page .upload-box {
  font-size: 0.85rem;
  margin-top: 1rem; }
.account-page .profile-links .btn {
  width: 100%;
  margin-bottom: 1rem; }

.alert p {
  margin-bottom: 0.5rem; }

.alert-danger {
  color: #b00; }

.results {
  flex-wrap: wrap; }
  .results .profile-card {
    max-width: 20%; }
    .results .profile-card .card-body {
      justify-content: center;
      align-items: center;
      text-align: center; }

.notification {
  padding: 1rem;
  border: 1px solid #ddd;
  margin-bottom: 1rem;
  border-radius: 0.25rem; }
  .notification .notification-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 1.2rem; }
    .notification .notification-wrap img {
      height: 2rem;
      width: 2rem;
      max-width: 2rem;
      margin-right: 0.5rem; }
    .notification .notification-wrap .fa-retweet, .notification .notification-wrap .fa-thumbs-down, .notification .notification-wrap .fa-comment, .notification .notification-wrap .fa-envelope, .notification .notification-wrap .fa-envelope-open, .notification .notification-wrap .fa-user-plus {
      margin-right: 0.5rem;
      font-size: 1.8rem;
      color: #4d194c; }
  .notification .small-table {
    margin-bottom: 0;
    margin-top: 1rem;
    border: 1px solid #ddd;
    border-top: none; }
    .notification .small-table tr td {
      text-align: left;
      padding: 0.25rem;
      font-size: 0.8rem; }
      .notification .small-table tr td .profile-img {
        max-width: 2rem; }
  .notification span.light {
    font-size: 0.9rem;
    color: #888;
    margin-left: 0.5rem; }

.messages {
  display: flex;
  flex-direction: column; }
  .messages .message {
    display: flex;
    flex-direction: row;
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 0.25rem;
    margin-bottom: 1rem; }
    .messages .message .profile-img {
      max-width: 3rem;
      height: 3rem; }
    .messages .message .who {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      width: 100%;
      align-items: center;
      padding-bottom: 0.5rem; }
      .messages .message .who h5 {
        margin: 0; }
      .messages .message .who span.light {
        color: #888;
        font-size: 0.9rem; }
    .messages .message .content {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding-left: 1rem; }
      .messages .message .content p {
        margin-bottom: 0; }

.correspondance {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  border: 1px solid #ddd;
  border-radius: 0.25rem; }
  .correspondance .reply {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 0.5rem; }
    .correspondance .reply .profile-img {
      max-width: 2.2rem;
      height: 2.2rem;
      align-self: flex-end; }
    .correspondance .reply .d-flex {
      width: 100%;
      align-items: baseline; }
    .correspondance .reply .timestamp {
      color: #888;
      font-size: 0.8rem;
      padding-left: 2.7rem; }
  .correspondance .recipient .dm {
    background-color: #eee;
    padding: 0.5rem;
    border-radius: 1rem;
    border-bottom-left-radius: 0;
    max-width: 50%; }
  .correspondance .recipient .profile-img {
    margin-right: 0.5rem; }
  .correspondance .current-user .d-flex {
    width: 100%;
    flex-direction: row-reverse; }
  .correspondance .current-user .dm {
    background-color: #691e68;
    color: #fff;
    padding: 0.5rem;
    border-radius: 1rem;
    border-bottom-right-radius: 0;
    max-width: 50%; }
  .correspondance .current-user .profile-img {
    margin-left: 0.5rem; }
  .correspondance .current-user .timestamp {
    text-align: right;
    padding-right: 2.7rem;
    padding-left: 0; }

.dm-form .textbox-wrap {
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap; }
  .dm-form .textbox-wrap button {
    margin-left: 1rem; }

.coins-bg {
  padding: 1rem;
  text-align: center;
  background-color: #eee; }
  .coins-bg h3 {
    margin-bottom: 0;
    color: #691e68; }

.coins-img {
  max-width: 25px;
  position: relative;
  top: -3px; }

.input-group-prepend {
  background-color: #eee;
  padding: 0.5rem;
  border: 1px solid #ddd;
  border-right: none; }

.withdrawal-table tr td {
  text-align: left;
  border-top: 0; }

.transaction-table tr th:first-child {
  text-align: left; }
.transaction-table tr td:first-child {
  text-align: left; }
.transaction-table tr td p {
  margin-bottom: 0; }

.watch-show .container-fluid {
  padding: 0 2rem; }
.watch-show .card-body {
  padding: 0; }
.watch-show .show-wrap {
  display: flex;
  flex-direction: row;
  width: 100%; }
  .watch-show .show-wrap .show {
    width: 70%;
    padding-top: 39.37%;
    background-color: #eee;
    position: relative; }
    .watch-show .show-wrap .show .unlock-overlay {
      background-size: cover;
      background-position: center center;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }
      .watch-show .show-wrap .show .unlock-overlay .background {
        /*					background-color: rgba(222, 122, 218, 0.3);*/
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%; }
      .watch-show .show-wrap .show .unlock-overlay .fa-lock-alt {
        font-size: 5rem;
        color: #4d194c; }
  .watch-show .show-wrap .sidebar {
    width: 30%;
    padding: 1rem;
    display: flex;
    flex-direction: column; }
    .watch-show .show-wrap .sidebar h1 {
      font-size: 2rem;
      border-bottom: 1px solid #ddd;
      padding-bottom: 0.5rem;
      margin-bottom: 1rem; }
    .watch-show .show-wrap .sidebar .cost {
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 1.2rem;
      font-family: "Lobster", cursive; }
      .watch-show .show-wrap .sidebar .cost .btn {
        min-width: 4rem;
        width: 100%; }
    .watch-show .show-wrap .sidebar .type {
      font-size: 1.2rem;
      font-family: "Lobster", cursive;
      padding-bottom: 1rem; }

.addgif {
  margin: 8px;
  float: left; }

.giffs {
  background-color: #020202;
  width: auto;
  height: auto;
  position: relative;
  display: inline-block; }

.embeded-content {
  /*    background-color: white;
      width: auto;
      height: auto;
      position: relative;
      display: inline-block;*/ }

.embeded-content-show {
  width: 300px;
  position: relative;
  display: inline-block; }

.input-sources {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.comment-btn-cnt {
  margin: 10px 0; }

.comment.compose-area {
  transition: all linear 0.5s;
  opacity: 0; }

.ng-hide .comment.compose-area {
  opacity: 0; }

.comment.compose-area {
  opacity: 100; }

.quote {
  padding: 10px;
  position: relative;
  display: inline-block;
  background-color: white;
  color: #4d194c; }

.quote p {
  padding: 5px; }

.repost {
  margin-left: 10%;
  border-color: rgba(77, 25, 76, 0.2);
  border: solid 1px;
  width: 85%;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.2); }

.repost.commod {
  margin-left: 20%;
  margin-top: 10px;
  border-color: rgba(77, 25, 76, 0.2);
  border: solid 1px;
  width: 70%;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.2); }

.repost.preview {
  margin-left: 0%; }

#progress-wrp, #progress-wrp-show {
  border: 1px solid #691e68;
  padding: 1px;
  position: relative;
  height: 30px;
  border-radius: 3px;
  margin: 10px;
  text-align: left;
  background: #fff;
  box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12); }

#progress-wrp .progress-bar, #progress-wrp-show .progress-bar {
  height: 100%;
  border-radius: 3px;
  background-color: #4d194c;
  width: 0;
  box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11); }

#progress-wrp .status, #progress-wrp-show .status {
  top: 3px;
  left: 50%;
  position: absolute;
  display: inline-block;
  color: white; }

.img-preview {
  width: 80%;
  margin-left: 10%;
  margin-top: 10px; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.video-container-landscape {
  position: relative;
  padding-bottom: 50%;
  padding-top: 25px;
  height: 0; }

.video-container-portrait {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 166%;
}

.video-container-square {
  position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 100%;}


.video-container-landscape iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-container-portrait iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-container-square iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
  overflow: visible; }

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block; }

.autocomplete input {
  border: 1px solid transparent;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 10px;
  font-size: 16px; }

.autocomplete input[type=text] {
  background-color: #fff;
  border: 2px solid #ced4da;
  border-radius: 5px;
  width: 100%;
  margin-bottom: 5px;
  font-family: inherit; }

.autocomplete input[type=submit] {
  background-color: DodgerBlue;
  color: #fff; }

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0; }

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4; }

.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: rgba(255, 255, 255, 0.2); }

.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff; }

.countdown {
  position: relative;
  display: inline-block;
  font-size: 1.2rem;
  margin-bottom: 1rem;
  color: red; }

.testscreen {
  position: relative;
  background-image: url(../img/testscreen.jpg);
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover; }

div#video {
  float: left;
  width: 100%;
  height: 100%; }

/*div#joinvideo {
    float:left; 
    width:50%;
    height:200px;
}*/
.active-users {
  height: 300px;
  overflow-y: scroll;
  background-color: rgba(77, 25, 76, 0.2);
  padding: 10px; }

.viewers-title {
  margin-top: 20px; }

.add-host {
  font-size: 0.65rem;
  font-weight: bold;
  font-family: "Roboto Condensed", sans-serif; }

.show-wrap .sidebar {
  min-height: 500px; }

.billing label {
  margin-bottom: .3rem;
  margin-top: .8rem; }

.tab-pane > .tab-content {
  display: none;
  height: 0px; }

.active > .tab-content {
  display: inline-block;
  height: auto;
  width: 100%; }

.ban-button {
  margin-left: 10px;
  height: 46px; }

.formextra {
  background-color: white;
  padding: 20px;
  border-radius: 2px;
  width: 95%; }

/*#comstar {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
}

#comboo {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
}

#comcheer {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
}*/
.comanim {
  -moz-animation-iteration-count: 3;
  -webkit-animation-iteration-count: 3;
  -ms-animation-iteration-count: 3; }

.card.joiners {
  width: 100%;
  height: 33%;
  background-color: transparent;
  position: absolute;
  top: 0px;
  border: 0px; }

.card.streams {
  width: 33%;
  height: 100%;
  background-color: transparent;
  position: relative !important;
  border: 0px; }

.card.localstream {
  width: 33%;
  height: 0px;
  background-color: transparent;
  border: 0px; }

.card.mainstream {
  width: 100%;
  height: 100%; }

.card.localstream.joined {
  height: 100%; }

.btn-group-xs > .btn, .btn-xs {
  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem; }

.light-bg {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 10px;
  color: white; }

.light-bg h5 {
  color: white; }

.forgot-link {
  min-height: 32px;
  padding-left: 7px; }

.banned-box {
  position: relativel;
  width: 90px;
  margin-left: 20px; }

tr.highlight {
  background-color: #fbda3c !important; }

.editpost {
  z-index: 1000; }

div.ng-enter {
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0; }

div.ng-enter-active {
  opacity: 1; }

.fbshare {
  text-align: center;
  padding-bottom: 100px; }

.ptr--text {
  color: white !important; }

.embeded-content h2, .embeded-content h5 {
  text-align: center; }

.booedoff {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 20px;
  top: 8px; }

.interactions {
  margin-bottom: 20px; }

.interactions_link {
  font-size: 11px; }

.loading {
  color: white; }

video {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.help {
  color: #395499;
  font-size: 1.3em;
  cursor: pointer; }

/*applause comanim rubberBand comstar ng-animate ng-hide-animate ng-hide-add ng-hide ng-hide-add-active
applause comanim rubberBand comstar ng-hide*/

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