@charset "UTF-8";



/* Prevents img without src to appear */
img:not([src]) {
    visibility: hidden;
}
.embed-responsive.embed-responsive-16by9 {
	padding-bottom: 56.25%;
}
.enter-chat-banner{
	font-size: 22px;
	color:#fff
}
.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
#chat-wrapper{
	max-width: 920px;
	margin: 15px auto
}

/* feed styles below */
/* feed styles below */


.md__grid {
	display:block;
	padding:0;
	margin:0 -2px;
	text-align:left
	
}
.md__grid:before, .md__grid:after {
	content:" ";
	display:table
}
.md__grid:after {
	clear:both
}
.md__grid>li {
	display:inline;
	height:auto;
	float:left;
	padding:0 2px 4px
}
.md__grid>li {
	width:25%;
	padding:0 2px 4px
}
.md__grid>li:nth-of-type(n) {
clear:none
}
.md__grid>li:nth-of-type(4n+1) {
clear:both
}
.tn {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	position:relative
}
.tn.status {
	margin-bottom:12px
}
.tn.status.animate {
	margin-bottom:24px
}
.md__wrapper {
	position:relative
}
.md__wrapper::after {
display:block;
width:100%;
padding-top:75%;
content:""
}
.md__overlay {
	overflow:hidden
}
.special-show .md__overlay {
	border:4px solid #39c;
	border-bottom:0
}

.md__overlay, .md__img, .rollover__client, .disconnect__container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border-radius: 2%;

}
.md__bottom {
	-webkit-transition:bottom 0.1s;
	transition:bottom 0.1s;
	position:absolute;
	bottom:0;
	width:100%;
	padding-bottom:24px
}

.animate:hover .md__bottom {
	bottom:24px
}
.hide-info .md__bottom {
	display:none
}
.md__rating {
	position: absolute;
	z-index: 1;
	right: 5px;
	line-height: initial;
}
.md__about {
	color:#fff;
	position: absolute;
	right: 2px;
	bottom: 4px;
	background-color:#84080ab0;
	padding: 3px 5px;
	border-radius: 7px;
	font-size: 0.7em;
}
.md__separator {
	padding:0 0.2em;
	font-size:12px;
	color:rgba(255, 255, 255, 0.5)
}
.md__headline {
	height:24px;
	padding:0 12px;
	font-size:10px;
	line-height:12px;
	color:#d9d9d9;
	background:rgba(0, 0, 0, 0.5);
	position:absolute;
	top:100%;
	width:100%
}
.md__name {
	background:	#2d2d2d;
	font-size: 0.8em;
	color: #fff !important;
	position: absolute;
	bottom: 4px;
	left: 2px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	padding: 3px 5px;
	border-radius: 7px;	
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);

	z-index: 2
}
.animate:hover .md__name,.animate:hover .md__about,.animate:hover .md__status,.animate:hover .md__rating {
	opacity: 0.5;
}
.hide-info .md__name {
	display:none
}

.md__status {
	position: absolute;
	top: 2px;
	left: 2px;
	background: #33cc00;
	font-size: 10px;
	padding: 2px 7px;
	text-transform: uppercase;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
	border-radius: 7px;
	color: #fff
}
tatus.party-chat, .md__status.online {
	color:#fff;
	background-color:#3c0
}
.md__status.gold-show {
	color:#000;
	background-color:#ff0
}
.md__status.private-show {
	color: #fff;
	background-color: #F6C
}
.md__status.having-a-break {
	color: #000;
	background-color: #CF0
}
.md__status.gold-show-in-progress {
	color:#000;
	background-color:#ff0
}
.md__status.offline {
	color:#fff;
	background-color:#222
}
.special-show .md__status {
	color:#fff;
	background-color:#39c
}

.selected .md__status {
	line-height:12px !important
}
#feed * ul, ol, dl {
	font-size:1em;
	line-height:1.4;
	margin-bottom:1.25em;
	list-style-position:outside;
	font-family:inherit
}
#feed * ul, ol {
	margin-left:30px
}
ul.md__grid * ul.no-bullet, ol.no-bullet {
	margin-left:30px
}
ul.md__grid * ul li ul, ul li ol {
	margin-left:1.25em;
	margin-bottom:0;
	font-size:1em
}
ul.md__grid a {
	text-decoration:none;
	line-height:inherit;
}

ul.md__grid a img {
	border:none;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

}

.animate:hover a img {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

ul.md__grid *, *:before, *:after {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.icon--star {
	color:#ff0;
	font-size:10px;
	text-shadow:0 0 2px #b2b300
}
.icon--star:before {
	content:"\f005"
}
.icon--star+.icon--star {
	margin-left:-0.25em
}
.rating4_half .icon--star:nth-child(5):before {
content:"\f123"
}
.rating4 .icon--star:nth-child(5):before, .rating3_half .icon--star:nth-child(5):before, .rating3 .icon--star:nth-child(5):before, .rating2_half .icon--star:nth-child(5):before, .rating2 .icon--star:nth-child(5):before, .rating1_half .icon--star:nth-child(5):before, .rating1 .icon--star:nth-child(5):before, .rating0_half .icon--star:nth-child(5):before, .rating0 .icon--star:nth-child(5):before {
content:"\f006"
}
.rating3_half .icon--star:nth-child(4):before {
content:"\f123"
}
.rating3 .icon--star:nth-child(4):before, .rating2_half .icon--star:nth-child(4):before, .rating2 .icon--star:nth-child(4):before, .rating1_half .icon--star:nth-child(4):before, .rating1 .icon--star:nth-child(4):before, .rating0_half .icon--star:nth-child(4):before, .rating0 .icon--star:nth-child(4):before {
content:"\f006"
}
.rating2_half .icon--star:nth-child(3):before {
content:"\f123"
}
.rating2 .icon--star:nth-child(3):before, .rating1_half .icon--star:nth-child(3):before, .rating1 .icon--star:nth-child(3):before, .rating0_half .icon--star:nth-child(3):before, .rating0 .icon--star:nth-child(3):before {
content:"\f006"
}
.rating1_half .icon--star:nth-child(2):before {
content:"\f123"
}
.rating1 .icon--star:nth-child(2):before, .rating0_half .icon--star:nth-child(2):before, .rating0 .icon--star:nth-child(2):before {
content:"\f006"
}
.rating0_half .icon--star:nth-child(1):before {
content:"\f123"
}
.rating0 .icon--star:nth-child(1):before {
content:"\f006"
}
ul.page-numbers  {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #333;
	margin-left:-30px;
	float:right;
	display:inline-block;
	text-decoration: none;
	list-style-type:none
}
.page-numbers li{
	float:left;
}
.page-numbers li a{
	margin:5px
}
.page-numbers li a{
	background-color: #CC3300;
	font-size: 20px;
	color: #fff;
	padding: 3px 10px 3px 10px;
	text-decoration: none;
		-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;

	-webkit-transition: all .10s ease-out;
	   -moz-transition: all .10s ease-out;
		 -o-transition: all .10s ease-out;
			transition: all .10s ease-out;

	-webkit-touch-callout: none; 
	  -webkit-user-select: none; 
	   -khtml-user-select: none; 
		 -moz-user-select: none; 
		  -ms-user-select: none; 
			  user-select: none;
}
.page-numbers li a:hover {
	background-color: #993300;
	color:#fff;
}
.pageselected {
    color: #333!important;
}
li a.prev-next i{
	margin-top:-10px;
}
li a.prev-next {
	font-size: 36px;
	color: #CC3300;
	padding: 0px;
	background: none;
	border: 0px!important;
}
li a.prev-next:hover {
	color:#993300;
	background: none;
}

@media (max-width: 700px) {
	.md__grid>li {
	width:33%;
	padding:0 2px 4px
}
.md__grid>li:nth-of-type(n) {
clear:none
}
.md__grid>li:nth-of-type(3n+1) {
clear:both
}

}
@media only screen and (max-width: 650px) {
	.md__grid>li {
	width:50%;
	padding:0 2px 4px
}
.md__grid>li:nth-of-type(n) {
clear:none
}
.md__grid>li:nth-of-type(2n+1) {
clear:both
}

}


.offln-cg-pic {
	position: relative;
	overflow: hidden;
}
ul li .offln-cg-pic img {
	width: 100%;
	border-radius: 6px;
	height: auto;
}
#chat-object #mod-offline ul, ul.offln-cg-pic {
	padding: 0px;
	display: inherit;
}
.offln-cg-pic figure {
	margin: 0;
	padding: 0;
	position: relative;
	cursor: pointer
}
.offln-cg-pic figure img {
    display:block;
    position:relative;
    z-index:10;
    margin:-15px 0;
			-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.75);
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.75);
}
.offln-cg-pic figure figcaption {
    display:block;
    position:absolute;
    z-index:5;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.offln-cg-pic figure h2 {
	text-align: left
}
.offln-cg-pic figure p {
	color: #333;
	text-align: left
}
.offln-cg-pic figure figcaption {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 29px 44px;
	background-color: #2D2D2D;
	text-align: center;
	backface-visibility: hidden;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	color: #fff;
}
.offln-cg-pic figure img {
    backface-visibility:hidden;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.offln-cg-pic figure:hover img,figure.hover img {
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.offln-cg-pic figure:hover figcaption,figure.hover figcaption {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	border-radius: 6px;
	transform: rotateY(0)
}



.loader-ellips {
  font-size: 20px; /* change size here */
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}

.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #555; /* change color here */
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}
.page-load-status {
  display: none; /* hidden by default */
  padding-top: 20px;
  border-top: 1px solid #DDD;
  text-align: center;
  color: #777;
}