/*
	
	#A81955
	rgba(168, 25, 85, 1)

*/

.flex-break {
  flex-basis: 100%;
  width: 0;
}

body.dark .table-responsive .darkInvert:fullscreen{
		filter: none !important;
	}
	
.pickProfilePhoto{
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
	}
	
#assetGrid .mbsc-gridView.pickProfilePhoto{
	transform: scale(0.9);
	}
		
.pickProfilePhoto:hover{
	border-radius: 50%!important;
	overflow: hidden;
	}

#changeProfilePic{
	
	display: block;
	position: absolute;
	background: rgba(0,0,0,.5);
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 10;
	border-radius: 50%;
	overflow: visible;
	opacity: 0;
	transition: opacity: 0.3s ease;
	cursor: pointer;
	}
	
#changeProfilePic:hover,
#changeProfilePic:active{
	opacity: 1;
	}
	
#changeProfilePic:hover button,
#changeProfilePic:active button{
	opacity: .8;
	}
	
#changeProfilePic button{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.3s ease;
	}
	
@media only screen and (min-width: 0px) { 
	#changeProfilePic button{
		padding-left: 3px;
		padding-right: 3px;
	}
#assetGrid.selectProfilePicGrid{
	padding-left: 1rem;
	padding-right: 1rem;
	}


}
@media only screen and (min-width: 768px) { 
	#changeProfilePic button{
	padding-left: 30px;
	padding-right: 30px;
	}
#assetGrid.selectProfilePicGrid{
	padding-left: 30px;
	padding-right: 30px;
	}
}




.moreBadges{
	display: inline-block;
	background-color: rgb(239, 239, 244);
	border-radius: 5px;
	padding: 0px 7px;
	transition: all 0.2s ease;
	margin-left: 8px;
	cursor: pointer;
}

#profileUsername span.moreBadges i{
	margin-left: 0px;
}


body.jffdark .moreBadges{
	background-color: #000;
	color: rgba(255,255,255,.4);
}

body.jffdark .moreBadges:hover{
	background-color: rgb(58, 58, 58);
}

.moreBadges i{
	margin-left: 0px;
}

.moreBadges:hover{
	background-color: rgb(202, 202, 202);
}

.moreBadges:hover i{
	text-decoration: none;
}

.badgeDrawer{
	display: flex;
	padding-top: 0px;
	flex-flow: row wrap;
	justify-content: center;
	justify-content: space-evenly;
	padding-bottom: 12px;
	
}

.badgeDrawer > *{
	margin: 14px 7px;
}



a.customVideoNotice{
	display: block;
	text-decoration: none;
	background-color: #5BB7C5;
	border-radius: 5px;
	text-align: left;
	position: relative;
	height: 38px;
	line-height: 38px;
	transition: all 0.2s ease;
	color: #FFF;
	overflow: hidden;
	margin: 3px 12px 12px 12px;
	white-space: nowrap;
	}
	
a.customVideoNotice:hover{
	background-color: #5BB7C5;
	}
	
a.customVideoNotice span{
	height: 38px;
	line-height: 38px;
	display: block;
	float: left;
	transition: all 0.3s ease;
	}
	
a.customVideoNotice span.cvLeft{
	width: 49px;
	text-align: center;
//	background-color: rgba(0,0,0,.2);
//	color: rgba(0,0,0,.65);
	font-size: 29px;
//	box-shadow: inset 0px 0px 10px rgba(0,0,0,.35);
	}
	
@media only screen and (min-width: 0px) { 
	a.customVideoNotice span.cvLeft{ display: none; } 
	a.customVideoNotice span.cvMiddle{ font-size: 11px; } 
	a.customVideoNotice span.cvRight{ font-size: 11px; padding-left: 5px; padding-right: 5px;}
	}

@media only screen and (min-width: 325px) { 
	a.customVideoNotice span.cvLeft{  } 
	a.customVideoNotice span.cvMiddle{ font-size: 13px; } 
	a.customVideoNotice span.cvRight{ font-size: 12px; padding-left: 10px; padding-right: 10px;}
	}

@media only screen and (min-width: 410px) { 
	a.customVideoNotice span.cvLeft{ display: block; } 
	a.customVideoNotice span.cvMiddle{ font-size: 15px; } 
	a.customVideoNotice span.cvRight{ font-size: 13px;  padding-left: 15px; padding-right: 15px;}
	}

	
a.customVideoNotice span.cvMiddle{
	text-align: left;
	display: block;
	padding-left: 15px;
	color: rgba(255,255,255,1);
	}
	
a.customVideoNotice span.cvRight{
	display: block;
//	background-color: rgba(0,0,0,.5);
//	color: rgba(255,255,255,.5);
	float: right;
//	box-shadow: inset 0px 0px 10px rgba(0,0,0,.35);
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 4;
	}
	
a.customVideoNotice:hover span.cvRight{
	color: rgba(255,255,255,.8);
	background-color: rgba(0,0,0,.2);
	}
	
#profileUsername span{
	color: rgba(0,0,0,.4);
	font-size: 13px;
	font-weight: normal;
	display: inline-block;
	}
	
#profileUsername span i{
	display: inline-block;
	margin-left: 15px;
	}

	
body.dark #profileUsername span{
	color: rgba(255,255,255,.4);
	}

#profileTextSmall p br{ display: none }

a.categoryName{
	display: block;
	width: 100%;
	height: 0px;
	padding-bottom: 100%;
	position: relative;
	background-color: rgba(168, 25, 85, .6);
	border-radius: 5px;
	box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.37),3px 3px 10px rgba(0, 0, 0, 0.2);
	text-align: left;
	}
	
a.categoryName span{
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	right: 8px;
	bottom: 8px;
	font-size: 28px;
	color: #FFF;
	text-decoration: none;
	text-align: left;
	}
	
a.categoryName:hover{
	background-color: rgba(168, 25, 85, 1);
	}

i.fa-bordered{
	display: inline-block;
	padding: 3px;
	background-color: rgba(130,130,130,.09);
	border: 1px solid rgba(130,130,130,.2);
	border-radius: 4px;
	}

.videoProcessingNotice{
	
	display: block;
	width: 100%;
	min-height: 300px;
	background-color: rgba(130,130,130,.2);
	box-shadow: inset 0px 0px 21px rgba(0, 0, 0, 0.18);
	position: relative;
	}
	
.videoProcessingNotice span{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 90%;
	max-width: 448px;
	transform: translate(-50%, -50%);
	opacity: .6;
	text-align: center;
	}
	
.videoProcessingNotice span i{
	display: block;
	font-size: 36px;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	opacity: .6;
	}
	
@media only screen and (min-width: 0px) { .videoProcessingNotice{ min-height: 200px; } }
@media only screen and (min-width: 768px) { .videoProcessingNotice{ min-height: 300px; } }
@media only screen and (min-width: 1400px) { .videoProcessingNotice{ min-height: 400px; } }


tr.odd td{
	background-color: rgba(130,130,130,.05);
	}

@media only screen and (min-width: 0px) { 

	.OneliveComment{
		margin: 6px 10px 6px 6px;
		font-size: 15px;
		display: block;
		border-radius: 10px;
		position: relative;
		}
		
	.OneliveComment > span{
		background-color: #38a5f3;
		display: block;
		border-radius: 10px;
		padding: 7px 10px;
		color: #FFF;
		font-size: 15px;
		}
			
	body.dark .OneliveComment > span{
		background-color: #1d7ec4;
		color: #FFF;
		}
	
	.OneliveComment.OneliveTip > span,
	body.dark .OneliveComment.OneliveTip > span{
		background-color: #A81955;
		}
	
		
	.OneliveComment b{
		opacity: .5;
		font-weight: normal;
		display: block;
		height: 100%;
		position: relative;
		white-space: nowrap;
		text-align: left;
		padding: 3px 5px 5px 9px;
		font-size: 13px;
		}
		
}

@media only screen and (min-width: 450px) { 

	.OneliveComment{
		margin: 6px 10px 6px 6px;
		font-size: 15px;
		display: block;
		border-radius: 10px;
		padding-left: 130px;
		position: relative;
		}
		
	.OneliveComment > span{
		background-color: #38a5f3;
		display: block;
		border-radius: 10px;
		padding: 7px 10px;
		color: #FFF;
		}
			
	body.dark .OneliveComment > span{
		background-color: #1d7ec4;
		color: #FFF;
		}
	
	.OneliveComment.OneliveTip > span,
	body.dark .OneliveComment.OneliveTip > span{
		background-color: #A81955;
		}
	
		
	.OneliveComment b{
		opacity: .5;
		font-weight: normal;
		display: block;
		min-height: 100%;
		float: left;
		height: 100%;
		position: absolute;
		left: 9px;
		top: 6px;
		max-width: 117px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-align: right;
		width: 110px;
		}
	
}
	

.eb-dashed{
	background: transparent!important;
	border: 2px dashed rgba(130,130,130,.35)!important;
	color: #7f7f7f!important;
	text-decoration: none!important;
	}

.eb-dashed:hover{
	background: rgba(130,130,130,.1)!important;
	border: 2px dashed rgba(130,130,130,.45)!important;
	color: #7f7f7f!important;
	text-decoration: none!important;
	}

button.editable-submit, button.editable-cancel, .editable-input select, .editable-input input, input.prettyInput{
	-moz-box-shadow: inset -3px -3px 10px #eee;
	-webkit-box-shadow: inset -3px -3px 10px #eee;
	box-shadow: inset -3px -3px 10px #eee;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid rgba(130,130,130,.4);
	background-color: #FFF;
	margin-right: -2px;
	font-size: 16px;
	color: rgba(0,0,0,.5);
	}
	
button.button.editable-submit, button.button.editable-cancel{
	padding: 9px;
	color: rgba(0,0,0,.5);
	}
	

body.dark button.editable-submit, body.dark .editable-input select, body.dark .editable-input input{
	color: rgba(0,0,0,.5);
	background-color: #FFF;
}

.numBadge{
	display: inline-block;
	height: 1px;
	overflow: visible;
	position: relative;
	}
	
.numBadge div{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	padding: 3px 6px;
	border-radius: 7px;
	background-color: #4a4a4a;
	color: rgba(255,255,255,.6);
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	top: -2px;
	left: 6px;
	}
	
body.dark .numBadge div{
	
	}

.smallPostArea{
	max-width: 350px;
	overflow: hidden;
	}
	
.smallPostArea .mbsc-card video{
	max-width: 350px!important;
	}

a.mutedLink, .mutedLink{
	color: #000;
	text-decoration: underline;
	}
	
a.mutedLink:hover, .mutedLink:hover{
	color: #272727;
	text-decoration: underline;
	}

body.dark a.mutedLink, body.dark .mutedLink{
	color: #FFF;
	text-decoration: underline;
	}
	
body.dark a.mutedLink:hover, body.dark .mutedLink:hover{
	color: #cbcbcb;
	text-decoration: underline;
	}
	
@media only screen and (min-width: 0px) { 
	#LoadingSearch h3{
		position: absolute; 
		top: 50%; 
		left: 50%; 
		transform: translate(-50%, -50%); 
		top: calc(50% - 54px); 
		width: 100%; 
		text-align: center;
		
		font-size: 1em;
		}
	}

@media only screen and (min-width: 560px) { 
	#LoadingSearch h3{
		font-size: 1.5em;
		}
	}

.mbscinputarea{
	display: block;
	overflow: hidden;
	max-width: 500px;
	position: relative;
	}

.userInfoPane{
	max-width: 500px;
	}

.mb5{
	margin-bottom: 5px!important;
	}

div.hr{
	display: block;
	position: absolute;
	border: 0px;
	padding: 0px;
	margin: 0px;
	height: 1px;
	top: 50%;
	left: 0px;
	width: 100%;
	overflow: hidden;
	background: rgb(130,130,130);
	background: linear-gradient(90deg, rgba(130,130,130,0) 0%, rgba(130,130,130,0.35) 50%, rgba(130,130,130,0) 100%);
	}

@media only screen and (min-width: 0px) { 
	#p-findr .exploreIndividual .mbsc-col-6 a.eb i{ display: none; }
	#p-findr .exploreIndividual .mbsc-col-6 a.eb{ padding: 5px 0px; }
	} 
@media only screen and (min-width: 560px) { 
	#p-findr .exploreIndividual .mbsc-col-6 a.eb i{ display: inline-block; margin-right: 7px;}
	#p-findr .exploreIndividual .mbsc-col-6 a.eb{ padding: 6px 15px; }
	} 
.statsPart{
	display: inline-block;
	width: auto;
	text-align: left;
	margin-left: 14px;
	opacity: .9;
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 0px;
	vertical-align: middle;
	color: #FFF;
	text-shadow: 0px 0px 5px black;
	font-weight: normal;
	}
	
.statsPart div{
	padding: 3px 0px;
	}


.eb-spacing a.eb, .eb-spacing a.eb.eb-block{ margin-bottom: 10px; }
.eb-spacingsmall a.eb, .eb-spacingsmall a.eb.eb-block{ margin-bottom: 5px; }

@media only screen and (min-width: 0px) { 
	#adminStats .mbsc-col-6 div.panel{ padding: 7px; margin: 0px -6px -1px -6px; }
	#adminStats .mbsc-col-6 .info-box-icon{ font-size: 22px; }
	#adminStats .mbsc-col-6 .info-box-stats p.counter{ font-size: 22px; }
	#adminStats .mbsc-col-6 .info-box-title{ margin: 15px 8px 10px 8px; font-size: 14px; }
	} 
	
@media only screen and (min-width: 500px) {

	#adminStats .mbsc-col-6 div.panel{ padding: 15px; margin: 0px -5px 1px -5px; }
	#adminStats .mbsc-col-6 .info-box-icon{ font-size: 31px; }
	#adminStats .mbsc-col-6 .info-box-stats p.counter{ font-size: 31px; }
	#adminStats .mbsc-col-6 .info-box-title{ margin: 20px 15px 10px 15px; font-size: 16px; }
  } 

@media only screen and (min-width: 1000px) {

	#adminStats .mbsc-col-6 div.panel{ padding: 15px; margin: 0px -5px 1px -5px; }
	#adminStats .mbsc-col-6 .info-box-icon{ font-size: 25px; }
	#adminStats .mbsc-col-6 .info-box-stats p.counter{ font-size: 25px; }
	#adminStats .mbsc-col-6 .info-box-title{ margin: 20px 15px 10px 15px; font-size: 15px; }
  } 


@media only screen and (min-width: 1145px) {

	#adminStats .mbsc-col-6 div.panel{ padding: 15px; margin: 0px -5px 1px -5px; }
	#adminStats .mbsc-col-6 .info-box-icon{ font-size: 31px; }
	#adminStats .mbsc-col-6 .info-box-stats p.counter{ font-size: 31px; }
	#adminStats .mbsc-col-6 .info-box-title{ margin: 20px 15px 10px 15px; font-size: 16px; }
  } 



div.panel.info-box{
	margin: 0px -5px 0px -5px;
	}

#CCForm{
	background-color: #FFF;
	}
	
body.dark #CCForm{
	background-color: #0f0f0f;
	}

@media only screen and (min-width: 0px) { .responsive-columns{ column-count: 1; }  } 
@media only screen and (min-width: 320px) { .responsive-columns{ column-count: 2; }  } 
@media only screen and (min-width: 520px) { .responsive-columns{ column-count: 3; }  } 


.touchevents #bottom-nav .mbsc-ms-icons.mbsc-ms-txt .mbsc-ms-item{
	padding-top: 42px;
	padding-bottom: 3px;
	}
	
.touchevents #bottom-nav .mbsc-ms-ic:before{ 
	top: 14px;
	}
/* custom styles for timeline */

body.jffdark .cd-timeline-content{
	background-color: #000;	
	}

body.jffdark .cd-timeline-content::before,
body.jffdark .cd-timeline-content::before{
	filter: invert(1);
	}
	
body.jffdark .cd-timeline-img{
	box-shadow: 0 0 0 4px #5e5e5e, inset 0 2px 0 rgba(255,255,255, 0.08), 0 3px 0 4px rgba(255,255,255, 0.05);
	}
	
body.jffdark #cd-timeline::before{
	background: #5e5e5e;
	}
	
.cd-container h2{
	margin: 5px;
	margin-top: 2px;
	}

.cd-container p{
	margin: 5px;
	}
	
.cd-timeline-content .cd-date{
	padding: 17px 5px 5px 5px;
	}

span.postAccessControl{
	opacity: .4;
	font-size: 13px;
	margin-left: 6px;
	display: inline-block;
	background-color: rgba(255,255,255,.75);
	}
	
body.dark span.postAccessControl{
	padding: 3px;
	border-radius: 3px;
	position: relative;
	top: -2px;
	opacity: 1;
	background-color: rgba(255,255,255,.4);
	transform: scale(.85);
	}

span.postAccessControl i{
	position: relative;
	top: -1px;
	}

/* custom tooltipster look: */

.tooltipster-sidetip.tooltipster-borderless .tooltipster-box {
	border: none;
	background: #1b1b1b;
	background: rgba(0, 0, 0, .8);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: normal;
	font-size: 13px;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, .75), inset 0px 0px 29px rgba(255,255,255,.2);
	line-height: 13px;
}

body.dark .tooltipster-sidetip.tooltipster-borderless .tooltipster-box {
	border: 1px solid rgba(255, 255, 255, .1);
	background: rgba(30, 30, 30, .9);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, .75);
}

.tooltipster-sidetip .tooltipster-content{
	color: #b9b9b9;
	color: rgba(255,255,255,.7);
	line-height:16px;
	text-align: center;
	padding:14px 14px;
	}

.videoPreview{ 
	z-index: 5; 
	box-shadow: none;
	transition: all .4s ease;
	}

.footer{
	display: block;
	padding: 46px 20px 100px 20px;
	background-color: #0f0f0f;
	color: #FFF;
	text-align: center;
	}
	
.footer p{
	color: rgba(255,255,255,.6);
	text-align: center;
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-family: arial, verdana, sans-serif;
	}
	
.footer p i{
	color: rgba(255,255,255,.3);
	font-style: normal;
}

.footer p a{
	color: rgba(168, 25, 85, .75);
	text-decoration: none;
	}

.footer p a:hover{
	color: rgba(168, 25, 85, 1);
	text-decoration: none;
	}
@media only screen and (min-width: 0px) { .footer{ margin-left: 0px; }} 
@media only screen and (min-width: 912px) { .footer{ margin-left: 300px;} }} 

@media only screen and (min-width: 0px) { body > .mbsc-ms-bottom.mbsc-ms-c{ left: 0px; }} 
@media only screen and (min-width: 912px) { body > .mbsc-ms-bottom.mbsc-ms-c{ left: 295px; } }} 


.loggedOutMedia, .postArea.listView .loggedOutMedia{
	position: relative;
	margin: 0;
	padding: 0;
	}
	
	
.postArea.gridView .loggedOutMedia{ position: static !important; }
	
.postArea.gridView .lockedContent, .postArea.gridView .lockedContent.lockedContentRelative{ display: none; }	
	
.lockedContent{
	position: absolute;
	width: 100%;
	max-width: 400px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 5;
	
	}
	
.postArea.listView .loggedOutMedia .galleryWrapper + .lockedContent{
	top: calc(50% + 63px);
	}

.lockedContent.lockedContentRelative{
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px auto;
	transform: none;
	padding: 13px 20px 25px 20px;
	border-radius: 0px 0px 10px 10px;
	max-width: 90%;
	box-shadow: inset 0px -10px 21px rgba(0,0,0,.4), 2px 10px 15px rgba(130,130,130,.4);
	z-index: 4;
	
	background-image: url('/images/blur4.jpg');
	background-position: center center;
	background-size: cover;
	}
	
body.dark .lockedContent.lockedContentRelative{
	box-shadow: inset 0px -10px 21px rgba(0,0,0,.4), 2px 10px 15px rgba(0,0,0,.4);
}
	
.lockedContent > i.fas{
	display: inline-block;
	font-size: 83px;
	color: #FFF;
	color: rgba(255,255,255,.85);
	text-shadow: 0px 0px 10px black;
	}
	
.lockedContent > span{
	display: block;
	margin: 20px 0px;
	font-size: 24px;
	color: rgba(255,255,255,.85);
	text-shadow: 0px 0px 10px black;
	}
	
.lockedContent > div{
	display: block;
	text-align: center;
	}
	
body.light .lockedContent > div button.eb, body.dark .lockedContent > div button.eb{
	box-shadow: 1px 1px 12px rgba(0,0,0,.46);
	}
	
.no-touchevents .lockedContent > div button.eb{
	transform: scale(1,1);
	transition: all 0.2s ease;
	background-color: rgba(168, 25, 85, .95);
	}
	
.no-touchevents .lockedContent > div button.eb:hover{
	transform: scale(1.07);
	box-shadow: 1px 1px 21px rgba(0,0,0,.32);
	background-color: rgba(168, 25, 85, 1);
	}
	
.lockedContentGallery{
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 4;
	}

	
@media only screen and (min-width: 0px) { 
	.lockedContent > i.fas{ font-size: 60px; }
	.lockedContent > span{ font-size: 19px; }
	}
	
@media only screen and (min-width: 768px) { 
	.lockedContent > i.fas{ font-size: 83px; }
	.lockedContent > span{ font-size: 24px; }
	} 


i.famr, button.eb i.famr, a.eb i.famr{ margin-right: 10px; }

.resp-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 700px;
    height: 300px;
	transition: height 0.3s ease;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    z-index: 9;
}

.resp-container .loader{
	z-index: 8;
	}

div.lity-content > div.mbsc-form{ background: transparent; }

body.light .CommentForm{ background: #FFFFFF; }
body.dark .CommentForm{ background: #0f0f0f; }

.thatsIt{
	width: 100%!important;
	top: 20px;
	clear: both;
	border-radius: 10px;
	background-color: rgba(130,130,130,.2);
	text-align: center;
	font-size: 16px;
	padding: 20px;
	position: relative;
	margin-bottom: 40px;
	}
	
.thatsIt i{
	display: block;
	margin: 0px auto 20px auto;
	color: #32b700;
	font-size: 83px;
	}

#postAreaAutoScrollStoreItems.sf-digital div.mbsc-card.storeDownload,
#postAreaAutoScrollStoreItems.sf-physical div.mbsc-card.storeProduct{
	display: block;
	}

#postAreaAutoScrollStoreItems.sf-digital div.mbsc-card.storeProduct,
#postAreaAutoScrollStoreItems.sf-physical div.mbsc-card.storeDownload{
	display: none;
	}


.storeFilter{
	
	margin-top: 7px;
	margin-bottom: 15px;
	
	}

body.light .lity-content #friendsPanel a.modelBadge span b{
	background-color: #b4b4b5;
	color: #333333;
	}

body.dark .mbsc-card-content label.mbsc-checkbox{
	background-color: #0f0f0f;
	background: #0f0f0f;
	}

.pad15{ padding: 15px; }

.oneLineEllipsis{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}

ul.mbsc-lv > a, ul.mbsc-lv > a > li, ul.mbsc-lv > a > li{
	text-decoration: none;
	}

.panel.panel-bordered, .panel.panel-outline{
	border: 1px solid rgba(130,130,130,.15);
	}
	
.panel.panel-outlineStrong{
	border: 1px solid rgba(130,130,130,.35);
	}

.panel.panel-bg, body.dark .panel.panel-bg{
	background: rgba(130,130,130,.05);
	}

.AttachedMedia video{
	display: block;
	margin: 17px auto 5px auto;
	max-width: 450px;
	}

.dropzone.jffDropZone{
	display: block;
	border: 3px dashed #A81955;
	border-radius: 10px;
	margin: 10px 15px;
	background: rgba(0,0,0,.04);
	min-height: 50px;
	padding: 60px 20px;
	}
	
.dropzone.jffDropZone:hover{
	background: rgba(0,0,0,.07);
	}
	
body.dark .dropzone.jffDropZone{
	background: rgba(255,255,255,.04);
}
body.dark .dropzone.jffDropZone:hover{
	background: rgba(255,255,255,.07);
	}

.dropzone.jffDropZone .dz-default{
	font-size: 21px;
	text-transform: capitalize;
	}

div.smallNotification, div.smallNotification *{
	transition: all 0.2s ease;
	}

div.smallNotification{
	background-color: rgba(168, 25, 85, .9);
	color: #FFF;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	font-size: 13px;
	z-index: 9998;
	background: linear-gradient(0deg, rgba(143,0,60,1) 0%, rgba(168,25,85,1) 31%);
	}
	
div.smallNotification .systemMessage i.fas:first-child{
	position: relative;
	left: -5px;
	}
	
div.smallNotification > div{
	position: relative;
	box-sizing: border-box;
	}
	
div.smallNotification .systemMessage{
	display: block;
	position: relative;
	width: calc(100% - 32px);
	padding-left: 15px;
	height: 32px;
	line-height: 32px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;

	}
	
div.smallNotification .dismiss{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	font-size: 16px;
	background: #1a1a1a;
	color: #FFF;
	}
	
div.smallNotification .dismiss:hover{
	background-color: #070707;
	
	}

	
div.smallNotification .readMore{
	height: 32px;
	line-height: 32px;
	padding-top: 0px;
	text-decoration: none;
	width: 140px;
	padding-right: 7px;
	color: rgba(0,0,0,.85);
	margin: 0;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .85) 50%);
	}
	
div.smallNotification .readMore:hover{
	color: rgba(0,0,0,1);
	text-decoration: none;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .95) 50%);
}

@media only screen and (min-width: 900px) {
	div.smallNotification{ left: 301px; }
}

.uploadFileName{
	height: 20px;
	white-space: nowrap;
	opacity: .3;
	font-size: 12px;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: -20px;
	line-height: 20px;
	position: relative;
	z-index: 999;
	padding: 0px 15px;
	text-overflow: ellipsis;
	color: #FFF;
	top: 2px;
	}

.stepperCentered.mbsc-stepper-cont{
	display: inline-block;
	}

@-webkit-keyframes jffHighlight {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
            background: #00cb3e;
  }
  15% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  20% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  25% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  33% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  38% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
            background: #00cb3e;
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  100% {
	background: rgba(130,130,130,.04);
	  }
}
@keyframes jffHighlight {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
            background: #00cb3e;
  }
  15% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  20% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  25% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  33% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  38% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
            background: #00cb3e;
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  100% {
	background: rgba(130,130,130,.04);
	  }
}


.jffHighlight{
	-webkit-animation: jffHighlight 1.8s both;
	        animation: jffHighlight 1.8s both;
	}

.TagGroup{
	padding: 5px;
	display: block;
	margin: 0px 0px 8px 0px;
	background: rgba(130,130,130,.04);
	border-radius: 5px;
	border: 1px solid rgba(130,130,130,.15);
	text-align: center;
	}
	
 #parent-host::shadow #child-host::shadow p {
            color: blue;
        }
	
.TagGroup input.currency::before{
	content: "$";
	display: inline;
	}

body.dark .table-responsive tbody{
	filter: invert(1);
	color: #000;
	}

#SalesTable_length label,
.table-responsive label{
	line-height: 58px;
	}
	
#SalesTable_length label,
body.light .table-responsive label,
body.light .dataTables_info{
	color: #646464;
	}

body.dark #SalesTable_length label,
body.dark .dataTables_info,
body.dark .table-responsive label,
body.dark .table-responsive .dataTables_length label{
	color: #979797;
	}
	
body.dark .dataTables_info,
body.light .dataTables_info{
	padding-top: 34px;
	}

body.dark .dataTables_paginate,
body.light .dataTables_paginate{
	padding-top: 25px;
	}
	
body.dark .dataTables_length,
body.light .dataTables_length{
	margin-top: 8px;
	}
	
	

body.dark .table-responsive .dataTables_length select,
body.dark #SalesTable_length select{
	background: #000;
	color: #FFF;
	border: 1px solid #777;
	}
	
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
	background-color: #A81955!important;
	}

body.dark table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, body.dark table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
	filter: invert(1);
	}
	
body.light table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, 
body.dark table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, 
body.light table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before,
body.dark table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
	top: 50%;
	transform: translateY(-50%);
	}


body.dark .mbsc-card .table-responsive .dataTables_filter{
	background: #0f0f0f;
	}

body.light .mbsc-card .table-responsive .dataTables_filter{
	background: #FFFFFF;
	}

body.dark .table-responsive tbody a,
body.dark .table-responsive tbody button,
body.dark .table-responsive tbody img,
body.dark .table-responsive tbody video,
body.dark .table-responsive .darkInvert{
	filter: invert(1);
	}

label.doubleSizeSegmented{
	font-size: 18px;
	}

.mbsc-jffdark .mbsc-segmented-content{
	background-color: #000;
	}
	
.mbsc-jffdark.mbsc-segmented .mbsc-segmented-item input:checked+.mbsc-segmented-content{
	color: #000;
	}

#ActiveTags .mbsc-stepper-cont{
	margin: 0px auto;
	}
	

.mbsc-card-header > i.fas{ margin-right: 7px; }

.mbsc-avatar{
	object-fit: cover;
	}

a.no-underline:hover,
a.no-underline:hover button,
.mbsc-page a.no-underline:hover,
.mbsc-a.no-underline{
	text-decoration: none;
	}

.cursorPointer{
	cursor: pointer;
	}

.mbsc-card.liveShowCard{
	}

.liveShowCard .alwaysSquare::after{
	content: "";
	display: block;
	position: absolute;
	bottom: 8px;
	left: 50%;
	width: 54px;
	height: 20px;
	background-color: 	rgba(168, 25, 85, 1);
	color: #FFF;
	-webkit-transform: skew(-20deg) translateX(-50%);
	 -moz-transform: skew(-20deg) translateX(-50%);
	 -o-transform: skew(-20deg) translateX(-50%);
	 transform: skew(-20deg) translateX(-50%);
	 z-index: 2;
	 border-radius: 2px;
	 box-shadow: 0px 0px 10px rgba(0,0,0,.5);
	 }

.liveShowCard .alwaysSquare::before{
	z-index: 3;
	content: "Live!";
	display: block;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	color: rgba(255,255,255,.8);
	text-shadow: 0px 0px 5px rgba(0,0,0,.4);
	}
	
.liveShowCard p.price, .exploreMedia li.liveShowCard p.price{
	color: rgba(0,0,0,.5);
	opacity: 1;
	}
	
body.dark .liveShowCard p.price{
	color: rgba(255,255,255,.5);
	}
	
.liveShowCard i.fa-video-camera{
	display: inline-block;
	width: 22px;
	height: 22px;
	border-radius: 0px;
	background-color: rgba(168, 25, 85, 1);
	margin: 0px 0px 0px 4px;
	transform: scale(1.2,1.2);
	transition: all 0.4s ease;
	z-index: 4;
	position: absolute;
	top: 0px;
	right: 0px;
	opacity: 1;
	}
	
.liveShowCard i.fa-video-camera:before, body.dark .liveShowCard p.price i.fa-video-camera:before{
	font-size: 12px;
	position: absolute;
	top: 56%;
	left: 45%;
	color: #FFF;
	color: rgba(255,255,255,.9);
	transform: translate(-50%, -50%);
	text-shadow: 0px 0px 5px rgba(0,0,0,.4);
	}

body.dark .charitableGiverNotice, body.dark .mbsc-page p.charitableGiverNotice{
	color: rgba(255,255,255,.8);
	}


.charitableGiverNotice, .mbsc-page p.charitableGiverNotice{
	border: 1px solid rgba(168, 25, 85, .5);
	background-color: rgba(168, 25, 85, .05);
	padding: 7px;
	border-radius: 3px;
	color: rgba(0,0,0,.8);
	margin-bottom: 0px;
	}

body.dark .charitableGiverNotice, body.dark .mbsc-page p.charitableGiverNotice{
	color: rgba(255,255,255,.8);
	}

i.charitableGiver{
	display: inline-block;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: rgba(168, 25, 85, 1);
	position: relative;
	margin: 0px 0px 0px 4px;
	transform: scale(1,1);
	transition: all 0.4s ease;
	}
	
i.charitableGiver:hover{
	transform: scale(1.1,1.1);
	}
	
i.charitableGiver:before{
	font-size: 13px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-shadow: 0px 0px 5px rgba(0,0,0,.4);
	}

div.mbsc-card.panel.info-box{
	min-height: 150px;
	margin: 7px;
	}
	
.info-box-stats p.counter{
	font-size: 31px;
	text-align: left;
	opacity: .65;
	margin: 0px 0px 0px 5px;;
	}
	
.info-box-title{
	display: block;
	text-align: center;
	margin: 20px 15px 10px 15px;
	}

.info-box-icon{
	display: block;
	position: absolute;
	top: 20px;
	right: 22px;
	opacity: .4;
	font-size: 31px;
	}

.lity-content .modelSpot{
	text-align: center;
	max-width: 560px;
	position: relative;
	margin: 0px auto;
	padding-bottom: 30px;
	}
	
.lity-content .exploreTitles{ display: none; }
	
.lity-content .modelCard{
	display: inline-block;
	margin: 0px;
	
	}

.lity-content .modelSpot .spotlightFlavor, .lity-content .modelSpot .sfPics{
	display: block;
	position: relative;
	height: auto;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	max-width: 560px;
	text-align: left;
	max-height: 10000px;
	padding: 15px;
	margin: 15px auto;
	color: #000;
	color: rgba(0,0,0,.9);
	white-space: normal;
	}
	
.lity-content .modelSpot .sfPics{
	text-align: center;
	padding: 0px;
	}

.lity-content .modelSpot .sfPics img{
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	margin: 0px 0px 15px 0px;
	}
	
.lity-content button.eb.sfProfile{
	display: block;
	margin: 15px auto 0px auto;
	max-width: 220px;
	}
	
.lity-content .readMore{
	display: none;
	}
	
@media only screen and (min-width: 0px){

.faReadFull{
	display: block;
	position: relative;
	clear: both;
	margin: 0px 0px 0px 0px!important;
	}

.sfPics img{
	display: none;
	}
}
	
@media only screen and (min-width: 507px){

.faReadFull{
	display: block;
	position: absolute;
	bottom: 7px;
	right: 0px;
	margin: 0px!important;
	}

.sfPics img{
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 5px;
	object-fit: cover;
	margin-right: 10px;
	cursor: pointer;

	}


}
	
.lity-content .faReadFull{ display: none; }

	
	
button.eb.sfProfile{ display: none; }
		
body.dark .lity-content .modelSpot .spotlightFlavor{
	color: #FFF;
	color rgba(255,255,255,.9);
	}

.modelSpot{
	display: block;
	position: relative;
	margin-top: 5px;
	margin-left: 4px;
	margin-bottom: 15px;
	}
	
.modelCard{
	width: 140px;
	display: block;
	box-sizing: border-box;
	border-radius: .5em;
	overflow: hidden;
	transform: scale3d(1,1,1);
	transition: all 0.2s ease;
	}
	
.modelCard:hover{
	transform: scale3d(1.03,1.03,1);
	box-shadow: 0px 0px 3px rgba(0,0,0,.25)!important;
	}

.modelCard .mbsc-card-content{
	background: #FFF;
	}
.modelCard a{
	text-decoration: none;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	}
.modelCard a:hover{
	text-decoration: none;
	}
	
body.dark .spotlightFlavor{
	background: #0f0f0f;
	}
	
.spotlightFlavor{
	position: absolute;
	left: 140px;
	right: 5px;
	background-color: #FFF;
	border: 1px solid rgba(130,130,130,.2);
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	}
	
.spotlightFlavor i{
	margin-right: 3px;
	opacity: .75;
	}
	
.sfAboutMe, .sfOnMyPage{
	top: 2px;
	line-height: 25px;
	max-height: 64px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	overflow: hidden;
	
	}
	
.sfOnMyPage{
	top: 71px;
	}
	
.sfPics{
	position: absolute;
	left: 148px;
	right: 5px;
	top: 141px;
	}
	
	
.readMore{
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 32px;
	width: 220px;
	padding-right: 15px;
	font-size: 14px;
	padding-top: 3px;
	font-weight: bold;
	z-index: 2;
	text-align: right;
	color: rgba(0,0,0,.6);
	cursor: pointer;
	
	background-color: #FFF;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
	}
	
body.dark .readMore{
	color: rgba(255,255,255,.6);
	background-color: #0f0f0f;
	background: linear-gradient(to right, rgba(15, 15, 15, 0), rgba(15, 15, 15, 1) 50%);
	}

body.dark .readMore:hover{ color: rgba(255,255,255,.8); }
.readMore:hover{ color: rgba(0,0,0,.8); }


body.dark .modelCard .mbsc-card-content{
	background: #0f0f0f;
	}

.modelCard p.mediaTitle, .modelCard p.price, .modelCard a:hover p.mediaTitle, .modelCard a:hover p.price{ color: #FFF; text-decoration: none; }	

.galleryExpanded{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 15px;
	max-width: 800px;
	
	}
	
.galleryExpanded > div{
	width: 250px;
	margin: 15px;
	}
	
.galleryExpanded button.eb{
	margin-bottom: 5px;
	}

	
.galleryExpanded img{
	width: 250px;
	height: 250px;
	border-radius: 5px;
	display: inline-block;
	object-fit: cover;
	}
	
.galleryExpanded h4{
	color: #FFF;
	color: rgba(255,255,255,.9);
	}
	
.searchProfile, .filterInput{
	font-size: 15px;
	margin: -3px 0px -4px -13px !important;
	position: relative;
	}
	
.searchProfile > i.fas{
	position: absolute;
	right: 5px;
	top: 13px;
	opacity: .35;
	cursor: pointer;
	}
	
.searchProfile > i.fas:hover{
	opacity: .5;
	}
	
.searchProfile > .mbsc-input-wrap{
	padding-right: 18px;
	}
	
@media only screen and (min-width: 0px){
	
	.searchProfile{
		max-width: 130px;
		overflow: hidden;
		}
	
	}

@media only screen and (min-width: 475px){
	
	.searchProfile{
		max-width: 175px;
		overflow: hidden;
		}
	
	}

@media only screen and (min-width: 768px){
	
	.searchProfile{
		max-width: none;
		}
	
	}

	

.paginationWrapper{
	display: block;
	text-align: center;
	clear: both;
	}

.pagination{
	display: inline-block;
	text-align: center;
	}

.pagination .mbsc-segmented{
	display: block;
	}
	
.pagination label{
	display: block;
	float: left;
	}
	
.pagination label span.mbsc-segmented-content{
	padding-left: 13px;
	padding-right: 13px;
	}
	
.manageAsset{
	width: 95%;
	text-align: center;
	}
.manageAsset > *{
	text-align: left;
	}

.manageAsset li[data-role="list-divider"]{
	padding: 10px 15px 2px 15px;
	}
	
.manageAsset .thumbnailImage{
	
	display: inline-block;
	width: 150px;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 0px;
	vertical-align: middle;
	}
	
.manageAsset .thumbnailImage .alwaysSquare{
	display: inline-block;
	box-shadow: 0px 0px 30px rgba(0,0,0,.75);
	border-radius: 9px;
	overflow: hidden;
	}



#assetGrid .wrapper{
	margin: 0px;
	background-color: transparent;
	}
	
#assetGrid .assetInfoPrimary .mbsc-label{
	font-weight: bold;
	}

#assetGrid.filterVideos .assetItem.video{
	display: block;
	}
	
#assetGrid.filterVideos .assetItem.photo{
	display: none;
	}
	
	
#assetGrid.filterPhotos .assetItem.video{
	display: none;
	}
	
#assetGrid.filterPhotos .assetItem.photo{
	display: block;
	}
	
	
#assetGrid .assetItem{
	transition: all 0.2s ease;
	position: relative;
	}
	
#assetGrid .mbsc-gridView{
	transform: scale(1,1);
	z-index: 1;
	position: relative;
	}
	
.no-touchevents #assetGrid .mbsc-gridView:hover{
	transform: scale(1.15, 1.15);
	box-shadow: 0px 0px 25px rgba(0,0,0,.5);
	z-index: 2;
	border-radius: 10px;
	overflow: hidden;
	}
	
.no-touchevents #assetGrid .mbsc-gridView.mbsc-gridLarge:hover{
	transform: scale(1.06, 1.06);
	}

.mbsc-gridView .mainAssetPic .alwaysSquare{
	position: relative;
	z-index: 1;
	background-color: #000;
	}
	
.no-touchevents .mbsc-gridView.video .mainAssetPic .alwaysSquare::after,
.no-touchevents .mbsc-listView.video .mainAssetPic .alwaysSquare::after{
	display: block;
	position: absolute;
	left: 50%;
	top:50%;
	font-style: normal;
	transform: translate3d(-50%, -50%, 0px) scale(1,1);
	content: "\f144";
	font-weight: 900;
	color: #FFF;
	color: rgba(255,255,255,.37);
	text-shadow: 0px 0px 20px rgba(0,0,0,.5);
	font-size: 67px;
    font-family:'Font Awesome 5 Pro', 'Font Awesome\ 5 Free', 'Font Awesome\ 5 Brands';
	transition: all .5s ease-out;
	z-index: 6;
}

.no-touchevents .mbsc-gridView.mbsc-gridLarge.video .mainAssetPic .alwaysSquare::after{
	transform: translate3d(-50%, -50%, 0px) scale(1.3,1.3);
}

.no-touchevents .mbsc-gridView.video:hover .mainAssetPic .alwaysSquare::after,
.no-touchevents .mbsc-listView.video:hover .mainAssetPic .alwaysSquare::after{
	opacity: 0;
	}

	
.mbsc-gridView.video .mainAssetPic .playButton,
.mbsc-listView.video .mainAssetPic .playButton{
	display: block;
	transform: scale(0, 0);
	transition: all 0.4s ease;
	top: 6px;
	right: 6px;
	position: absolute;
	text-align: right;
	white-space: nowrap;
	z-index: 9;
	text-shadow: 0px 0px 10px black;
	cursor: pointer;
	color: #FFF;
	font-size: 32px;
	opacity: 0;
	transform-origin: top right;
}

.mbsc-gridView.video:hover .mainAssetPic .playButton,
.touchevents .mbsc-gridView.video .mainAssetPic .playButton,
.mbsc-listView.video:hover .mainAssetPic .playButton,
.touchevents .mbsc-listView.video .mainAssetPic .playButton{
	transform: scale(1, 1);
	opacity: .5;
}

.mbsc-gridView.video .mainAssetPic .playButton:hover,
.mbsc-listView.video .mainAssetPic .playButton:hover{
	opacity: .8;
	transform: scale(1.2, 1.2);
}
.mbsc-gridView.photo .mainAssetPic .playButton{
	display: none;
}

.mbsc-gridView .mainAssetPic .galleryButton, 
.mbsc-listView .mainAssetPic .galleryButton{
	display: block;
	transition: all 0.2s ease;
	top: 5px;
	right: 5px;
	position: absolute;
	text-align: right;
	transition: all .5s ease;
	white-space: nowrap;
	z-index: 10;
	}
	
.mbsc-gridView.mbsc-gridSmall .mainAssetPic .galleryButton{
	transform-origin: top right;
	transform: scale(.77,.77);
	top: 2px;
	right: 2px;
	}
	
.mbsc-gridView:hover .mainAssetPic .galleryButton, 
.mbsc-listView:hover .mainAssetPic .galleryButton{
	background-color: rgba(168, 25, 85, .75);
	}
	
.mbsc-gridView .mainAssetPic .galleryButton:hover,
.mbsc-listView .mainAssetPic .galleryButton:hover{
	background-color: rgba(168, 25, 85, 1);
	transition: all 0.1s ease;
	}
	
.mbsc-gridView .mainAssetPic .assetTitle{
	display: block;
	transform: translateX(0%);
	transition: all 0.1s ease;
	top: 2px;
	left: 10px;
	right: 10px;
	position: absolute;
	text-align: left;
	transition: all .5s ease;
	white-space: nowrap;
	z-index: 9;
	}

	
.mbsc-gridView .mainAssetPic .assetTitle span{
	display: inline-block;
	color: #FFF;
	color: rgba(255,255,255,.7);
	text-shadow: 1px 1px 7px black;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-weight: bold;
	font-size: 14px;
	max-width: 90%;
	transition: all .1s ease;
	transform: translateX(0%);
	}
	
.mbsc-gridView.mbsc-gridLarge  .mainAssetPic .assetTitle span{
	font-size: 16px;
	}


.no-touchevents .mbsc-gridView:hover .mainAssetPic .assetTitle span{
	color: rgba(255,255,255,.85);
}
	
.mbsc-gridView .mainAssetPic .alwaysSquare > *{
	transition: all 0.2s ease;
	}
		
.no-touchevents .mbsc-gridView:hover .mainAssetPic .alwaysSquare > *{
	opacity: .5;
	}
	
.mbsc-gridView .assetButtons{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 75%;
	opacity: 0;
	transition: all .3s ease;
	z-index: 9;
	}
	
.mbsc-gridView.mbsc-gridLarge .assetButtons{
	transform: translate(-50%, -50%) scale(1.2);
	min-width: 45%;
	max-width: 90%;
	}
	
.touchevents .mbsc-gridView.mbsc-gridSmall .assetButtons, 
.touchevents .mbsc-gridView.mbsc-gridSmall:hover .assetButtons{
	opacity: 1;
	transform: translate(-50%, 0%);
	bottom: 13px;
	top: unset;
	left: 50%;
	}
	
.touchevents .mbsc-gridView.mbsc-gridLarge .assetButtons,
.touchevents .mbsc-gridView.mbsc-gridLarge:hover .assetButtons{
	opacity: 1;
	transform: translate(-50%, 0%);
	bottom: 20px;
	top: unset;
	left: 50%;
	}
	
		
.mbsc-gridView:hover .assetButtons{
	opacity: 1;
	}

.mbsc-gridView .assetInfo{
	display: none;
	}

#assetGrid .mbsc-listView{
	text-align: center;
	}

#assetGrid .mbsc-listView .wrapper{
	display: block; 
	margin: 0px auto 20px auto;
	max-width: 900px;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
	}
	
#assetGrid .mbsc-listView .assetTitle{ display: none; }

#assetGrid .mbsc-listView .wrapper{
	background-color: #FFFFFF;
	text-align: left;
	
	}
	
body.dark #assetGrid .mbsc-listView .wrapper{
	background-color: #0f0f0f;
	text-align: left;
	}
	
@media only screen and (min-width: 0px){
	
	.mbsc-listView .mainAssetPic{
		width: 100%;
		}
		
	#assetGrid .mbsc-listView .wrapper{
		margin-left: 13px;
		}
		
	.mbsc-listView div.assetButtons{
		position: relative;
		padding-top: 2px;
		padding-bottom: 10px;
		z-index: 9;
		}
		
				
	.mbsc-listView div.assetInfo::-webkit-scrollbar{
		opacity: 0;
		}
		
	.touchevents .mbsc-listView.video .mainAssetPic .playButton,
	.touchevents .mbsc-gridLarge.video .mainAssetPic .playButton{
		transform: scale(1.5,1.5);
		}
		
	}

	
@media only screen and (min-width: 475px){
	.mbsc-listView .mainAssetPic{
		width: 100px;
		display: block;
		position: relative;
		background-color: #000;
		transition: all 0.2s ease;
		float: left;
		}
		
		
	.no-touchevents .mbsc-listView:hover .mainAssetPic img{
		opacity: .5;
		}
		
		
	.mbsc-listView div.assetButtons{
		position: absolute;
		top: 0px;
		left: 100px;
		height: 100px;
		line-height: 100px;
		right: 0px;
		text-align: center;
		padding-left: 50px;
		padding-right: 50px;
		
		opacity: 1;
		transition: all 0.2s ease;
		z-index: 9;
		}
		
		
		
	.mbsc-listView div.assetInfo{
		position: relative;
		overflow: auto;
		
		}
		
	.mbsc-listView div.assetInfo::-webkit-scrollbar{
		opacity: 0;
		}
		
	.mbsc-listView div.assetInfoPrimary{
		float: left;
		margin: 0;
		padding: 0;
		border-right: 1px solid rgba(130,130,130,.1);
		width: 49.95%;
		clear: both;
		}
	
	.mbsc-listView div.assetInfoSecondary{
		float: right;
		margin: 0;
		padding: 0;
		border-right: 1px solid rgba(130,130,130,.1);
		width: 49.95%;
		}
		
	.touchevents .mbsc-listView.video .mainAssetPic .playButton{
		transform: scale(1.5,1.5) translate(-50%,-50%);
		top: 60%;
		left: 55%;
		transform-origin: center center;
		}
	
	}
	
@media only screen and (min-width: 1238px){
	#assetGrid .mbsc-listView .wrapper{
		margin-left: auto;
		}

}
	
@media only screen and (min-width: 1024px){

	.mbsc-listView .mainAssetPic{
		width: 30%;
		display: block;
		position: relative;
		float: left;
		background-color: #000;
		transition: all 0.2s ease;
		}
		
	.no-touchevents .mbsc-listView:hover .mainAssetPic img{
		opacity: .5;
		}
		
		
	.mbsc-listView div.assetButtons{
		position: absolute;
		top: 50%;
		left: 15%;
		transform: translate(-50%, -50%);
		max-width: 36%;
		opacity: 0;
		transition: all 0.2s ease;
		z-index: 9;
		}
		
	.no-touchevents .mbsc-listView:hover div.assetButtons,
	.touchevents .mbsc-listView div.assetButtons{
		opacity: 1;
		}
		
		
	.mbsc-listView div.assetInfo{
		position: absolute;
		bottom:0px;
		overflow: auto;
		}
		
	.mbsc-listView div.assetInfo::-webkit-scrollbar{
		opacity: 0;
		}
		
	.mbsc-listView div.assetInfoPrimary{
		top: 0px;
		left: 30%;
		border-right: 1px solid rgba(130,130,130,.1);
		width: 40%;
		}
	
	.mbsc-listView div.assetInfoSecondary{
		width: 30%;
		top: 0px;
		right: 0px;
		position: relative;
		float: right;
		}
	
	.touchevents .mbsc-listView.video .mainAssetPic .playButton{
		transform: scale(1.2,1.2) translate(0%,0%);
		top: 6px;
		left: 6px;
		transform-origin: top right;
		}

}

.mbsc-ios.mbsc-fr-pointer .mbsc-ltr .mbsc-sc-itm-sel:before {
	left: 10px;
	}

.filterBarSecondary{
	border-top: none;
	margin-top:-1px;
	background-color: rgba(255,255,255,.1);
	}
	
body.dark .filterBarSecondary{
	background-color: rgba(0,0,0,.1);
	}
	
.filterBarSecondary div{
	font-size: 14px!important;
	opacity: .5;
	} 	
	
.filterBarSecondary div:hover{
	opacity: .7;
	} 	
	
.filterBarSecondary div i{
	font-size: 17px;
	margin-right: 5px;
	}
	
.filterBarSecondary div.active, .filterBarSecondary div.active:hover{
	opacity: 1;
	}

.dashNotification{
	text-align: left;
	display: block;
	font-size: 15px;
	color: rgba(0,0,0,.6);
	padding: 15px;
	align-self: center;
	}
	
	
body.dark .dashNotification{
	color: rgba(255,255,255,.6);
	}
	
.dashNotification b{
	display: block;
	text-align: left;
	font-size: 19px;
	padding: 4px 0px;
	color: rgba(0,0,0,1);
	}
	
body.dark .dashNotification b{
	color: rgba(255,255,255,1);
	}
	
li.centeredButton{
	position: relative;
	}

li.centeredButton button{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	transform: translate(-50%,calc(-50% - 8px));
	}

.scrollViewDots{
	display: block;
	text-align: center;
	margin-top:-20px;
	margin-bottom: 20px;
	}
	
.scrollViewDots i{
	font-size: 6px;
	display: inline-block;
	padding: 5px 9px;
	opacity: .4;
	cursor: pointer;
	}

.scrollViewDots i.active{
	opacity: .65;
	}
	
.stat{
	display: block;
	text-align: center;
	font-size: 15px;
	color: rgba(0,0,0,.6);
	padding: 15px;
	align-self: center;
	}
	
.stat:nth-child(even){
	background-color: rgba(130,130,130,.02);
	}
	
body.dark .stat{
	color: rgba(255,255,255,.6);
	}
	
.stat b{
	display: block;
	text-align: center;
	font-size: 21px;
	padding: 5px 15px;
	color: rgba(0,0,0,1);
	}
	
body.dark .stat b{
	color: rgba(255,255,255,1);
	}
	
.stat b.good, body.dark .stat b.good{
	color: #00910d;
	}

.stat b.bad, body.dark .stat b.bad{
	color: #7e0000;
	}


@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.liveShowNotice{
	background: linear-gradient(-45deg, #A81955, #791039, #d03d7b, #ae1c56)!important;
    background-size: 400% 400%!important; 
	padding: 0px;
    animation: gradient 25s linear infinite;
    backface-visibility: hidden;
	perspective: 1000;
	
	}
	
.liveShowNotice div.mbsc-note {
	margin: 35px 15px;
	}
	
#LiveShowPost button.eb{
	border: 2px solid rgba(0,0,0,.3);
	}
	
#LiveShowPost button.eb-warning, button.eb.eb-warning, button.eb.eb-outline.eb-warning, a.eb.eb-warning, a.eb.eb-outline.eb-warning{
	border: 1px solid rgba(255,0,0,.3);
	color: #b40000;
	background-color: rgba(255,0,0,.08);
	}
	
button.eb.eb-info, button.eb.eb-outline.eb-info, a.eb.eb-info, a.eb.eb-outline.eb-info{
	background-color: #3f97f6;
	}
	
button.eb.eb-info:hover, button.eb.eb-outline.eb-info:hover, a.eb.eb-info:hover, a.eb.eb-outline.eb-info:hover{
	background-color: #3f97f6;
	opacity: .85;
	}
	
button.eb.eb-success, a.eb.eb-success{
	background-color: #43be5f;
	}
button.eb.eb-success:hover, a.eb.eb-success:hover{
	background-color: #43be5f;
	opacity: .85;
	}
	
button.eb.eb-outline.eb-success, a.eb.eb-outline.eb-success{
	background-color: transparent;
	border: 1px solid #43be5f;
	color: #43be5f;
	}
button.eb.eb-outline.eb-success:hover, a.eb.eb-outline.eb-success:hover{
	background-color: transparent;
	border: 1px solid #43be5f;
	color: #43be5f;
	}
	
#LiveShowPost button.eb-warning:hover, button.eb.eb-warning:hover, button.eb.eb-outline.eb-warning:hover, a.eb.eb-warning:hover, a.eb.eb-outline.eb-warning:hover{
	background-color: rgba(255,0,0,.16);
	border: 1px solid rgba(255,0,0,.6);
	}

	
	
#LiveShowPost button.eb-warning:hover{
	border: 2px solid rgba(255,0,0,.5);
	color: #930000;
	background-color: rgba(0,0,0,.5);
	}
	
#LiveShowPost button.eb i{
	display: inline-block;
	position: static;
	margin-right: 4px;
	transform: none;
	}
	
.liveShowNoticeOBS .well::-webkit-scrollbar {
	display: none;
	}

/* Hide scrollbar for IE, Edge and Firefox */
.liveShowNoticeOBS .well {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
	}
	
.liveShowNoticeContents{
	display: block;
	margin: 15px;
	padding: 0px;
	text-align: center;
	color: #FFF;
}

.liveShowNoticeContents img.profilePic, .mbsc-card img.profilePic{
	display: inline-block!important;
	width: 70px!important;
	height: 70px!important;
	}

.liveShowNoticeContents h3{
	color: rgba(255,255,255,.8);
	}

.liveShowNoticeContents h3 span{
	color: #FFF;
	font-weight: bold;
	}

#liveCamMainOptionsContainer{
	margin-top: 0px;
	display: none;
	}
	
@media only screen and (min-width: 1024px){
	#liveCamMainOptionsContainer{
		margin-top: -24px;
		}
	}
	
.webCamPage .mbsc-note{
	text-align: left;
	}
	
#PinnedMessageContainer{
	font-size: 15px;
	padding: 0px;
	border: 1px solid rgba(130,130,130,.5);
	border-radius: 5px;
	margin: 0px;
	margin-bottom: 11px;
}

p.leadLine{
	border: 1px solid rgba(130,130,130,.2);
	border-radius: 5px;
	font-size: 12px;
	text-align: center;
	opacity: .7;
	padding: 7px;
	background-color: rgba(130,130,130,.05);
	}
	
p.leadLine::before{
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	content: "\f4ad";
	font-family:'Font Awesome 5 Pro', 'Font Awesome\ 5 Free', 'Font Awesome\ 5 Brands';
	font-weight: 900;
	}

#PinnedMessageContainer div.col-md-12{
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

#PinnedMessageContainer p{
	font-weight: normal;
	margin: 6px 9px;
	padding: 0px;
	margin-top: 12px;
	line-height: 18px;
	}

#PinnedMessageContainer p:first-child{
	margin-top: 6px;
	}

#PinnedMessageContainer p::before{
	display: inline-block;
	margin-right: 5px;
	margin-left: 0px;
    font-family:'Font Awesome 5 Pro', 'Font Awesome\ 5 Free', 'Font Awesome\ 5 Brands';
    font-weight: 900;
	content: "\f08d";
	font-size: 13px;
	color: rgb(130,130,130);
	}

#RollCall div::before{
	display: inline-block;
	margin-right: 15px;
	margin-left: 15px;
    font-family:'Font Awesome 5 Pro', 'Font Awesome\ 5 Free', 'Font Awesome\ 5 Brands';
    font-weight: 900;
	content: "\f007";
	color: rgb(130,130,130);
	}

#eventLog p{
	font-size: 14px;
	margin: 0px 0px 8px 0px;
	line-height: 14px;
	}

#video #fullscreen{
	right: 10px;
	}

div.panel{
	display: block;
	background-color: #FFF;
	color: #000;
	background-color: rgba(255,255,255,.9);
	color: rgba(0,0,0,.9);
	padding: 15px;
	margin: 15px;
	border-radius: 10px;
	}
body.dark div.panel{

	background-color: #000;
	color: #FFF;
	background-color: rgba(0,0,0,.9);
	color: rgba(255,255,255,.9);
}

div.panel-heading{
	display: block;
	margin-bottom: 15px;
	}
	
div.panel-body{
	display: block;
	}

.geoBlockList{
	margin: 15px;
	padding: 0px 15px;
	border: 1px solid rgba(130,130,130,.3);
	border-radius: 10px;
	}
	
.geoBlockList > p > a{
	display: inline-block;
	font-size: 13px;
	padding: 1.5px 7px;
	border: 1px solid #A81955;
	border-radius: 3px;
	}
.geoBlockList > p > a:hover{
	text-decoration: none;
	background-color: #A81955;
	color: #FFF;
	}
	
.geoBlockLabelWrapper{
	margin: 10px 15px 15px 15px;
	border: 1px solid rgba(130,130,130,.3);
	border-bottom: none;
	border-radius: 10px 10px 0px 0px;
	overflow: hidden;
	padding: 0;
	}
	
p.KFMnumUsers{
	display: block;
	padding: 20px;
	margin: 20px 45px;
	text-align: center;
	border: 1px solid rgba(130,130,130,.3);
	border-radius: 10px;
	
	}
	
p.KFMnumUsers span{
	display: block;
	text-align: center;
	font-size: 250%;
	margin: -10px 10px 10px 10px;
	}

#progressLabel{
	position: relative;
	z-index: 5;
	}

.filelist{
	display: block;
	clear: both;
	margin: 0px 15px 0px 15px;
	}
	
.filelist > div{
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: visible;
	line-height: 30px;
	height: 30px;
	font-size: 13px;
	color: rgba(255,255,255,.5);
	text-align: left;
	position: relative;
	width: 100%;
	margin: 0px;
	margin-top: -88px;
	margin-left: 57px;
	margin-bottom: 67px;
	position: relative;
	z-index: 9;
	max-width: 330px;
	width: 71%;
	}
	
.filelist > div > b{
	display: none;
	position: absolute;
	top: 0px;
	right: -70px;
	color: rgba(255,255,255,.8);
	width: 50px;
	line-height: 30px;
	height: 30px;
	font-size: 13px;
	float: right;
	text-align: center;
	}

#previews{
	padding-top: 30px;
	padding-right: 10px;
	padding-left: 10px;
}

#selectGender{
	min-width: 280px;
	max-width: 750px;
	}


@media only screen and (min-width: 0px) {#selectGender{ padding: 5px; }}
@media only screen and (min-width: 420px) {#selectGender{ padding: 10px; }}
@media only screen and (min-width: 768px) {#selectGender{ padding: 20px; }}
@media only screen and (min-width: 1024px) {#selectGender{ padding: 35px; }}

.genderInfoButton{
	display: block;
	width: auto;
	margin: 0px auto;
	clear: both;
	cursor: pointer;
	}
	
	
#genderInfo{
	max-width: 400px;
	}
	
#genderInfo p{
	font-size: 13px;
	}
	
div.setWidth{
	display: block;
	width: 750px;
	height: 1px;
	overflow: hidden;
	border: none;
	margin: 0;
	padding: 0;
	}


div.left, div.right{
	display: block;
	width: 48%;
	margin: 0;
	padding: 0;
	float: left;
	}
	
div.right{
	float: right;
	}
	
div.branches{
	display: block;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	}
	
div.branches i, div.branches b, div.branches span{
	display: block;
	margin: 0;
	padding: 0;
	opacity: .35;
	overflow: hidden;
	}
	
div.branches i{
	margin-left: 50%;
	border-left: 1px solid #FFF;
	height: 15px;
	}
	
div.branches b{
	border-top: 1px solid #FFF;
	height: 1px;
	}
	
div.branches span{
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	height: 15px;
	margin-top: -1px;
	}
	
div.hiddenInputs{
	
	display: block;
	border: 1px solid red;
	clear: both;
	}
	
div.genderButton{
	border: 1px solid #A81955;
	color: #FFF;
	margin: .5em 0em;
	padding: .625em 1.375em;
	border-radius: .25em;
	position: relative;
	display: block;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
	text-overflow: ellipsis;
	font-size: 1em;
	font-family: arial, verdana, sans-serif;
	cursor: pointer;
	box-sizing: border-box;
	outline: 0;
	}
	
div.genderButton.active{
	background-color: #A81955;
	}
	
div.genderSpectrum{
	display: block;
	clear: both;
	padding-top: 12px;
	padding-bottom: 25px;
	display: flex;
	flex-direction: row;
	flex-flow: nowrap;
	align-items: center;
	transition: all 0.2s ease;
	
	}
	
div.genderSpectrum button{
	background-color: #FFF;
	box-shadow: inset 0px 0px 12px rgba(0,0,0,.05);
	margin: 0;
	padding: 12px 1px;
	box-sizing: border-box;
	text-align: center;
	display: block;
	color: #000;
	transition: all 0.2s ease;
	}
	
body.dark div.genderSpectrum button{
	border: 0px;
	background-color: #292929;
	color: #FFF;
	}
	
div.genderSpectrum button:hover{
	background-color: #F3DFEA;
	}
	
body.dark div.genderSpectrum button:hover{
	background-color: #291F24;
	}
	
div.genderSpectrum button.active, body.dark div.genderSpectrum button.active{
	background-color: #A81955;
	color: #FFF;
	}
	
div.genderSpectrum button:first-child{
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	}

div.genderSpectrum button:last-child{
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	}
	
div.genderSpectrum button i{
	font-size: 11px;
	position: relative;
	top: -5px;
	left: 1px
	}
	
@media only screen and (min-width: 0px) {
	#cisMen{ order: 1; }
	#transMen{ order: 2; margin-bottom: 12px; }
	#cisWomen{ order: 3; }
	#transWomen{ order: 4; margin-bottom: 12px; }
	#nonBinary{ order: 5; }
	
	div.genderSpectrum{
		flex-flow: column;
		}
		
	div.genderSpectrum button{
		border-radius: 5px;
		margin-top: 7px;
		border: none;
		width: 100%;
		font-size: 15px;
		border: 1px solid #CCC;
		}
	body.dark div.genderSpectrum button{
		border: 0px;
		}

}

@media only screen and (min-width: 768px) {
	#cisMen{ order: 1; }
	#cisWomen{ 
		order: 3; 
		border-left: 1px solid #CCC;
		border-top-left-radius: 5px; 
		border-bottom-left-radius: 5px; 
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		}
	#transMen{ 
		order: 2; 
		margin-bottom: 0px; 
		margin-right: 7px;
		border-right: none;
		border-bottom-right-radius: 5px;
		border-top-right-radius: 5px; 
		border-right: 1px solid #CCC;
	}
	#transWomen{ 
		order: 4; 
		margin-bottom: 0px; 
		margin-right: 7px;  
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		}
	#nonBinary{ 
		order: 5; 
		border-right: none; 	
		border-radius: 5px; 
		border: 1px solid #CCC; 
		}

	body.dark #nonBinary{ border: 0px solid transparent; }
	body.dark #transMen{ border-right: 0px solid transparent; }
	body.dark #transWomen{ border-right: 0px solid transparent; }
	body.dark #cisWomen{ border-left: 0px solid transparent; border-right: 1px solid #545454 }

	div.genderSpectrum{
		flex-flow: row;
		}
		
	div.genderSpectrum button{
		border-radius: 0;
		margin-top: 0px;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		border-left: 0px;

		width: 20%;
		float: left;
		align-self: stretch;
		}
		
	div.genderSpectrum button:first-child{
		border-left: 1px solid #CCC;
		}
		
	div.genderSpectrum button:last-child{
		border-right: 1px solid #CCC;
		}
		
	body.dark div.genderSpectrum button{
		border-right: 1px solid #545454;
		border-left-color: transparent;
		border-top-color: transparent;
		border-bottom-color: transparent;
		}
	body.dark div.genderSpectrum button:last-child{
		border-right: 0px;
		}


}




@media only screen and (min-width: 768px) {div.genderSpectrum button{ font-size: 15px; }}
@media only screen and (min-width: 1024px) {div.genderSpectrum button{ font-size: 16px; }}


.mbsc-scv-c.mbsc-ms-bottom{
	overflow: visible;
	}
	
#bottom-nav{
	
	}
	
#newPostButton{
	transform: scale(1.1, 1.1);
	transform-origin: bottom center;
	background-color: #FAFAFA;
	box-shadow: 0px 0px 3px rgba(0,0,0,.5);
	padding-left: 3px;
	min-width: 34px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	}
	
body.dark #newPostButton{
	background-color: #0b0b0b;
	box-shadow: none;
	border: 1px solid rgba(255,255,255,.1);
	}
	
#newPostButton:hover{
	background-color: #ecd6df;
	}
	
body.dark #newPostButton:hover{
	background-color: #1a040d;
	}
	
#newPostButton::before{
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
#newPostButton + li{
	margin-left: 4px;
	}
	
.lity-content:after{
	box-shadow: none!important;
	-webkit-box-shadow: none!important;
	background: transparent!important;
	}
	
#newPostPanel{
	max-width: 560px;
	min-height: 200px;
	transition: all 0.2s ease;
	overflow: hidden;
	width: 100%;
	border-radius: 50px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.6);
	background: #080808;
	padding-top: 29px!important;
	}
	
body.dark #newPostPanel{
	background: #080808;
	}
	
.progressDots{
	display: block;
	text-align: center;
	margin-top: -15px;
	}
	
.progressDots div{
	display: inline-block;
	opacity: .2;
	margin: 0px 1px;
	width: 50px;
	height: 4px;
	border-radius: 2px;
	background-color: white;
	transition: all 1s ease;
	}
	
.progressDots div.active{
	opacity: .55;
	}
	
.progressDots div::after{
	}


.progressDots div.active::after{
	}
	
	
.uploadTarget{
	display: block;
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 30px;
	border: 3px dashed #A81955;
	background-color: rgba(0,0,0,.25);
	border-radius: 50px;
	transition: all 0.2s ease;
	margin-top: 25px;
	min-height: 250px;
	cursor: pointer;
	}
	
.uploadTarget:hover{
	background-color: rgba(0,0,0,.40);
	}
	
.uploadArea{
	display: block;
	position: relative;
	}
	
.uploadText{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	}
	
@media only screen and (min-width: 0px) {
	#newPostPanel{ padding: 10px; }
	}
	
@media only screen and (min-width: 768px) {
	#newPostPanel{ padding: 25px; }
	}
	
@media only screen and (min-width: 1024px) {
	#newPostPanel{ padding: 35px; }
	}
	
.bigButton{
	display: inline-block;
	}
	
.mbsc-ios.mbsc-btn.bigButton{
	padding: 1em 2.5em;
	border-radius: .5em;
	font-size: 2em;
}

.mbsc-material.mbsc-btn.bigButton{
	margin: 1em;
	padding: 1.1em;
	border-radius: .4286em;
	font-size: 1.75em;
	}
	
.padding0{
	padding: 0;
	}
.margin0{
	margin: 0;
	}
	
.mbsc-sc-whl-multi .mbsc-sc-itm-sel::before{
	font-weight: 400;
	content: '\f00c';
	font-size: 16px!important;
	}
	
#newPostPanel .mbsc-jffdark.mbsc-input-box.mbsc-switch{
	background: #0f0f0f;
	}
	
.mbsc-card-header.mbsc-collapsible-header > p > i{
	margin-right: 12px;
	}
	
.showAdvanced{
	display: block;
	font-size: 13px;
	opacity: .4;
	transition: all 0.2s ease;
	cursor: pointer;
	}
	
.showAdvanced:hover{
	opacity: .7;
	}
	

#leftNav::-webkit-scrollbar{
	width: 0px;
}

/* Turn on a 13x13 scrollbar */
::-webkit-scrollbar {
    width: 13px;
    height: 10px;
}

.touchevents::-webkit-scrollbar{
	width: 0px;
	}
 
::-webkit-scrollbar-button:vertical {
    background-color: transparent;
    border: none;
}
 
/* Turn on single button up on top, and down on bottom */
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: block;
}
 
/* Turn off the down area up on top, and up area on bottom */
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}
 
/* Place The scroll down button at the bottom */
::-webkit-scrollbar-button:vertical:increment {
    border: none;
    height: 15px;
    background-color: #efeff4;
}

body.dark::-webkit-scrollbar-button:vertical:increment{
	background-color: #1a1a1a;
	}
 
/* Place The scroll up button at the up */
::-webkit-scrollbar-button:vertical:decrement {
    height: 15px;
    border: none;
    background-color: #efeff4;
}

body.dark::-webkit-scrollbar-button:vertical:decrement{
	background-color: #1a1a1a;
	}

 
::-webkit-scrollbar-track:vertical {
    background-color: #efeff4;
    border: none;
}

body.dark::-webkit-scrollbar-track:vertical{
	background-color: #1a1a1a;
	}

 
/* Top area above thumb and below up button */
::-webkit-scrollbar-track-piece:vertical:start {
    border: none;
}
 
/* Bottom area below thumb and down button */
::-webkit-scrollbar-track-piece:vertical:end {
    border: none;
}
 
/* Track below and above */
::-webkit-scrollbar-track-piece {
    background-color: #efeff4;
    border: none;
}

body.dark::-webkit-scrollbar-track-piece{
	background-color: #1a1a1a;
	}

 
/* The thumb itself */
::-webkit-scrollbar-thumb:vertical {
    height: 40px;
    background-color: black;
    border-right: 3px solid #efeff4;   
    border-left: 3px solid #efeff4;   
    opacity: .2;
}
 
body.dark::-webkit-scrollbar-thumb:vertical{
	border-right: 3px solid #1a1a1a;
	border-left: 3px solid #1a1a1a;
    background-color: white;
    opacity: 0.06;
	}

 
/* Corner */
::-webkit-scrollbar-corner:vertical {
    background-color: transparent;
}
 
/* Resizer */
::-webkit-scrollbar-resizer:vertical {
    background-color: transparent;
}

body{ font-family: Arial,Verdana,sans-serif; top: 0px !important;}

img.searchImage{
	display: inline-block;
	width: 30px;
	height: 30px;
	object-fit: cover;
	margin-right: 15px;
	border-radius: 15px;
}

.searchResult{
	display: inline-block;
	width: 90%;
	overflow: hidden;
	white-space: nowrap;
}

.searchText{
	display: inline-block;
	height: 50px;
	max-width: 80%;
}

.searchText span{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
}

.searchText span.line1{
	font-size:18px;line-height:25px;
}

.searchText span.line2{
	font-size:12px;line-height:16px;
	opacity: 0.7;
}

#siteSearchLabel{
	margin-top: 1.5em;
	transition: all 0.2s ease;
	transform: scale3d(1,1,1);
}

#siteSearchLabel.active{
	
	transform: scale3d(1.1,1.1,1);
}

#siteSearchLabel span.mbsc-input-wrap{
	transition: all 0.2s ease;
	box-shadow: none;
}

#siteSearchLabel.active span.mbsc-input-wrap{
	box-shadow: 0px 0px 20px rgba(0,0,0,.25);
}

#searchBox{
	margin-left: 0px;
	margin-right: 0px;
	display:none;
	min-height: 200px;
	transition: all 0.2s ease;
	transform: scale(1,1);
	border: .5px solid rgba(130,130,130,.4);
}

#searchBox.eHidden{
	height: 0px;
	min-height: 0px;
	transform: scale(0,0);
}




#searchBox h3 span{
	opacity: .5;
	font-size: 12px;
}

#searchBox h3 b{
	display: inline-block;
	background-color: #A81955;
	padding: 3px 11px;
	border-radius: 15px;
	color: #FFF;
	text-transform: uppercase;
	font-size: 15px;
	font-style: italic;
	letter-spacing: -.5px;
}

#searchBox li a{
	text-decoration: none;
	color: #000;
	font-size: .75em;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

#searchBox li.mbsc-lv-gr-title{
	height: 31px;
	padding: 6px 13px;
}

#searchBox li.mbsc-lv-gr-title::after{
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.05);
	box-shadow: inset 0px 0px 20px rgba(0,0,0,.05);
}


#searchBox li div.setHeight{
	min-height: 36px;
}

#searchBox li a h3, #searchBox li a p{
	margin: 0px;
}

#searchBox li a h3{
	margin: 15px 10px 0px 72px;
}
#searchBox li a p{
	opacity: .5;
	margin-left: 72px;
}

#searchBox li a img.mbsc-lv-img{
	max-width: 50px;
	max-height: 50px;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	object-fit: cover;
	margin-right: 20px;
	margin-left: 9px;
}
#searchBox li a div.tagIcon{
	max-width: 50px;
	max-height: 50px;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	object-fit: cover;
	margin-right: 20px;
	margin-left: 9px;
	position: absolute;
	float: left;
	left: 2.25em;
	background-color: #A81955;
	top: 50%;
	transform: translate(-50%, -50%);
}

#searchBox li a div.tagIcon i{
	position: absolute;
	font-size: 32px;
	color: rgba(255,255,255,.35);
	left: 50%;
	top: 52%;
	transform: translate(-50%, -50%);
	}


body.dark #searchBox li a{ 
	color: #FFF;
	}
	



.loader {
	
  border: 13px solid #f3f3f3; /* Light grey */
  border-radius: 50%;
  border-top: 13px solid #666;
  width: 60px;
  height: 60px;
  -webkit-animation: spin .8s linear infinite; /* Safari */
  animation: spin .8s linear infinite;
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -30px;
}

.postArea .jscroll-added div.mbsc-card.PostAboveFold .loader,
.postArea .jscroll-added div.mbsc-card.jffIamReloading .loader,
.postArea .jscroll-added div.mbsc-card.jffPostClass .loader{
  animation: spinLarge .8s linear infinite;
  top: 54%;
	}

#clearSearch{
	position: absolute;
	top: 10px;
	right: 13px;
	font-size: 20px;
	color: rgba(130,130,130,.55);
	cursor: pointer;
}


#clearSearch:hover{
	color: rgba(130,130,130,.8);
}

#loading, #searchLength, #noResults{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 30px;
	background-color: rgba(0,0,0,.5);
	display: none;
}

.centered{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	text-align: center;
}


.centered *, .centered h3, .centered p{
	text-align: center;
	color: #FFF;
	text-shadow: 1px 1px 5px rgba(0,0,0,.5);
}


@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes spinLarge {
  0% { transform: rotate(0deg) scale(2); opacity: .5; }
  100% { transform: rotate(360deg) scale(2); opacity: .5; }
}

/* Primary Button Override: */

.mbsc-ios.mbsc-btn-primary.mbsc-btn{
	background-color: #A81955;
}

/* Icon Override for FontAwesome */

.mbsc-ic.icon {
    font-family: inherit;
    font-weight: normal;
}

.glyphicon:before{
    font-family:'Font Awesome 5 Pro', 'Font Awesome\ 5 Free', 'Font Awesome\ 5 Brands';
    font-weight: 900;
	}
	
.glyphicon.glyphicon-ok::before{
	content: "\f00c"!important;
	
	}
	
.glyphicon.glyphicon-remove::before{
	content: "\f00d"!important;
	
	}
	

.mbsc-ic.icon:before, .mbsc-ic:before{
    font-family:'Font Awesome 5 Pro', 'Font Awesome\ 5 Free', 'Font Awesome\ 5 Brands';
} 
.mbsc-ic.fas:before, .mbsc-ic-fas:before {
    font-weight: 900;
}

.mbsc-ic.far:before, .mbsc-ic-far:before {
    font-weight: 400;
}

.mbsc-ic.fal:before, .mbsc-ic-fal:before {
    font-weight: 300;
}

.mbsc-ic.mbsc-ic-ion-close-circled::before{
	content: "\f057"!important;
	font-family: "Font Awesome 5 Pro"; font-weight: 900;
	}

.mbsc-ic.fad:before, .mbsc-ic-fad:before, .mbsc-ic.fad:after, .mbsc-ic-fad:after{
    font-weight: 900;
    font-family: 'Font Awesome 5 Duotone';
     position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25em;
  text-align: center;
}

.mbsc-ic.fad::before {
  opacity: 1;
}

.mbsc-ic.fad::after {
  opacity: 0.4;
}

.mbsc-calendar .mbsc-ic-arrow-left5::before, .mbsc-ic-arrow-right5::before{
	font-size: 19px;
	}

.mbsc-ic-arrow-left5::before{
	content: "\f053"!important;
	font-family: "Font Awesome 5 Pro"; font-weight: 400;
	font-size: 
	}

.mbsc-ic-arrow-right5::before{
	content: "\f054"!important;
	font-family: "Font Awesome 5 Pro"; font-weight: 400;
	}

.mbsc-ic-plus::before{
	content: "\f067"!important;
	font-family: "Font Awesome 5 Pro"; font-weight: 900;
	}

.mbsc-ic-minus::before{
	content: "\f068"!important;
	font-family: "Font Awesome 5 Pro"; font-weight: 900;
	}

.mbsc-ic-star::before{
	content: "\f005"!important;
	font-family: "Font Awesome 5 Pro"; font-weight: 300;
}

.mbsc-ic-star3::before{
	content: "\f005"!important;
	font-family: "Font Awesome 5 Pro"; font-weight: 900;
}

.mbsc-ic-backspace::before{
	content: "\f55a"!important;
	font-family: "Font Awesome 5 Pro"; font-weight: 400;
	}

.mbsc-ic-arrow-down5::before{
	content: "\f078"!important;
	font-family: "Font Awesome 5 Pro"; font-weight: 400;
	
}

.mbsc-ic-eye::before{
	content: "\f06e"!important;
	font-family: "Font Awesome 5 Pro"; font-weight: 400;
}


.mbsc-ic-eye-blocked::before{
	content: "\f070"!important;
	font-family: "Font Awesome 5 Pro"; font-weight: 400;
}

.mbsc-ic-upload::before{
	content: "\f093"!important;
	font-family: "Font Awesome 5 Pro"; font-weight: 900;
}



.mbsc-ms-badge{
	background-color: #d60564;
}

.md-groupsort .mbsc-lv-item-ic{
	margin-top: -.5em;
}

.md-groupsort a{
	text-decoration: inherit;
	color: inherit;
}

.mbsc-jfflight.mbsc-snackbar .mbsc-snackbar-btn{
	color: #A81955;
	font-weight: bold;
}

.JFF-Exclusive{
	display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	/* animation-name: jffExclusiveAnimation; 
    animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1); */

	animation-duration: 12s;
    animation-iteration-count: infinite;
    transform-origin: bottom;
    
    padding: 0px 5px;
    position: relative;
    top: -1px;
    }
    
.c594{ max-width: 594px; margin: 0px auto 0px auto; } 
.c614{ max-width: 594px; margin: 0px auto 0px auto; padding-left: 10px; padding-right: 10px; } 
.c768{ max-width: 768px; margin: 0px auto 0px auto; padding-left: 10px; padding-right: 10px; } 

.homeAreas{
	
	}
	
#homeMyPerformers, #homeFOMO #usedToFollow{
	text-align: center;
	padding: 0px 15px;
	max-width: 1200px;
	margin: 0px auto;
	}
	
#homeFOMO #usedToFollow{
	padding-top: 10px;
	}
	
#homeFOMO div.mbsc-form-group-title{
	text-align: center;
	}
	
#homeMyPerformers .modelBadge, #homeFOMO .modelBadge, #friendsPanel .modelBadge{
	margin: 10px 10px 10px 10px;
	}
	
	.modelBadge{
		width: 44%;
	}
	
#friendsPanel{
	width: 95%;
	}

	
.modelBadge{
	display: inline-block;
	border: none;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 1;
	overflow: visible;
	max-width: 250px;
	}
	
.modelBadge div{
	display: block;
	width: 70px;
	height: 70px;
	border-radius: 35px;
	overflow: visible;
	text-align: center;
	position: absolute;
	top: 0px;
	right: 0px;
	transform: translate(20%, -20%);
	background-color: #A81955;
	box-shadow: 0px 0px 15px rgba(0,0,0,.4);
	}
	
.modelBadge small{
	display: block;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	top: calc(50% - 2px);
	transform: translate(-50%, -50%);
	color: #FFF;
	text-shadow: 0px 0px 10px rgba(0,0,0,.5);
	}
	
.modelBadge small strong{
	font-size: 18px;
	text-shadow: 0px 0px 14px rgba(0,0,0,.8);
	}
	
.modelBadge  i{
	width: 100%;
	padding-top: 100%;
	height: 0;
	border-radius: 7px;
	display: block;
	margin: 0;
	font-style: normal;
	box-shadow: 0px 0px 15px rgba(0,0,0,.3);
	overflow: visible;
	position: relative;
	}
	
.modelBadge img{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-radius: 7px;
	transition: transform 0.2s ease;
	transform: scale3d(1,1, 1);
	object-fit: cover;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	}
	
.modelBadge span{
	display: block;
	clear: both;
	width: 100%;
	
	text-align: center;
	}
	
.modelBadge span > b{
	display: block;
	width: 100%;
	transition: all 0.2s ease;
	transform: scale(1,1);
	transform-origin: center center;
	border-radius: 7px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 5px 9px;
	background-color: #efeff4;
	color: #000000;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0px 0px 5px rgba(0,0,0,.3);
	box-shadow: 0px 0px 15px rgba(0,0,0,.3);
	height: 30px;
	line-height: 22px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	}
	
body.dark .modelBadge span > b{
	background-color: #000;
	color: #FFF;
	color: rgba(255,255,255,.7);
	border-left: 1px solid rgba(255,255,255,.15);
	border-bottom: 1px solid rgba(255,255,255,.15);
	border-right: 1px solid rgba(255,255,255,.15);
	border-top: none;
	}
body.dark .modelBadge:hover span b{
	border-top: 1px solid rgba(255,255,255,.15);
}


	
.modelBadge:hover, .mbsc-page a.modelBadge:hover{
	z-index: 2;
	text-decoration: none;
	}
	
.modelBadge:hover img{
	transform: scale3d(1.02,1.02, 1);
	border: 0;
	}

.modelBadge:hover span b{
	transform: scale(1.15,1.15) translateY(-4px);
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	box-shadow: 3px 3px 18px rgba(0,0,0,.6);
	text-decoration: none;
	}
.modelBadge:hover, .modelBadge:hover > *, .modelBadge:hover > * > * {
	text-decoration: none;
	}

.mainButtonsRow{
	padding: 15px 9px 0px 9px; 
	display: flex; 
	flex-direction: row; 
	flex-wrap: wrap; 
	max-width: 594px; 
	margin: 0px auto 0px auto;
}

.mainButtonsRow > *{
	margin: 3px 3px 3px 3px;
}

.mainButtonsRow > .eb:focus{outline:0;}

.mainButtonsRow > .eb{padding-left: 3px; padding-right: 3px;}

.mainButtonsRow > #mainSubscribeButton{ padding-left: 10px; padding-right: 10px; }
	
	
@media only screen and (min-width: 0px) {

	.mainButtonsRow button.eb i{ display: none; }

}

@media only screen and (min-width: 512px) {

	.mainButtonsRow button.eb i{ display: inline-block; }

}

.JFF-Exclusive::before{
	font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f005";
	color: #c01d61;
}

#leftNavCloser{
	transition: all 0.2s ease;
	transform: scaleZ(1);
	display: block;
}

#exploreWrapper{
	transform-origin: top;
	transition: all 0.5s ease;
	transform: scale3d(1,1,1);
	padding-bottom: 20px;
}


#exploreWrapperWrapper{
	overflow: hidden;
	padding-bottom: 0px;
	display: block;
}



@media only screen and (min-width: 1024px) {
	
	#exploreWrapper{
		transform: scale3d(1.2,1.2,1);
	}
	
}

@media only screen and (min-width: 1400px) {
	
	#exploreWrapper{
		transform: scale3d(1.4,1.4,1);
	}
	
}

@media only screen and (min-width: 1800px) {
	
	#exploreWrapper{
		transform: scale3d(1.6,1.6,1);
	}
	
}


#exploreWrapper.noScale{ transform: scale3d(1,1,1); }



p.exploreTitles{
	font-size: 19px;
	margin-bottom: 0px;
	margin-top: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

p.exploreTitles i{
	font-style: normal;
	opacity: .7;
	}

p.exploreTitles button{
	font-size: 16px;
	display: block;
	float: right;
	margin: 2px 10px;
}

@media only screen and (min-width: 1px) {
	
	p.exploreTitles > span{
		margin-top: 0px;
		display: inline;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	p.exploreTitles button{
		padding: 2px 10px!important;
		margin-top: 0px!important;
	}
	
}

@media only screen and (min-width: 576px) {
	
	p.exploreTitles > span{
		margin-top: 17px;
		display: inline-block;
		
	}
	
	p.exploreTitles button{
		padding: 10px 20px!important;
		margin-top: 0px!important;
	}
	
}


p.exploreTitles > span{
}

.exploreMedia{ 
	clear: both;
}

.exploreMedia.mbsc-scv.mbsc-comp{
	margin: -2px 0px 0px -3px;
}

.exploreMedia li{
	position: relative;
	transform: scale3d(1,1,1);
	transition: all 0.2s ease;
	cursor: pointer;
	margin: 6px!important;
	justify-content: flex-start;
	list-style: none;
	list-style-type: none;
}

.exploreMedia.exploreIndividual li{
	margin: 6px 0px!important;
}

.exploreMedia li.exploreCategories{
	width: 140px;
	min-height: 140px;
	padding: 0px;
	background-color: #254049!important;
}

.exploreMedia li.exploreCategories:nth-child(odd){
	background-color: #121F28!important;
}

div.alwaysSquare, a.alwaysSquare, .alwaysSquare{
	display: block;
	width: 100%;
	height: 0px;
	padding-bottom: 100%;
	position: relative;
}

a.alwaysSquare > img, .alwaysSquare > img{
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	border: 0;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	}

.exploreMedia.exploreIndividual.viewList li div.mbsc-card-content{
	position: absolute;
	max-width: 300px;
	width: 100%;
	bottom: 12px;
	background-color: #000;
	left: 50%;
	border-radius: 10px;
	background-color: rgba(0,0,0,.8);
	color: #FFF;
	transform: translateX(-50%);
}

.exploreMedia.exploreIndividual.viewList li p.percentOff{
	bottom: 70px;
	}


.exploreMedia li.exploreCategories a{
	display: inline-block;
	height: 100%;
	box-sizing: border-box;
	padding: 20px;
	border-radius: 10px;
	text-align: left;
	color: #FFF;
	color: rgba(255,255,255,.8);
	font-size: 27px;
	line-height: 36px;
	hyphens: auto;
}


.exploreMedia li:hover{
	transform: scale3d(1.03,1.03,1);
	box-shadow: 0px 0px 3px rgba(0,0,0,.25)!important;
}

.exploreMedia.viewList li:hover{
	transform: scale3d(1.03,1.03,1);
}


.exploreMedia li.exploreLive{ 
	background-color: transparent!important;
	box-shadow: none!important;
	text-align: center;
}

.exploreMedia li.exploreLive a{
	width: 140px;
	height: 140px;
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;
}

.exploreMedia li.exploreLive a img{
	box-sizing: border-box;
	width: 140px;
	height: 140px;
	border-radius: 70px;
	object-fit: cover;
	border: 2px solid #007BFF;
	box-shadow: 0px 0px 10px rgba(0,0,0,.35);
}

.exploreMedia.viewList li.exploreLive a{
	width: 100%;
	height: 1px;
	padding-bottom: 100%;
}

.exploreMedia.viewList li.exploreLive a img{
	position: absolute;
	width: 100%;
	height: 100%;
}

.exploreMedia.viewList li.exploreLive a div.liveNotice{
	font-size: 26px;
	bottom: 20px;
	border-radius: 10px;
}

.exploreMedia li.exploreLive a div.liveNotice{
	position: absolute;
	width: auto;
	padding: 6px 10px;
	background-color: #007BFF;
	font-size: 17px;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	color: #FFF;
	font-weight: bold;
	letter-spacing: -0.5px;
	z-index: 3;
	border-radius: 5px;
	text-transform: uppercase;
	white-space: nowrap;
	}
	
.exploreMedia li.exploreLive a div.liveNotice i{
	margin-right: 4px;
	opacity: .6;
}

.exploreMedia li a:not(.eb){
	color: #000;
	text-decoration: none;
}

.exploreMedia li a:hover{
	text-decoration: none;
}

body.dark .exploreMedia li a{ color: #FFF; }

.exploreMedia.exploreIndividual{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: flex-start;
}

.exploreMedia.exploreIndividual li{
	width: 140px;
	box-sizing: border-box;
}

@media only screen and (min-width: 0px) { .exploreMedia.exploreIndividual li{ width: 46.5%; }} 
@media only screen and (min-width: 576px) { .exploreMedia.exploreIndividual li{ width: 46.5%;}} 
@media only screen and (min-width: 768px) { .exploreMedia.exploreIndividual li{ width: 46.5%; }} 
@media only screen and (min-width: 992px) { .exploreMedia.exploreIndividual li{ width: 32%; }} 

.exploreMedia.exploreIndividual.viewList li{
	width: 100%;
	}



.exploreMedia li img{
	width: 140px;
	height: 140px;
	object-fit: cover;
	border: 0;
}

.exploreMedia.exploreIndividual li img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	object-fit: cover;
	border: 0;
}



.exploreMedia.exploreIndividual li:before{
	content: none!important;
	display: none!important;
	}


.exploreMedia li div.alwaysSquare.videoPlayhead::after{
	display: block;
	position: absolute;
	left: 50%;
	top:50%;
	font-style: normal;
	transform: translate3d(-50%, -50%, 0px);
	content: "\f144";
	font-weight: 900;
	color: #FFF;
	color: rgba(255,255,255,.27);
	text-shadow: 0px 0px 20px rgba(0,0,0,.5);
	font-size: 40px;
    font-family:'Font Awesome 5 Pro', 'Font Awesome\ 5 Free', 'Font Awesome\ 5 Brands';
	transition: all 0.2s ease-out;
}

.exploreMedia li .mbsc-card-content, .modelCard .mbsc-card-content{
	padding: 6px 10px 5px 10px;
}

.exploreMedia li p, .modelCard p{
	margin: 0;
	padding: 0;
	display: block;
}

.exploreMedia li p.price, p.price{
	opacity: .5;
	text-align: center;
	font-size: 15px;
	margin-top: 1px;
}


.exploreMedia li p.percentOff, p.percentOff{
	display: block;
	float: left;
	padding: 2px 9px;
	background-color: rgba(168, 25, 85, .9);
	border-radius: 15px;
	color: #FFF;
	color: rgba(255,255,255,.7);
	font-weight: normal;
	text-transform: uppercase;
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top: 120px;
	font-size: 14px;
	white-space: nowrap;
	max-width: 140px;
	text-overflow: ellipsis;
	font-weight: bold;
	font-style: italic;
}

.exploreMedia.exploreIndividual li p.percentOff{
	top: unset;
	bottom: 0px;
	left: 50%;
	}

.exploreMedia li p.mediaTitle, p.mediaTitle{
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: .7;
	text-align: center;
	font-size: 14px;
}

.exploreMedia li p.mediaTitle i, p.mediaTitle i{
	display: inline-block;
}

.exploreMedia li p.priceStrike, p.priceStrike{
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	float: left;
	width: 49%;
	text-decoration: line-through;
	opacity: .5;
	font-size: 15px;
	text-align: center;
	padding-top: 2px;
}

.exploreMedia li p.priceSale, p.priceSale{
	font-weight: normal;
	white-space: nowrap;
	overflow: visible;
	display: block;
	float: right;
	width: 49%;
	color: #A81955;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

#bottom-nav li a{
	background: transparent;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	cursor: pointer;
}


@media only screen and (min-width: 0px) {
	
#leftNav + * + #leftNavCloser{ position: fixed; left: 0px; height: 2500px; top: 0px; width: 100%; background-color: rgba(0,0,0,.5); z-index: 9998; }

#leftNav.hidden + * + #leftNavCloser{ height: 0px; top: -1px; background-color: rgba(0,0,0,0);}

}



@media only screen and (min-width: 900px) {
	
#leftNav.hidden + * + #leftNavCloser{ display: none; }
#leftNav + * + #leftNavCloser{ display: none;}

}


@keyframes jffExclusiveAnimation {
    85%   { transform: scale(1,1)      translateY(0); opacity: 1; }
    86.25%  { transform: scale(1.1,.9)   translateY(0); }
    88.75%  { transform: scale(.9,1.1)   translateY(-50%); opacity: 0.95; }
    91.25%  { transform: scale(1.05,.95) translateY(0); }
    92.125%  { transform: scale(1,1)      translateY(-2%); opacity: 1; }
    93%  { transform: scale(1,1)      translateY(0);  }
    97.5% { transform: scale(1,1)      translateY(0); }
    
}

.postContextMenu{
	position: absolute;
	top: -1px;
	right: 0px;
	width: 40px;
	text-align: right;
	overflow: hidden;
	border-top-right-radius: 10px;
}

.postContextMenu > a{
	opacity: .7;
	display: block;
	height: 40px;
	text-align: center;
	cursor: pointer;
}

.postContextMenu > a:hover{
	opacity: 1;
}
.postContextMenu > a > i{
	display: inline-block;
	margin-right: 0px;
	}
	
.postContextMenu > div{
	position: relative;
	left: calc((41px - 100%) * -1);
	}

.postMenu li::before{
	margin-left: -3px;
}

.mbsc-card.pinned, .mbsc-card.shoutout{
	border: 1px solid #D3D3D3;
	}

body.dark .mbsc-card.pinned, body.dark .mbsc-card.shoutout{
	border: 1px solid #333;
	}
	
.pinnedNotice, .shoutoutNotice{
	font-size: 12px;
	font-weight: normal;
	opacity: .55;
	position: relative;
	padding-top: 3px;
	padding-bottom: 3px;
	top: -6px;
	left: 0px;
	}
	
.pinnedNotice i, .shoutoutNotice i{
	margin-right: 4px;
	font-size: 11px;
}
	
.mbsc-card.pinned img.mbsc-avatar, .mbsc-card.shoutout img.mbsc-avatar{
	position: relative;
	margin-top: 0px;
	}
	
.postMentions{
	display: block;
	margin: 15px 0px;
	border: 1px solid rgba(130,130,130,.07);
	background-color: rgba(130,130,130,.03);
	padding: 20px;
	}
	
.postMentions h4{
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
	}
	
.postMentions a{
	display: inline-block;
	width: 130px;
	height: 130px;
	overflow: hidden;
	text-decoration: none;
	position: relative;
	margin-right: 7px;
	}
	
.postMentions a img{
	display: block;
	width: 130px;
	height: 130px;
	border-radius: 65px;
	margin: 0px;
	border: 0px;
	object-fit: cover;
	box-shadow: 0px 0px 20px rgba(0,0,0,.2);
	}
	
.postMentions a span{
	display: block;
	text-align: center;
	bottom: 0px;
	transform-origin: bottom center;
	left: 50%;
	position: absolute;
	z-index: 2;
	color: #FFF;
	min-width: 100px;
	background-color: #A81955;
	border-radius: 5px;
	transform: translateX(-50%) scale(1, 1);
	transition: all 0.2s ease;
	padding: 3px 8px;
	}

.postMentions a:hover span{
	transform: translateX(-50%) scale(1.15, 1.15);
	}

p.storeItemWidgetHeader{
	margin: 15px 15px 0px 15px;
	font-weight: normal;
	font-size: 13px;
	text-transform: uppercase;
	}

.storeItemWidget{
	display: block;
	margin: 7px 15px 15px 15px;
	border: 1px solid rgba(130,130,130,.07);
	background-color: rgba(130,130,130,.03);
	padding: 20px;
}

.storeItemWidget img{
	display: block;
	float: left;
	width: 130px;
	height: 130px;
	border-radius: 5px;
	margin: 0px;
	border: 0px;
	object-fit: cover;
	box-shadow: 0px 0px 20px rgba(0,0,0,.2);
	margin-right: 15px;
	cursor: pointer;
	transform: scale(1, 1);
	transition: all 0.2s ease;
	}
	
.storeItemWidget img:hover{
	transform: scale(1.07, 1.07);
}	
	
.storeItemWidget h3{
	margin: 0px;
	padding: 0px;
	margin-bottom: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	}
	
	
.storeItemWidget p{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0px;
	padding: 0px;
	margin-bottom: 18px;
	
	}
	
.storeItemWidget button{
	margin-bottom: 0px;
	}

	




#rightSticky{
	position: fixed;
	top: 0px;
	right: 0px;
	width: -webkit-fit-content;
	width: fit-content;
	line-height: 40px;
	height: 40px;
	z-index: 8;
	white-space: nowrap;
	
	}
	
#rightSticky > *{
	transition: all 0.2s ease;
}

#rightSticky .eb > i{
	display: inline-block;
	position: relative;
	top: 0;
	left: -4px;
	transform: none;
	}

#leftNavToggle{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 9;
	color: #000;
	cursor: pointer;
	background-color: transparent;
	transition: all 0.2s ease, box-shadow 2s ease, border-radius 1s ease;
	transform: scale(1,1);
	}
	

#leftNavToggle.scrolled{
	box-shadow: 0px 0px 12px rgba(0,0,0,.6);
	background-color: #efeff4;
	top: 7px;
	left: 7px;
	border-radius: 50%;
	}
	
body.dark #leftNavToggle.scrolled{
	box-shadow: 0px 0px 12px rgba(0,0,0,.6);
	background-color: #3a3a3a;
	}
	
#leftNavToggle i{
	font-size: 20px;
	opacity: .7;
	margin: 13px;
	}
	
body.dark #leftNavToggle {
	color: #FFF;
	}
	

#leftNavToggle:hover{
	background-color: #ecd6df;
	transform: scale(1.1,1.1);
	
	

	}
	
body.dark #leftNavToggle:hover{
	background-color: #4a3c42;
	}




.o95{opacity: .95;} .o90{opacity:.9;} .o85{opacity: .85;} .o80{opacity:.8;} .o75{opacity: .75;} .o70{opacity:.7;} .o65{opacity: .65;} .o60{opacity:.6;} .o55{opacity: .55;} .o50{opacity:.5;} .o45{opacity: .45;} .o40{opacity:.4;} .o35{opacity: .35;} .o30{opacity:.3;} .o25{opacity: .25;} .o20{opacity:.2;} .o15{opacity: .15;} .o10{opacity:.1;} .o05{opacity: .05;} .o0{opacity:0;} 

/* Left Nav CSS */
#leftNav { 
	position: fixed; 
	top: 0; 
	height: 100%; 
	width: 300px; 
	background: #2f2f2f; 
	overflow-x: hidden; 
	overflow-y: scroll; 
	padding: 0px; 
	-webkit-overflow-scrolling: touch;
	z-index: 9999;
	transition: left .15s ease-out;
	perspective: 10em;
	
}

.materialLight #leftNav{
	
}


body.jfflight #leftNav .logo{ filter: drop-shadow( 1px -1px 7px rgba(0, 0, 0, 1)); }
body.jffmateriallight #leftNav .logo{ filter: drop-shadow( 1px -1px 7px rgba(0, 0, 0, 1)); }


body.jfflight #leftNav{ box-shadow: inset -20px 0px 34px 0px rgba(0,0,0,.70); }

#leftNav .logo{
	
	width: 240px;
	margin: 20px auto;
	display: block;
	transition: transform .35s ease-in-out;
	transform-origin: center bottom;
	transform: scale3d(1, 1, 1);
	backface-visibility: hidden;
	-webkit-font-smoothing: subpixel-antialiased;
	
}

#leftNav .logo:hover{
	transform: scale3d(1.05, 1.05, 1) ;
	
}

#leftNav .profilePic, img.profilePic{
	border-radius: 35px;
	object-fit: cover;
	box-shadow: 0px -2px 15px rgba(0,0,0,.5);
	margin-left: 0px;
	margin-top: 0px;
	border: 0px;
	display: inline-block;
	transform: scale3d(1, 1, 1);
	transform-origin: center center;
	transition: transform .2s ease-out;
}



#profileTopSection{
	margin-top: 30px;
	white-space: nowrap;
	position: relative;
	}
	
@media only screen and (min-width: 0px) {

#profileTopSection{
	margin-top: 10px;
	}
}

@media only screen and (min-width: 425px) {

#profileTopSection{
	margin-top: 30px;
	}
}


	
.flexStats{
	width: 73%;
	display: flex;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	}
	
.flexStats > div, .flexStats > a{
	min-width: 55px;
	margin: 10px 0px 10px 0px;
	
	}
	
.flexStats a{
	color: #000;
	cursor: pointer;
	}
	
body.dark .flexStats a{
	color: #FFF;
	}
	
.flexStats a:hover{
	text-decoration: none;
	background: rgba(130,130,130,.1);
	border-radius: 4px;
	}



div.profilePicWrapper{
	width: 100%;
	height: 0px;
	position: relative;
	padding-bottom: 100%;
	}
	
div.profileLeft{
	width: 25%;
	position: relative;
	}


img.mainProfilePic{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	margin-left: 0px;
	margin-top: 0px;
	border: 0px;
	display: inline-block;
	transform: scale3d(1, 1, 1);
	transform-origin: center center;
	transition: transform .2s ease-out;
	z-index: 9;
}

img.profilePic{
	margin-left: 0px;
	margin-top: 0px;
}

a img.profilePic:hover, #leftNav a img.profilePic:hover{
	transform: scale3d(1.08, 1.08, 1);
}

#leftNav a:hover .profilePic{
	opacity: .9;
}

#leftNav #leftNavText, #leftNav #leftNavBottom{
	min-height: 0px;
}

#leftNavProfileBlock{
	
	visibility: visible;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: stretch;
	align-items: center;
	justify-content: space-between;
	
	
	padding: 0px;
	margin: 47px 0px 21px 0px;
}

#loggedOutButton{
	width: 100%;
	margin: 0;
	padding: 0;
	}
	
#loggedOutButton a{
	display: block;
	margin: 0px 20px;
	width: 209px;
	}

a#leftNavPic{
	width: 100px;
	height: 70px;
	box-sizing: border-box;
	white-space: nowrap;
	align-self: center;
}

a#leftNavPic span{
	display: inline-block;
	width: 30px;
	height: 30px;
	}

#leftNav .profilePic{
	display: inline-block;
}

#leftNav #leftNavText{
	display: block;
	width: 199px;
	box-sizing: border-box;
	padding: 0px 0px;
		align-self: center;

}

#leftNav #leftNavText > *{
	text-overflow: ellipsis;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 2px;
	margin-bottom: 2px;
	color: #FFF;
	white-space: nowrap;
}

#leftNav #leftNavText a{
	text-decoration: none;
	display: inline-block;
	transition: all 0.2s ease;
	color: #FFF;
	}

#leftNav #leftNavText a:hover{
	text-decoration: none;
	}

#leftNav #leftNavText #profileLine1{
	margin-top: 5px;
}
#leftNav #leftNavText #profileLine1 a i{
	opacity: .9;
	}

#leftNav #leftNavText #profileLine1 a:hover i{
	opacity: 1;
	}

#leftNav #leftNavText #profileLine1 i{
	font-style: normal;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 175px;
	}


#leftNav #leftNavText #profileLine1 a #profileLine2{
	opacity: .6;
	margin-top: 4px;
	font-size: 14px;
	display: block;
	}

#leftNav #leftNavText #profileLine1 a:hover #profileLine2{
	opacity: .65;
	}


#leftNav #leftNavText #profileLine3{
	margin-top: 10px;
	opacity: 1;
	font-size: 13px;
}

#leftNavText{
	margin-left: 15px;
}

#leftNav + #mainPage{ 
	transition: padding-left .15s ease-out;
}

#leftNavBottom{
	display: block;
	position: relative;
	bottom: 0px;
	margin-top: 30px;
	margin-bottom: 15px;
	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-end;
}

#leftNavBottom > div{
	margin: 0px;
	text-align: center;
	cursor: pointer;
	flex: auto;
}


#leftNavBottom > div > a{
	color: rgba(255,255,255,.6);
	text-decoration: none;
	cursor: pointer;
	display: block;
	width: 100%;
	text-align: center;
	padding: 15px 10px;
	background-color: transparent;
	cursor: pointer;
	
}

#leftNavBottom > div > a:hover{
	color: rgba(255,255,255,1);
	background-color: rgba(0,0,0,.3);
}

#leftNavBottom > div > a > i{
	margin-right: 5px;	
}



#leftNav #leftNavBottom:before, #leftNav #leftNavBottom:after{
	content: none;
	
}

body.dark #leftNavText a,
body.dark #leftNav #leftNavBottom,
body.light #leftNavText a, 
body.light #leftNav #leftNavBottom{ color: #FFF; }


#leftNavText, #leftNavBottom{
	background: transparent;
}

body.jffdark #leftNav{ background: #19191a; box-shadow: 0px 0px 20px rgba(0,0,0,.3);}
body.jfflight #leftNav{ background: #19191a; }
body.jffmaterialdark #leftNav{ background: #303030; }
body.jffmateriallight #leftNav{ background: #303030; }

body.dark{ background: #000; }


#leftNavTopSection{
	min-height: calc(100vh - 130px);
}

@media only screen and (min-width: 0px) {
	
	#leftNav{ left: 0px;  }
	#leftNav:last-child{ margin-bottom: 100px; }
	#leftNav.hidden{ left: -300px; }
	#leftNav + #mainPage{ padding-left: 0px;  }
	#leftNav.hidden + #mainPage{ padding-left: 0px; opacity: 1;}
	
	body.noScroll{ overflow: hidden; }
	#leftNav .break100{ display: block; }
}



@media only screen and (min-width: 900px) {
	
	#leftNav{ left: 0px; border-right: 1px solid #333;  }
	body.jffmaterialdark #leftNav{ border-right: 2px solid #000; box-shadow: 0px 0px 15px rgba(0,0,0,.5) }
	#leftNav:last-child{ margin-bottom: 0px; }
	#leftNav.hidden{ left: 0px; }
	#leftNav + #mainPage{ padding-left: 300px; opacity: 1; }
	#leftNav.hidden + #mainPage{ padding-left: 300px; opacity: 1; }
	#leftNavToggle{ display: none; }
	body.noScroll{ overflow: visible; }
	#leftNav .break100{ display: none; }
	
}




div.stats{
	text-align: center;
	display: block;
	font-size: 19px;
	font-weight: bold;
}

div.stats span + span{
	display: block;
	font-size: 13px;
	opacity: .6;
	font-weight: normal;
}



@media only screen and (min-width: 0px) {
	div.stats{ font-size: 13px; }
	div.stats span + span{ font-size: 14px; }
	.flexStats > div{ 
		margin: 4px 0px 4px 0px; 
		min-width: 0px;
		padding: 0px 12px;
	}
	
}



@media only screen and (min-width: 321px) {
	div.stats{ font-size: 17px; }
	div.stats span + span{ font-size: 15px; }
	.flexStats > div{ 
		margin: 4px 0px 4px 0px; 
		min-width: 0px;
		padding: 0px 15px;
	}
	
}


@media only screen and (min-width: 375px) {
	div.stats{ font-size: 20px; }
	div.stats span + span{ font-size: 16px; }
	.flexStats > div{ 
		margin: 6px 0px 6px 0px; 
		min-width: 0px;
		padding: 0px 16px;
	 }

}

@media only screen and (min-width: 475px) {
	div.stats{ font-size: 21px; }
	div.stats span + span{ font-size: 18px; }
	.flexStats > div{ 
		margin: 6px 0px 6px 0px; 
		min-width: 0px; 
		padding: 0px 24px;
	}

}


@media only screen and (min-width: 575px) {
	div.stats{ font-size: 22px; }
	div.stats span + span{ font-size: 19px; }
	.flexStats > div{ 
		margin: 6px 0px 6px 0px; 
		min-width: 0px;
		padding: 0px 31px;
	 }

}

@media only screen and (min-width: 675px) {
	div.stats{ font-size: 23px; }
	div.stats span + span{ font-size: 19px; }
	.flexStats > div{ 
		margin: 6px 0px 6px 0px; 
		min-width: 0px; 
		padding: 0px 35px;
	}

}



body.dark button.eb, body.dark a.eb{ box-shadow: 1px 1px 10px rgba(0,0,0,.4); }
body.light button.eb, body.light a.eb{ box-shadow: 1px 1px 10px rgba(0,0,0,.13); }

button.eb, a.eb, p a.eb, p button.eb{
	display: inline-block;
	text-align: center;
	background-color: rgba(168, 25, 85, 1);
	color: #FFF;
	font-weight: bold;
	border: none;
	border-radius: 2px;
	font-size: 15px;
	padding: 10px 25px;
	cursor: pointer;
	position: relative;
	top: 0px;
	transition: all .4s ease;
	opacity: 1;
	text-decoration: none;
}



a.eb:hover, p a.eb:hover{
	text-decoration: none;
	color: #FFF;
	}
	

button.eb i, a.eb i{
	margin-right: 4px;
	}

button.eb-subscribe i, a.eb-subscribe i{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	font-style: normal;
	font-weight: bold;
	padding: 2px 4px;
	color: #FFF;
	background-color: #470422;
	transform: translate(-25%, -35%);
	text-transform: uppercase;
	z-index: 2;
	font-size: 75%;
	

    transform-origin: center center;
	animation-name: jffSaleAnimation;
    animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
    animation-duration: 7s;
    animation-iteration-count: 2;

}

button.eb:hover i, a.eb:hover i{
}

#buttonTakeNoSpace button.eb i{
	display: none;
	
}

@keyframes jffSaleAnimation {
    0%   { transform: scale(1,1)   translate(-25%, -35%) translateZ(0); opacity: 1; }
    2%  { transform: scale(1.1,.9) translate(-25%, -35%)  ; }
    5%  { transform: scale(.9,1.1) translate(-25%, -85%)  ; opacity: 0.95; }
    7%  { transform: scale(1.05,.95)translate(-25%, -35%) ; }
    9%  { transform: scale(1,1)  translate(-25%, -37%)   ; opacity: 1; }
    14%  { transform: scale(1,1)    translate(-25%, -35%)  ;  }
    17% { transform: scale(1,1)   translate(-25%, -35%)  translateZ(0);; }
    
}


button.eb.eb-small, a.eb.eb-small{
	font-size: 14px;
	padding: 6px 15px;
}

button.eb.eb-danger, a.eb.eb-danger{
	color: #FFF;
	background-color: #f5504e;
	}
	
button.eb.eb-danger:hover, a.eb.eb-danger:hover{
	color: #FFF;
	background-color: #f5504e;
	opacity: .8;
	}

#menuSubscribeButton{
	opacity: 1;
	white-space: nowrap;
	transition: all .4s ease;
	box-sizing: border-box;
	top: 0px;
	overflow: hidden;
	box-shadow: 0px 0px 12px rgba(0,0,0,.6);
}


#menuSubscribeButton.eb-hidden{
	overflow: hidden;
	width: 1px;
	opacity: 0;
	top: -40px;
}

@media only screen and (min-width: 0px) { #buttonTakeNoSpace{ position: relative; right: 10px; }} 
@media only screen and (min-width: 912px) { #buttonTakeNoSpace{ position: absolute; top: 0; right: 11px; }} 





button.eb:hover, a.eb:hover, p button.eb:hover, p a.eb:hover{
	background-color: rgba(146, 11, 68, 1);
}

button.eb.eb-muted, a.eb.eb-muted{
	background-color: #909090;
	color: #FFF;
}

button.eb.eb-muted:hover, a.eb.eb-muted:hover{
	background-color: #7b7b7b;
}


button.eb.eb-veryMuted, a.eb.eb-veryMuted{
	background-color: #c8c8c8;
	color: #767676;
}

button.eb.eb-veryMuted:hover, a.eb.eb-veryMuted:hover{
	background-color: #bababa;
}


body.dark button.eb.eb-veryMuted, body.dark a.eb.eb-veryMuted{
	background-color: #2f2f2f;
	color: #969696;
}

body.dark button.eb.eb-veryMuted:hover, body.dark a.eb.eb-veryMuted:hover{
	background-color: #424242;
}


button.eb.eb-outline, a.eb.eb-outline{
	background-color: transparent;
	color: #A81955;
	border: 1px solid #A81955;
}

button.eb.eb-outline.eb-outlineHoverOnly, a.eb.eb-outline.eb-outlineHoverOnly{
	border: 1px solid transparent;
	box-shadow: none;
	}
	
body.dark button.eb.eb-outline.eb-outlineHoverOnly:hover, body.dark a.eb.eb-outline.eb-outlineHoverOnly:hover{
	box-shadow: 1px 1px 10px rgba(0,0,0,.4);
	}

body.light button.eb.eb-outline.eb-outlineHoverOnly:hover, body.light a.eb.eb-outline.eb-outlineHoverOnly:hover{
	box-shadow: 1px 1px 10px rgba(0,0,0,.13);
	}

button.eb.eb-outline:hover, a.eb.eb-outline:hover{
	color: #A81955;
	border: 1px solid #A81955;
	background-color: rgba(130,130,130,.15);
}

body.dark button.eb.eb-outline:hover, body.dark a.eb.eb-outline:hover{
	background-color: rgba(130,130,130,.10);
}

button.eb span, a.eb span{
	opacity: .7;
	font-weight: normal;
}

button.eb.eb-block, a.eb.eb-block{
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#hideFreePostsWrapper, #HideShoutOutsWrapper{
	text-align: center;
	}

@media only screen and (min-width: 0px) { 

	.filterBar{
		font-size: 20px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		padding: 0px 15px;
		justify-content: space-between;
		border-top: 1px solid rgba(180,180,180,.3);
		border-left: none;
		border-right: none;
		border-bottom: 1px solid rgba(180,180,180,.3);
	}
	
	.filterBar, .filterBar > div, .filterBar > *,
	.filterBarSecondary, .filterBarSecondary > div, .filterBarSecondary > *{
		font-size: 14px;
		}

	.filterBar label .mbsc-input-wrap .mbsc-input-ic{
		display: none;
		}
		
	.filterBar label .mbsc-input-wrap, .filterBar label.mbsc-ios.mbsc-ltr.mbsc-ic-left .mbsc-input-wrap{
		padding-left: 0px;
		}
		
	.filterBar span.hideOnSmallPhones{ display: none; }
	
}

@media only screen and (min-width: 374px) { 
	.filterBar, .filterBar > div, .filterBar > *,
	.filterBarSecondary, .filterBarSecondary > div, .filterBarSecondary > *{
		font-size: 15px;
		}
		
	.filterBar span.hideOnSmallPhones{ display: block; font-size: 11px; margin-top: 5px; text-align: center;}
	
}

@media only screen and (min-width: 560px) { 
	.filterBar{
		border-top: 1px solid rgba(180,180,180,.3);
		border-left: 1px solid rgba(180,180,180,.3);
		border-right: 1px solid rgba(180,180,180,.3);
		border-bottom: 1px solid rgba(180,180,180,.3);
	}
	
	.filterBar, .filterBar > div, .filterBar > *,
	.filterBarSecondary, .filterBarSecondary > div, .filterBarSecondary > *{
		font-size: 17px;
		}
		
	.filterBar label .mbsc-input-wrap .mbsc-input-ic{
		display: block;
		}
		
	.filterBar label .mbsc-input-wrap, .filterBar label.mbsc-ios.mbsc-ltr.mbsc-ic-left .mbsc-input-wrap{
		padding-left: 20px;
		}

	.filterBar span.hideOnSmallPhones{ display: inline; font-size: 15px; margin-top: 0px; text-align: left;}
}


.openSecondaryFilters{
	color: #1a1a1;
	text-align: center;
	max-height: 13px;
	line-height: 13px;
	font-size: 10px;
	cursor: pointer;
	border: 1px solid rgba(180,180,180,.3);
	border-top: none;
	margin-top: -1px;

	color: rgba(0,0,0,.4);
	background: rgba(255,255,255,.95);

	}
	
.touchevents .openSecondaryFilters{
	min-height: 28px;
	line-height: 28px;
	background: rgba(255,255,255,..5);
	}
	
body.dark .openSecondaryFilters{
	color: rgba(255,255,255,.4);
	background: rgba(0,0,0,.95);
	
	}
	
.touchevents body.dark .openSecondaryFilters{
	background: rgba(0,0,0,.2);
	}
	
.openSecondaryFilters:hover{
	background: rgba(180,180,180,.5);
	}
	
	
@media only screen and (max-width: 500px) { 

	.openSecondaryFilters{
		border-left: none;
		border-right: none;
		}

}

.postArea{
	max-width: 598px;
	padding-left: 12px;
	padding-right: 12px;
	margin: 0px auto;
}

.filterArea{
	max-width: 576px;
	margin: 0px auto;
}

.filterBar > div{
	display: inline-block;
	padding: 10px 5px;
	cursor: pointer;
}

.filterBar > div > a{
	
	}
	
body.dark .mbsc-fr-overlay{
	background: rgba(0,0,0,.75)!important;
	}

body.light .mbsc-fr-overlay{
	background: rgba(0,0,0,.5)!important;
	}
	
	



#selectGender .selectLine{
	margin: 0px;
	padding: 0px;
	}
	
#selectGender .mbsc-segmented{
	padding: 0px;
	}
	
#selectGender div.selectLine1 .mbsc-segmented-content{
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding-top: 9px;
	padding-bottom: 9px;
	}
	
#selectGender div.selectLine2{
	margin-top: -1px;
	}

#selectGender div.selectLine2 .mbsc-segmented-content{
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	}
	
#selectGender .buttonContainer{
	margin-top: 25px; margin-bottom: 25px;
	}

#selectGender .buttonContainer button{
	transform: scale3d(1.5, 1.5,1);
	transition: all 0.4s ease;
	opacity: .9;
	}

#selectGender .buttonContainer button:hover{
	transform: scale3d(1.6, 1.6, 1);
	opacity: 1;
	}

body.dark #selectGender i{
	color: #FFF;
	}
	
	
@media only screen and (min-width: 0px) { 
		#selectGender h1.o50{ 
			font-size: 23px;
			margin-top: 2px;
			font-weight: normal;
		}
		#selectGender h1{ 
			font-size: 29px;
			margin-top: 0px;
			padding-top: 0px;
		}
		#selectGender p.mbsc-small{
			margin-bottom: 10px;	
			font-size: 13px;
		}
		#selectGender .buttonContainer{
			margin-top: 15px; margin-bottom: 15px;
		}
		#selectGender .mbsc-segmented-content{
			font-size: 12px;
		}


	}
	
@media only screen and (min-width: 400px) { 
		#selectGender .mbsc-segmented-content{
			font-size: 14px;
		}

}
	
	
@media only screen and (min-width: 768px) { 
		#selectGender h1.o50{ 
			font-size: 32px;
			margin-top: 17px;
		}
		#selectGender h1{ 
			font-size: 34px
		}
		#selectGender p.mbsc-small{
			margin-bottom: 20px;	
			font-size: 15px;
		}
		#selectGender .buttonContainer{
			margin-top: 25px; margin-bottom: 25px;
		}
		#selectGender .mbsc-segmented-content{
			font-size: 16px;
		}
	}
	
@media only screen and (orientation: landscape) and (max-device-width : 800px) {
		#selectGender h1.o50{ 
			display: none;
		}
		#selectGender h1{ 
			margin: -13px 0px -3px 0px;
			padding-top: 0px;
		}
		#selectGender p.mbsc-small{
			display: none;
		}
		#selectGender .buttonContainer{
			margin-top: 2px; margin-bottom: -2px;
		}
}



body.dark #selectGender .mbsc-segmented-content{
	color: #FFF;
	}

#viewSelect i{
	opacity: .2;
	cursor: pointer;
}

#viewSelect i.active{
	opacity: 1;
}

#viewSelect i:hover, #viewSelect:hover i.active:hover{
	opacity: 1;
}

#viewSelect:hover i.active{
	opacity: .2;
}

.mediaFilter.active, .mediaFilter.active:hover{
	opacity: 1;
}

.mediaFilter:hover{
	opacity: 1;
}

.mediaFilter{
	opacity: .5;
}

.exploreTopNav{
	margin: 0px -10px 15px -10px;
	}
	
	
@media only screen and (min-width: 0px) { .exploreTopNav .mbsc-segmented-content{ 
	font-size: 14px;
	font-weight: normal;
	}}
@media only screen and (min-width: 768px) { .exploreTopNav .mbsc-segmented-content{ 
	font-size: 15px;
	font-weight: bold;
	}}
	
	
a.tag{
	display: inline-block;
	background-color: rgba(130,130,130,.1);
	border: 1px solid rgba(130,130,130,.17);
	padding: 2px 5px;
	border-radius: 5px;
	text-decoration: none;
	cursor: pointer;
	}
	
a.tag:hover{
	background-color: rgba(130,130,130,.17);
	border: 1px solid rgba(130,130,130,.24);
	text-decoration: none;
	}
	
.postTags{
	margin: 15px 0px 0px 0px;
	}
	
.postTags a{
	display: inline-block;
	background-color: rgba(130,130,130,.1);
	border: 1px solid rgba(130,130,130,.17);
	padding: 2px 5px;
	border-radius: 5px;
	text-decoration: none;
	cursor: pointer;
	color: #808080;
	font-size: 12px;
	}
	
.postTags a:hover{
	background-color: rgba(130,130,130,.17);
	border: 1px solid rgba(130,130,130,.24);
	text-decoration: none;
}

.mb

.backButton{
	display: block;
	font-size: 20px;
	text-align: left;
	opacity: .5;
	padding: 5px 10px;
	cursor: pointer;
	position: absolute;
	top: 11px;
	left: 10px;
	font-family:'Font Awesome 5 Pro', 'Font Awesome\ 5 Free', 'Font Awesome\ 5 Brands';
	font-weight: 400;
}

.backButton::after{
	display: block;
	font-size: 20px;
	text-align: left;
	opacity: .5;
	padding: 5px 10px;
	cursor: pointer;
	position: absolute;
	top: 11px;
	left: 10px;
	content: '\f053';
	font-family:'Font Awesome 5 Pro', 'Font Awesome\ 5 Free', 'Font Awesome\ 5 Brands';
	font-weight: 400;
	cursor: pointer;
	}

.backButton:hover:after{
	opacity: 1;
	cursor: pointer;
}

/* TADA */

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  5%, 10% {
    -webkit-transform: scale(.9) rotate(-8deg);
    transform: scale(.9) rotate(-8deg);
  }

  15%, 25%, 35% {
    -webkit-transform: scale(1.3) rotate(8deg);
    transform: scale(1.3) rotate(8deg);
  }

  20%, 30% {
    -webkit-transform: scale(1.3) rotate(-8deg);
    transform: scale(1.3) rotate(-8deg);
  }

  40%, 100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  5%, 10% {
    -webkit-transform: scale(.9) rotate(-8deg);
    transform: scale(.9) rotate(-8deg);
  }

  15%, 25%, 35% {
    -webkit-transform: scale(1.3) rotate(8deg);
    transform: scale(1.3) rotate(8deg);
  }

  20%, 30% {
    -webkit-transform: scale(1.3) rotate(-8deg);
    transform: scale(1.3) rotate(-8deg);
  }

  40%, 50% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.faa-tada.animated,
.faa-tada.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-tada {
  -webkit-animation: tada 4s linear infinite;
  animation: tada 4s linear infinite;
}

.faa-tada.animated.faa-fast,
.faa-tada.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-tada.faa-fast {
  -webkit-animation: tada 1s linear infinite;
  animation: tada 1s linear infinite;
}

.faa-tada.animated.faa-slow,
.faa-tada.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-tada.faa-slow {
  -webkit-animation: tada 3s linear infinite;
  animation: tada 3s linear infinite;
}

.postArea.listView{
	display: block;
}

.postArea.gridView{
	/*
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: flex-start;
	align-items: flex-start;
	*/
	display: block;
}


/*
.postArea.gridView div#postAreaAutoScroll, .postArea.gridView div.jscroll-inner, .postArea.gridView div.jscroll-added, .postArea.gridView div.searchResultsProfile{
	display: contents;
}

.postArea.gridView .jscroll-inner{ display: contents; }
*/

.postArea.gridView div.mbsc-card{
	border-radius: 0px;
}
.postArea  div.mbsc-card{
	width: 100%;
}

.postArea.listView  div.mbsc-card{
	margin: 12px 0px;	
	overflow: visible;
}

.postArea.gridView div.mbsc-card{
	margin: 0px 0px;	
	width: 33.3%;
	padding-bottom: 33.3%;
	height: 0px;
	margin: 0px;
	float: left;
	position: relative;
	transition: transform 0.2s ease-out, opacity 2s ease;
	box-sizing: border-box;
	border: none;
}

.postArea.gridView div.mbsc-card.searchHeader,
.postArea.gridView div.mbsc-card.loadingMoreNotice{
	width: 100%;
	height: auto;
	padding: 0px;
	transform: scale(1);
	position: relative;
	}
	
.postArea.gridView div.mbsc-card.loadingMoreNotice{
	margin-top: 20px;
	}
	
.postArea div.mbsc-card.loadingMoreNotice{
	min-height: 175px;
	display: block!important;
	background-color: rgba(130,130,130,.2);
	}
	
.loadingMoreNotice{
	opacity: .6;
	}
	
.postArea.gridView{
	margin-top: 12px;
	}
	
.postArea.gridView div.mbsc-card.searchHeader:hover,
.postArea.gridView div.mbsc-card.loadingMoreNotice:hover{
	transform: scale(1);
}	

.searchHeader h2{
	color: rgba(0,0,0,.5);
	font-size: 16px;
	}
	
.searchHeader h2 b{
	color: rgba(0,0,0,1);
	}

body.dark .searchHeader h2{
	color: rgba(255,255,255,.5);
	}
	
body.dark .searchHeader h2 b{
	color: rgba(255,255,255, 1);
	}

.postArea  div.mbsc-card > a.gridAction{
	display: none;
}

.postArea.gridView  div.mbsc-card > a.gridAction{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 10;
	text-decoration: none;
}


.postArea.gridView  div.mbsc-card:hover{
	transform-origin: center center;
	box-shadow: 2px 2px 15px rgba(0,0,0,.3);
	z-index: 11;
}

.no-touchevents .postArea.gridView  div.mbsc-card:hover{ transform: scale3d(1.1,1.1,1); }
.touchevents .postArea.gridView  div.mbsc-card:hover{ transform: none; }


.postArea.gridView  div.mbsc-card.text .mbsc-card-content{
	
	display: block;
	width: 100%;
	position: absolute;
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 97%;
	text-overflow: ellipsis;
	}
	
.postArea.gridView  div.mbsc-card.text div.mbsc-card-content div.post-text-content{
	display: block;
	margin: 10px;
	text-overflow: ellipsis;
}

.postArea.gridView  div.mbsc-card.text div.mbsc-card-content div.post-text-content *{
	display: inline;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
}




.postArea.gridView  div.mbsc-card.text div.mbsc-card-content div.post-text-content h1, 
.postArea.gridView  div.mbsc-card.text div.mbsc-card-content div.post-text-content h2, 
.postArea.gridView  div.mbsc-card.text div.mbsc-card-content div.post-text-content h3, 
.postArea.gridView  div.mbsc-card.text div.mbsc-card-content div.post-text-content h4, 
.postArea.gridView  div.mbsc-card.text div.mbsc-card-content div.post-text-content h5, 
.postArea.gridView  div.mbsc-card.text div.mbsc-card-content div.post-text-content h6 
{
	font-weight: bold;
	font-size: 16px;
}

.video-thumbnail{
	position: relative;
}

.video-thumbnail::after{
	display: block;
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate3d(-50%, -50%, 0px);
	content: "\f144";
	font-weight: 900;
	color: #FFF;
	color: rgba(255,255,255,.27);
	text-shadow: 0px 0px 20px rgba(0,0,0,.5);
	font-size: 100px;
    font-family:'Font Awesome 5 Pro', 'Font Awesome\ 5 Free', 'Font Awesome\ 5 Brands';
	transition: all 0.2s ease-out;
}

.no-touchevents .video-thumbnail:hover::after{
	color: rgba(255,255,255,.5);
	font-size: 120px;
	text-shadow: 7px 7px 27px rgba(0,0,0,.75);
}
.video-thumbnail:hover::after{
	color: rgba(255,255,255,.5);
}


@media only screen and (min-width: 0px) { 
	.video-thumbnail::after{font-size: 70px;} 
	.no-touchevents .video-thumbnail:hover::after{font-size: 85px;} 
	} 
@media only screen and (min-width: 724px) { 
	.video-thumbnail::after{font-size: 87px;} 
	.no-touchevents .video-thumbnail:hover::after{font-size: 107px;} 
	} 
@media only screen and (min-width: 992px) { 
	.video-thumbnail::after{font-size: 100px;} 
	.no-touchevents .video-thumbnail:hover::after{font-size: 120px;} 
	} 



.video-thumbnail img{
	max-height: 717px;
	object-fit: cover;
	}

div.post-text-content{
	
}

div.post-text-content a{
	text-decoration: none;
	font-weight: bold;
	color: #A81955;
	transition: color 0.2s ease;
}

div.post-text-content a:hover{
	text-decoration: none;
	color: #e32e7a;
}

div.post-text-content a.tag{
	opacity: .7;
	text-decoration: none;
}

div.post-text-content a.tag:hover{
	opacity: .1;
	color: #e32e7a;
	text-decoration: none;
}


li.sale.mbsc-lv-item {
	background-color: #A81955;
	color: #FFF;
}

li.sale h3, li.sale p{
	color: #FFF;
}

ul#subscriptionOptions li.sale i{
	display: block;
	float: left;
	width: auto;
	height: 45px;
	margin-right: 14px;
	font-size: 43px;
	opacity: 1.5;
	color: #FFF;
	margin-top: 7px;
}

ul#subscriptionOptions li i.flavor{
	display: block;
	float: left;
	width: auto;
	height: 24px;
	margin-right: 14px;
	font-size: 13px;
	opacity: 1.5;
	color: #FFF;
	background-color: #A81955;
	border-radius: 12px;
	font-weight: bold;
	text-transform: uppercase;
	font-style: normal;
	padding: 5px 8px;
	margin-top: 6px;
}
ul#subscriptionOptions{
	margin-top: -2px;
	margin-bottom: -2px;
	}

#subscriptionOptionsBox{
	padding: 30px;
	width: 100%;
	max-width: 594px;
	border-radius: 10px;
}

#tipWindow{
	padding: 30px;
	width: 100%;
	max-width: 400px;
	border-radius: 10px;
}

body.dark #tipWindow{ background-color: #1a1a1a; color: #FFF; }

body.light #tipWindow{ background-color: #efeff4; color: #000; }

.postArea .mbsc-card .mbsc-avatar{ object-fit: cover; }

#setSize, .setSize{
	width: 1000px;
	height: 1px;
	overflow: hidden;
}

@media only screen and (min-width: 0px) { .manageAsset .setSize{ width: 200px; } }
@media only screen and (min-width: 250px) { .manageAsset .setSize{ width: 250px; } }
@media only screen and (min-width: 300px) { .manageAsset .setSize{ width: 300px; } }
@media only screen and (min-width: 400px) { .manageAsset .setSize{ width: 400px; } }
@media only screen and (min-width: 500px) { .manageAsset .setSize{ width: 500px; } }

#pageSubscribe label, #pageLogin label{
	margin: 10px;
}


#page1, #pageSubscribe{
	text-align: center;
}

.unlockAvatar{
	display: inline-block;
	width: 100px;
	height: 100px;
	position: relative;
}

.unlockAvatar img{
	width: 100px;
	height: 100px;
	left: 0px;
	top: 0px;
	border-radius: 50px;
	position: absolute;
	z-index: 1;
	margin: 0px;
}

.unlockAvatar b{
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	z-index: 2;
	position: absolute;
	background-color: #000;
	opacity: .3;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
}

.unlockAvatar i{
	font-size: 65px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	color: #FFF;
	text-shadow: 1px 1px 15px rgba(0,0,0,.4);
	margin: 0px;
	padding: 0px;
	opacity: .8;
}


@media only screen and (min-width: 0px) { img.subscribeFlowPic{ 
	display: inline-block;
	float: left;
	margin-right: 20px;
	}}
@media only screen and (min-width: 768px) { img.subscribeFlowPic{ 
	display: block;
	float: none;
	margin: -10px auto 20px auto ;
	}}

@media only screen and (min-width: 0px) {  p.registerText{  
	width: auto;
	margin: 15px 30px 0px 30px;
	}}
@media only screen and (min-width: 768px) { p.registerText{ 
	width: 60%;
	margin: 15px auto 0px auto;
	}}

.cryptoMessage{
	position: absolute;
	max-width: 80%;
	top: 11px;
	right: 10px;
}

.cryptoMessage p{
	margin: 0;
	padding: 6px 12px;
	border-radius: 10px;
	background-color: rgba(130,130,130,.1);
}

p.authyText{
	text-align: left;
	text-decoration: underline;
	font-size: 12px;
	cursor: pointer;
	padding-left: 17px;
	
}

p.authyText:hover{
	color: #818181; 
}

.happyGreen, .unlockAvatar i.happyGreen{
	color: #68b71d;
}

body.dark .happyGreenopacity: .7; }


p a{ color: #A81955; text-decoration: none; }
p a:hover{ color: #A81955; text-decoration: underline; }

#right{ width: 40%; }

#pageCC .mbsc-col > * {
	margin: 10px;
}

body.dark 	#subscriptionOptionsBox, body.dark #subscription2FA{ background-color: #1a1a1a; color: #FFF; }

body.light 	#subscriptionOptionsBox, body.light #subscription2FA { background-color: #efeff4; color: #000; }

#subscription2FA{
	max-width: 800px;
	padding: 20px 30px;
	}


body.dark p.tags a, body.dark p.tags a:hover{ color: #FFF; } 
body.light p.tags a, body.light p.tags a:hover{ color: #000; }

p.tags{
	margin: inherit;
}

p.tags a{
	font-size: 75%;
	opacity: .5;
	font-weight: bold;
}

p.tags a:hover{
	opacity: 1;
}

p.tags a:hover{
	background-color: #A81955;
	color: #FFF;
}


i.notificationIcon{
	position: absolute;
	left: 36px;
	top: 37px;
	font-size: 21px;
	color: #FFF;
	transform: translate(-50%, -50%);
	text-shadow: 0px 0px 10px rgba(0,0,0,.4);
}

#tipWindow{
	max-width: 400px;
	text-align: center;
}

.postArea.gridView  div.mbsc-card p, 
.postArea.gridView  div.mbsc-card i, 
.postArea.gridView div.mbsc-card-header, 
.postArea.gridView div.mbsc-card-content, 
.postArea.gridView div.mbsc-card-footer,
.postArea.gridView div.postTags{
	display:none;
}

.postArea.gridView div.mbsc-card.video div.mbsc-card-content,
.postArea.gridView div.mbsc-card.photo div.mbsc-card-content{
	display: block;
	}

.postArea.gridView div.mbsc-card.video div.mbsc-card-content > *,
.postArea.gridView div.mbsc-card.photo div.mbsc-card-content > *{
	display: none;
	}
	
.postArea.gridView div.mbsc-card.video div.mbsc-card-content > div.post-video-runtime{
	display: block;
	position: absolute;
	z-index: 9;
	width: auto;
	bottom: 3px;
	right: 3px;
	max-width: calc(100% - 6px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 4px 7px;
	color: #FFF;
	color: rgba(255,255,255,.7);
	background-color: rgba(0,0,0,.5);
	font-size: 12px;
	font-weight: bold;
	border-radius: 5px;
	opacity: 1;
	margin-bottom: 0px;
	text-shadow: 0px 0px 5px rgba(0,0,0,.5);
	}
	
.postArea.gridView div.mbsc-card.video div.mbsc-card-content > div.post-video-runtime i{
	display: none!important;
	}
	
.postArea.gridView div.mbsc-card.video div.mbsc-card-content > div.post-text-content,
.postArea.gridView div.mbsc-card.photo div.mbsc-card-content > div.post-text-content{
	display: block;
	position: absolute;
	z-index: 9;
	width: auto;
	top: 3px;
	left: 3px;
	max-width: calc(100% - 6px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0px 7px;
	color: #FFF;
	color: rgba(255,255,255,.8);
	background-color: rgba(0,0,0,.6);
	font-size: 13px;
	font-weight: normal;
	border-radius: 5px;
	text-shadow: 0px 0px 5px rgba(0,0,0,.5);
	height: 28px;
	line-height: 28px;
	}
	
.postArea.gridView div.mbsc-card.video div.mbsc-card-content > div.post-text-content *,
.postArea.gridView div.mbsc-card.photo div.mbsc-card-content > div.post-text-content *{
	display: inline!important;
	font-size: 13px;
	line-height: 28px;
}
.postArea.gridView div.mbsc-card.video div.mbsc-card-content > div.post-text-content br,
.postArea.gridView div.mbsc-card.photo div.mbsc-card-content > div.post-text-content br{
	display: none!important;
}
.postArea div.imageGallery{
	visibility: visible;
}

.postArea.gridView div.imageGallery{
	visibility: hidden;
}




.postArea.gridView  div.mbsc-card.photo > img.galleryThumb{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	object-fit: cover;
	border-radius: 0px;
}

.postArea.listView  div.mbsc-card.photo > img.galleryThumb, div.lity  div.mbsc-card.photo > img.galleryThumb{
	display: none;
}

div.lity  div.mbsc-card.photo, div.lity  div.mbsc-card.text, div.lity  div.mbsc-card.storeItem{
	max-width: 597px;
}

div.lity  div.mbsc-card.photo{
	max-width: 574px;
	}

.postArea.listView  div.mbsc-card img.showInGrid, .lity-active div.mbsc-card img.showInGrid {
	display: none;
	}

.postArea.listView  img.listViewOnly{
	display: block;
}
.postArea.gridView  img.listViewOnly{
	display: none;
}

.postArea.listView  img.loggedOutThumbPhoto{
	display: none;
}
.postArea.gridView  img.loggedOutThumbPhoto{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lity-content .mbsc-card img.loggedOutThumbPhoto{ display: none; }

.postArea.listView  i.loggedOutIcon, .lity-content i.loggedOutIcon{
	display: none;
}
.postArea.gridView  i.fas.fa-lock-alt, .postArea.gridView  i.fas.fa-image, .postArea.gridView  i.fas.fa-images{
	display: block;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 57px;
	color: rgba(255,255,255,.27);
	text-shadow: 0px 0px 20px rgba(0,0,0,.5);
	}
	
.postArea.gridView  div.mbsc-card.video img.videoThumb{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	object-fit: cover;
	z-index: 9;
}

.postArea.gridView  div.mbsc-card.video::after{
	display: block;
	position: absolute;
	left: 50%;
	top:55%;
	transform: translate3d(-50%, -50%, 0px);
	content: "\f144";
	font-weight: 900;
	z-index: 9;
	color: #FFF;
	color: rgba(255,255,255,.27);
	text-shadow: 0px 0px 20px rgba(0,0,0,.5);
	font-size: 63px;
    font-family:'Font Awesome 5 Pro', 'Font Awesome\ 5 Free', 'Font Awesome\ 5 Brands';
}

#postAreaAutoScrollStoreItems.postArea.gridView  div.mbsc-card.video::after{
	display: none;
	}


.postArea.gridView  div.mbsc-card.video div.videoBlock{
	display: none;
}


.postArea.listView  div.mbsc-card.video img.videoThumb, div.lity div.mbsc-card.video img.videoThumb{
	display: none;
}



.postArea video[poster]{
	height:100%;
	width:100%;
	object-fit: contain; /* was cover */
}

.postArea.filterVideos  div.mbsc-card, .postArea.filterPhotos   div.mbsc-card{
	display: none;
	}

.postArea.gridView.filterVideos  div.mbsc-card.video{
	display: block;
}


.postArea.gridView.filterPhotos  div.mbsc-card.photo{
	display: block;
}

.postArea.listView.filterVideos  div.mbsc-card.video{
	display: block;
}


p.text-center{
	display: block;
	width: 100%;
	margin: 30px 0px 40px 0px;
	text-align: center;
	font-size: 30px;
}

.postArea.listView.filterPhotos  div.mbsc-card.photo{
	display: block;
}

.postArea.listView div.mbsc-card.eHidden,
.postArea.gridView div.mbsc-card.eHidden{
	display: none!important;
}

.postArea.filterStore  div.mbsc-card{
	display: none;
}

.postArea div.mbsc-card.storeItem{
	display: block;
}

.postArea.filterStore  div.mbsc-card.storeItem{
	display: block;
}

.postArea.gridView div.mbsc-card.storeItem div.mbsc-card-content{
	display: block;
	z-index: 10;
	border-radius: 3px;
	background: rgba(0,0,0,.5);
	max-width: 88%;
	max-height: 88%;
	overflow: auto;
	width: 100%;
	font-size: 12px;
	position: absolute;
	left: 50%;
	bottom: 12px;
	color: #FFF;
	color: rgba(255,255,255,.7);
	text-shadow: 0px 0px 5px rgba(0,0,0,.6);
	transform: translate(-50%, 0px);
	}
	
.postArea.gridView div.mbsc-card.storeItem div.mbsc-card-content > *:not(p.itemPrice):not(br):not(em.cd-price):not(b){
	display: none;	
	}


.postArea.gridView div.mbsc-card.storeItem div.mbsc-card-content > b:first-child{
	display: block;
	margin-bottom: 6px;
	text-align: center;
	color: rgba(255,255,255,.95);
	}

.postArea.gridView div.mbsc-card.storeItem div.mbsc-card-content > p.itemPrice,
.postArea.gridView div.mbsc-card.storeItem div.mbsc-card-content > em.cd-price{
	display: block;
	position: relative;
	left: 0px;
	background-color: rgba(0,0,0,.3);
	padding: 10px;
	color: #FFF;
	font-size: 17px;
	border-radius: 5px;
	font-style: normal;
	text-align: center;
	margin-top: 10px;
	z-index: 11;
	font-size: 13px;
	font-weight: bold;
	color: rgba(255,255,255,1);
	}

p.itemPrice{
	font-size: 150%;
	margin: 0px 0px 10px 0px;
}

p.itemName{
	margin: -5px 0px 5px 0px;
}

.mediaSheetClose{
	position: absolute;
	top:8px;
	right: 8px;
	font-size: 18px;
	color: #FFF;
	opacity: .5;
	cursor: pointer;
}

.mediaSheetClose:hover{
	opacity: .8;
	
}


.mediaSheet a{
	text-decoration: none;
}

.mediaSheet a h5{
	font-size: 18px;
	color: #000;
	text-decoration: none;
	margin-top: 2px;
}

.mediaSheet a .mbsc-card-subtitle{
	color: rgba(0,0,0,.5);
	font-size: 13px;
	margin: 0px;
}


.belowButtons{
	display: block;
	clear: both;
	margin: 20px auto;
	max-width: 400px;
}

.belowButtons a{
	display: block;
	width: 100%;
	margin: 10px 0px;
}

.postCommentButton{
	padding-top: 7px!important;
	padding-bottom: 7px!important;
	margin: 0px 0px 0px 10px!important;
	}
	
	
.galThumb{
	object-fit:cover;
	border-radius: 4px;
	border: 4px solid transparent;
	opacity: .5;
}

.slick-current .galThumb{
	opacity: 1;
}

.slick-initialized .slick-slide{
	outline: none;
}

@media only screen and (min-width: 768px){
	div.mbsc-ms-bottom{
		max-width: 500px;
		margin: 0px auto;
		border-radius: 10px 10px 0px 0px;
		box-shadow: 2px 2px 20px rgba(0,0,0,.5);
	}
	div.mbsc-ms-bottom li.icon:before{
		margin-top: 4px;
		}
	
}

.post-video-runtime{
	font-size: 75%;
	opacity: .5;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
}

.post-video-runtime i{
	font-weight: bold;
	font-style: normal;
}


.post-comments{
	padding-top: 15px;
}

.post-comments  p{
	margin: 0px 0px 22px 0px;
	padding: 0px;
	font-size: 15px;
	display: table;
	width: 100%;
	clear: both;
	line-height: 1.3em;
}

.post-comments  p.reply{
	padding-left: 47px;
}

.post-comments  p span.replyButton{
	display: block;
	width: 30px;
	height: 42px;
	margin-left: 5px;
	float: right;
	text-align: right;
}


.post-comments  p span.replyButton b{
	padding: 5px;
	font-size: 14px;
	display: inline-block;
	border-radius: 4px;
	opacity: .4;
	max-width: 30px;
	margin-top: 7px;
	cursor: pointer;
}

a.likeButton{
	display: inline-block;
	margin-left: 20px;
	text-decoration: none;
	cursor: pointer;
	color: #000;
	color: rgba(0,0,0,.6);
	}
	
body.dark a.likeButton{ color: rgba(255,255,255,.6); }
	
a.likeButton:hover, a.likeButton.liked{
	text-decoration: none;
	color: #A81955;
	}
	
a.likeButton:hover i, a.likeButton.liked i{
	transform: scale(1.2, 1.2);
	}
	
a.likeButton i{
	font-size: 13px;
	transition: all 0.2s ease;
	}
	
a.likeButton b{
	font-weight: normal;
	font-size: 12px;
	}

.post-comments  p:hover span.replyButton b{
	opacity: .7;
}

.post-comments  p:hover span.replyButton b:hover{
	color: #FFF;
	background-color: #A81955;
	opacity: 1;
}

p.replyNotice, p.EnterToSentNotice{
	font-size: 70%;
	text-align: left;
	opacity: .5;
	margin-bottom: -20px;
	margin-top: 20px;
}

p.EnterToSentNotice{
	text-align: right;
	margin-top: -17px;
	margin-bottom: 9px;
	height: 0px;
	overflow: hidden;
	transition: height 0.2s ease;
	}

.post-comments  p span.avatar{
	display: block;
	float: left;
	width: 42px;
	height: 42px;
	position: relative;
	margin-right: 7px;
}

.post-comments  p span.avatar img{
	width: 38px;
	height: 38px;
	padding: 0;
	border-radius: 19px;
	position: relative;
	top: 2px;
	left: 2px;
	object-fit: cover;
}

.post-comments  p span.avatar i.JFF-Exclusive{
	position: absolute;
	top: -5px;
	left: -11px;
}

.post-comments p span.avatar i.JFF-Exclusive::before{
	text-shadow: 2px 3px 3px rgba(0,0,0,.6);
}

.post-comments p span.comment{
	display: table-cell;
	min-height: 42px;
	vertical-align: middle;
	text-align: left;
	width: 100%;
}



.post-comments p span.comment-username{
	font-weight: bold;
	opacity: .9;
}

.post-comments .mbsc-form:before, .post-comments .mbsc-form:after {
content: none;
display: none;
}

@media only screen and (min-width: 0px) { button.eb.eb-responsive, a.eb.eb-responsive{ font-size: 15px; }} 
@media only screen and (min-width: 576px) { button.eb.eb-responsive, a.eb.eb-responsive{ font-size: 16px; }} 
@media only screen and (min-width: 768px) { button.eb.eb-responsive, a.eb.eb-responsive{ font-size: 17px; }} 
@media only screen and (min-width: 992px) { button.eb.eb-responsive, a.eb.eb-responsive{ font-size: 18px; }} 
@media only screen and (min-width: 1200px) { button.eb.eb-responsive, a.eb.eb-responsive{ font-size: 19px; }} 

.eHidden{ display: none; }

.comment-date{
	display: block;
	font-size: 12px;
	color: #000;
	color: rgba(0,0,0,.5);
	}
	
body.dark .comment-date{ color: rgba(255,255,255,.5); }
	
.mbsc-avatar.iconAvatar{
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background-color: rgba(130,130,130,.2);
	position: relative;
	font-size: 22px;
	}
	
.mbsc-avatar.iconAvatar i{
	top: 50%;
	left: 50%;
	opacity: .3;
	position: absolute;
	transform: translate(-50%, -50%);
	transition: opacity 0.2s ease;
	}
	
.mbsc-collapsible-open .mbsc-avatar.iconAvatar i{
	opacity: .6;
	}
	
.mbsc-collapsible-header{
	transition: all 0.2s ease;
	}
	
.mbsc-collapsible-open .mbsc-collapsible-header{
	background-color: rgba(130,130,130,0.06);
	}

i.info{
	opacity: 0.6;
    font-family:'Font Awesome 5 Pro', 'Font Awesome\ 5 Free', 'Font Awesome\ 5 Brands';
    font-weight: 900;
    font-style: normal;
    display: inline-block;
    position: relative;
    z-index: 999;
	}
	
i.info::after{
	content: '\f05a';
	}

.imageGalleryButton:hover{
	transform: translate(0, -50%) scale(1.2);
}
.imageGalleryButton
{
    font-size: 40px;
    line-height: 40px;
    color: #FFF!important;
    text-shadow: 0px 0px 10px black;

    position: absolute;
    top: 50%;
    z-index: 1;

    display: block;
    transition: transform 0.2s ease;
    opacity: .35;

    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
   
    background: transparent;
}
.imageGalleryButton.leftButton{
	left: 10px;	
}

.imageGalleryButton.rightButton{
	right: 10px;	
}

ul.slick-dots button{
	background: transparent;
	padding: 5px;
	color: transparent;
	border: 0;
	outline: none;
}

ul.slick-dots{
	margin: 5px 0px 0px 0px;
	padding: 0;
}

.slick-dots li.slick-active button:before
{
    opacity: .75;
}

body.dark .slick-dots li button:before{ color: #FFF; }
body.light .slick-dots li  button:before{ color: black; }




.slick-dots li.slick-active button:before { color: black; }

.imageGalleryButton:hover,
.imageGalleryButton:focus,
.imageGalleryButton:hover,
.imageGalleryButton:focus
{
    color: transparent;
    outline: none;
    background: transparent;
    opacity: .8;
}

.md-card-tab {
    display: none;
}

.md-card-tab-sel {
    display: block;
}

.photoGalleryNav li img{
	object-fit: cover;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 0px;
}

.slick-dots
{
    

    display: block;

    width: 100%;
    padding: 0;
    margin: 10px 0px 0px 0px;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-size: 26px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.break,.break5,.break10,.break15,.break17,.break20,.break25,.break30,.break35,.break40,.break45,.break50,.break55,.break60,.break65,.break70,.break75,.break80,.break85,.break90,.break95,.break100{
	display: block;
	margin: 0px;
	height: 1px;
	background: transparent;
	border: none;
	padding: 0px;
	clear: both;
	position: relative;
	letter-spacing: -1px;
}

.break{height: 0px;} .break5{height: 5px;} .break10{height: 10px;} .break15{height: 15px;} .break17{height: 17px;} .break20{height: 20px;} .break25{height: 25px;} .break30{height: 30px;} .break35{height: 35px;} .break40{height: 40px;} .break45{height: 45px;} .break50{height: 50px;} .break55{height: 55px;} .break60{height: 60px;} .break65{height: 65px;} .break70{height: 70px;} .break75{height: 75px;} .break80{height: 80px;} .break85{height: 85px;} .break90{height: 90px;} .break95{height: 95px;} .break100{height: 100px;}

.bigBox{
	display: block;
}

.bigBox img{
	
}

body.jff .lity{
	z-index: 999998;
}

.lity-active .mbsc-fr{
	z-index: 999999;
}

.lity-content > img{
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: contain;
}

.lity-content > img::before{
	content:" ";
	display: block;
	width: 100%;
}


.lity-active body {
    overflow: hidden;
}
.lity-inline .lity-content > * {
    max-height: none !important;
}
.lity-inline .lity-wrap {
    overflow: auto;
}
.lity-inline .lity-content {
    margin: 20px 0;
}





/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background: rgba(34, 34, 34, 0.94);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:45px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none!important;}


/* Tooltipster CSS (tooltipster.bundle.min.css): https://iamceege.github.io/tooltipster/ */
.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px} 

/* Tooltipster Theme: Borderless */

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow{height:8px;margin-left:-8px;width:16px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow{height:16px;margin-left:0;margin-top:-8px;width:8px}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border{border:8px solid transparent}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#1b1b1b;border-bottom-color:rgba(0,0,0,.6)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border{border-left-color:#1b1b1b;border-left-color:rgba(0,0,0,.6)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border{border-right-color:#1b1b1b;border-right-color:rgba(0,0,0,.6)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border{border-top-color:#1b1b1b;border-top-color:rgba(0,0,0,.6)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped{top:-8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped{left:-8px}

/* chat styling */

	 
	 
.ThreadLastDate{
	font-size: smaller;
	
}

.ThreadRead{
	
	color: green;
	
}

.ThreadNotRead{
	color: red;
	
}



.FullThreadContainer{
	border-radius: 8px;
	padding: 8px;
	margin-bottom: 10px;
	
	
}

.newmailbox-content{
	border-radius: 8px;
	padding: 8px;
	margin-bottom: 10px;

	
}

/*****          Profile Photos         ********/
.message-photo{
	display: block;
	float: left;
	width: auto;
	width: 50px;
	height: 50px;
	z-index: 6;
	position: relative;
}

.message-photo a{
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
}

.message-photo a img{
	border: 0;
	width: 50px;
	height: 50px;
	object-fit:cover;
	border-radius: 50%;
	margin: 0;
	padding: 0;
	display: block;
}

.chat-item-right .message-photo{
	float: right;
}

body.dark .message-photo img{
	border: 1px solid rgba(255,255,255,0.3);
}


/*********              Name               *********/


.message-FullName{
	display: block;
	float: left;
	line-height: 50px;
	height: 50px;
	margin: 0px 15px;
	background-color: rgba(130,130,130,.08);
	border: 1px solid rgba(130,130,130,.17);
	margin-left: -20px;
	padding-left: 35px;
	padding-right: 15px;
	z-index: 5;
	height: 35px;
	line-height: 35px;
	top: 7px;
	position: relative;
	border-radius: 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: calc(100% - 50px);
}

.message-FullName a{
	color: #7F7F7F;
	text-decoration: none;
}

.chat-item-right .message-FullName{ 
	float: right; 
	margin-left: 15px;
	padding-left: 15px;
	margin-right: -20px;
	padding-right: 35px;

	}


.message-FullName i{
	padding: 0px 4px;
}

.message-FullName i.fa-user-check{
	opacity: .6;
}



.message-sender{
	white-space: nowrap;
	overflow: visible;
	
}

/*********            Messages             *********/

.message-content p{ 
	display: block;
	clear: both;
	float: left;
	border-radius: 10px;
	text-align: left;
	position: relative;
	padding: 4px 7px;
	margin: 0px;
	min-width: 80px;
}

.message-content p.noWedge{
	margin-top: -20px;
}

.chat-item-right .message-content p{
	float: right;
	text-align: right;
}

body .chat-item-left .message-content p{ 
	background-color: #d9d9d9;
	background-color: rgba(0,0,0,.1);
	color: #090909;
	}
	
body.dark .chat-item-left .message-content p{
	background-color: #333333;
	background-color: rgba(255,255,255,.14);
	color: #d5d5d5;
}
	
.chat-item-left .message-content p:after{
	content: '';
	position: absolute;
	top: 0;
	left: 35px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #d9d9d9;
	border-bottom-color: rgba(0,0,0,.14);
	border-top: 0;
	border-left: 0;
	margin-left: -5px;
	margin-top: -10px;
}

body.dark .chat-item-left .message-content p:after{
	border-bottom-color: #333333;
	border-bottom-color: rgba(255,255,255,.1);
}

.chat-item-right .message-content p:after{
	content: '';
	position: absolute;
	top: 0;
	right: 35px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #2578eb;
	border-top: 0;
	border-right: 0;
	margin-left: -5px;
	margin-top: -10px;	
}

.chat-item-right .message-content p{
	background-color: #2578eb;
	color: #FFF;
	text-align: right;
}

.message-content p{ 
	background-color: #e5e5ea;
	color: #090909;
	}
	
.chat-item-left .message-content .message-date, .chat-item-right .message-content .message-date,
body .chat-item-left .message-content .message-date, body .chat-item-right .message-content .message-date,
body.dark .chat-item-left .message-content .message-date, body.dark .chat-item-right .message-content .message-date{
	background-color: none;
	background: none;
	color: #929292;
	padding: 0px 7px;
	margin: 0;
	margin-top: 2px;
	width: 100%;
	clear: both;
}

.chat-item-left .message-content .message-date{
	text-align: left;
}
.chat-item-right .message-content .message-date,
{
	text-align: right;
}

.chat-item-left .message-content p.message-date:after, 
.chat-item-right .message-content p.message-date:after,
.chat-item-left .message-content p.noWedge:after,
.chat-item-right .message-content p.noWedge:after
{
	display: none;
}

.message-content{
	display: block;
	width: 100%;
	margin-top: 15px;
	clear: both;
	overflow: visible;
	border-bottom: none;
}

.message-sender{
	overflow: visible;
	height: 50px;
	display: block;
	clear: both;
	border-bottom: none;
}


.newmailbox-content{
	display: block;
	width: 100%;
	max-width: 700px;
	margin: 0px auto;
	clear: both;
}

.SendingMessage{


	
}


.mailbox-content textarea{
	font-size: 17px;

	
}

.mailbox-content {
	max-width: 700px;
	margin: 0px auto 20px auto;
	display: block;
}
.mailbox-content div.pull-right span.btn{
	font-size: 18px;
	border-color: #2561b4;
	border-style: outset;
	border-radius: 3px;
	background-color: #2578eb;
	color: #FFF;
}

.mailbox-content div.pull-right span.btn:hover{
	background-color: #3e89f2;
	}


#BackToThreads{
	font-size: 18px;
	border-color: #393939;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	background-color: #5f5f5f;
	color: #FFF;
	display: block;
	text-align: center;
	box-shadow: inset 0px 0px 16px rgba(0,0,0, .3);
	height: 43px;
	line-height: 40px;
	padding: 0px;
	text-shadow: 1px 1px 4px rgba(0,0,0,.5);
	cursor: pointer;
	margin-top: 15px;
	margin-left: 13px;
	margin-right: 13px;
		
}

#BackToThreads:hover{
	background-color: #6c6c6c;
}


.AllThreadsContainer{
	margin-bottom: 0px;
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 0px;
	position: relative;
	min-height: 100px;
}

.adminAutoResponses{
	display: block;
	padding: 10px;
	margin: 20px;
	border: 1px solid rgba(130,130,130,.2);
	background-color: rgba(130,130,130,.1);
	border-radius: 10px;
	position: relative;
	overflow: visible;
	}
	
.adminAutoResponses a{
	display: block;
	text-align: left;
	margin: 10px 0px 0px 0px;
	padding: 15px;
	border: 1px dashed rgba(130,130,130,.2);
	background-color: rgba(130,130,130,.1);
	border-radius: 10px;
	box-shadow: inset 0px 0px 15px rgba(0,0,0,.15);
	color: #7b7b7b;
	text-decoration: none;
	}

.adminAutoResponses a:first-child{
	margin-top: 0px;
	}
.adminAutoResponses a:hover{
	background-color: rgba(130,130,130,.17);
	text-decoration: none;
}


.OneThreadContainer {
	display: block;
	clear: both;
	height: 80px;
	width: 100%;
	position: relative;
	cursor: pointer;
	margin-top: -1px;
	margin-left: -1px;
	z-index: 9;
}

body .OneThreadContainer{
	border: 1px solid #d1d1d1;
	border-right: none;
}

body .OneThreadContainer.active{
 background-color: #ecf6ff;
 }

body .OneThreadContainer.ThreadNotRead{
 background-color: #e1e1e1;
 border: 1px solid #707070; 
 z-index: 10;
 }

body .OneThreadContainer.ThreadNotRead{
 background-color: #d3d3d3;
 }

body .OneThreadContainer.ThreadNotRead div.ThreadMessage{
 font-weight: bold;
 }


body.dark .OneThreadContainer.ThreadNotRead{
 background-color: #242424;
 }

body.dark .OneThreadContainer.ThreadNotRead div.ThreadMessage{
 font-weight: bold;
 }


body.dark .OneThreadContainer{
	border: 1px solid #2a2a2a;
	border-right: none;
}
body.dark .OneThreadContainer.active{
 background-color: #2b3034;
 }

.OneThreadContainer div.ThreadPhoto{
	display: block;
	width: 60px;
	height: 60px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 5px;
	top: 9px;
}

.OneThreadContainer div.ThreadPhoto img{
	width: 60px;
	height: 60px;
	object-fit: cover;
	border-radius: 50%;
	cursor: pointer;
	}
	
div.ThreadName{
	display: block;
	text-align: left;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
	top: 10px;
	left: 70px;
	right: 5px;
	color: #000;
	margin-top: 10px;
	color: rgba(0,0,0,.9);
	white-space: nowrap;
	cursor: pointer;
	line-height: 20px;
}

body.dark div.ThreadName{ color: #FFF; color: rgba(255,255,255,.9); }


div.ThreadMessage{
	display: block;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	color: #333;
	color: rgba(0,0,0,.5);
	position: absolute;
	left: 0;
	top: 41px;
	left: 70px;
	right: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	white-space: nowrap;
}
body.dark div.ThreadMessage{ color: #cdcdcd; color: rgba(255,255,255,.5); }

.OneThreadContainer div.ThreadPhoto{
	transform: scale(0.9);
	transition: transform 0.2s ease;
}
body.dark div.ThreadPhoto img{ border: 1px solid rgba(255,255,255,.2); }

.OneThreadContainer:hover div.ThreadPhoto{
	transform: translateZ(0) scale(1);
}

body #AllLeftSide, body .ThreadPlusFormContainer{
	border: 1px solid #d1d1d1;
	background-color: #FFF;
	
}

body #AllLeftSide{
	border-bottom: none;
}

.ThreadPlusFormContainer{
	margin-left: -1px;
	padding-bottom: 40px;
}

body.dark #AllLeftSide, body.dark .ThreadPlusFormContainer{
	border: 1px solid #2a2a2a;
	background-color: #000;
}

body.dark #AllLeftSide{
	border-bottom: none;
}




div.loader{
	display: block;
	text-align: center;
}


@media (min-width: 1px){ 
.message-content p{ max-width: 85%; }  
.message-content p{ font-size: 14px; }
}
@media (min-width: 576px){
.message-content p{ max-width: 85%; } 
.message-content p{ font-size: 14px; }
}
@media (min-width: 768px){ 
.message-content p{ max-width: 85%; } 
.message-content p{ font-size: 15px; }
}
@media (min-width: 992px){ 
.message-content p{ max-width: 85%; } 
.message-content p{ font-size: 16px; }
}

@media (min-width: 1px){ 
	#main-wrapper.mbsc-grid{ padding-left: 0px; padding-right: 0px; }
	.message-options button{ 
		float: right; 
		font-size: 15px;
		padding: 9px 13px!important;
		}
	.message-options button span{
		display: none;
		} 
}
@media (min-width: 1024px){
	#main-wrapper.mbsc-grid{ padding-left: 1em; padding-right: 1em; }
	.message-options button span{
		display: inline;
		} 
}

@media (min-width: 1200px){
	.message-options button{ 
		font-size: 17px;
		padding: .625em 1.375em!important;
		}
}

.message-options{
	margin-top: -10px;
	margin-bottom: 10px;
	}
	
.closeButton{
	display: block;
	position: absolute;
	top: -10px;
	right: -10px;
	font-size: 17px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: rgba(255,255,255,0);
	opacity: .75;
	cursor: pointer;
	}
	
body.dark .closeButton{
	background-color: rgba(0,0,0,.5);
	}
	
.closeButton::after{
	content: "\f057";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	top: calc(50% + 1px);
	transform: translate(-50%, -50%);
	color: #000;
    font-family:'Font Awesome 5 Pro', 'Font Awesome\ 5 Free', 'Font Awesome\ 5 Brands';
    font-weight: 900;
	}
	
body.dark .closeButton::after{
	color: #FFF;
	}
	
.closeButton:hover{
	opacity: 1;
	background-color: rgba(255,255,255,.3);
	}
	
body.dark .closeButton:hover{
	background-color: rgba(0,0,0,.3);
	}
	
.gridView .searchHeader .closeButton{
	top: 6px;
	right: 6px;
	}
	
	
	
	
	
	
	
	

	.badge{
		display: inline-block;
		
		position: relative;
	}
	
	.badge.hasDescription{
		margin-right: 100px;
	}
	
	.badgeSmall .badge.hasDescription{
		margin-right: 0px;
	}
	
	.badgeShapeLeft, .badgeShapeRight{
		display: block;
		font-size: 85px;
		width: 50%;
		height: 85px;
		text-align: left;
		line-height: 85px;
		overflow: visible;
		position: absolute;
		top: 0px;
		left: 0px;
		
	}
	
	.badgeSmall .badgeShapeLeft, .badgeSmall .badgeShapeRight{
		height: 36px;
		line-height: 36px;
		font-size: 36px;
	}
	
	.badgeShapeLeft{
		width: 50%;
		color: #000;
		opacity: .12;
		z-index: 6;
		overflow: hidden;
		height: 100%;
	}
	
	.badgeShapeRight{
		z-index: 5;
		position: relative;
	}
	
	.badgeIcon{
		display: block;
		font-size: 46px;
		color: #FFF;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		opacity: .8;
		z-index: 7;
		text-align: center;
	}
	
	.badgeSmall .badgeIcon{
		font-size: 19px;
		text-shadow: 0px 0px 11px rgba(0,0,0,.4);
	}
	
	.mouseLeave{
		display: block;
		position: absolute;
		background-color: transparent;
		z-index: 99999;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		
	}
	
	.badgeHeadline{
		display: block;
		max-width: 100%;
		min-width: 70%;
		position: absolute;
		bottom: 0px;
		left: 50%;
		transform: translate(-50%, 44%);
		z-index: 8;
		text-align: center;
		font-size: 11px;
		border: 2px solid rgba(30,30,30,.7);
		border-radius: 5px;
		opacity: .9;
	}
	
	.badgeWrapper > .badgeHeadline{
		max-width: 100%;
		min-width: 20%;
		width: fit-content;
		position: absolute;
		bottom: 0px;
		left: 50%;
		transform: translate(-50%, 44%);
	}
	
	body.jfflight .badgeHeadline{
		border: 2px solid rgba(222,222,222,.7);
	}
	
	.badgeHeadline span{
		display: block;
		padding: 3px;
		text-align: center;
		background-color: rgba(0,0,0,.3);
		white-space: normal;
		color: #FFF;
		font-weight: bold;
		position: relative;
		
	}
	
	.badgeWrapper{
		display: inline-block;
		white-space: nowrap;
	}
	
	.badgeDescription{
		display: block;
		width: 135px;
		height: 70px;
		position: absolute;
		box-sizing: border-box;
		font-size: 12px;
		border: 2px solid rgba(255,255,255,.2);
		background: rgba(255,255,255,.08);
		color: #FFF;
		padding-left: 50px;
		left: 50px;
		top: 7px;
		z-index: 1;
		border-radius: 0px 5px 5px 0px;
		text-align: center;
		opacity: .7;
		white-space: normal;
	}
	
	body.jfflight .badgeDescription{
		border: 2px solid rgba(0,0,0,.2);
		background: #FFF;
		color: #000;
	}
	
	.badgeDescription span{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-20px, -50%);
		width: 76px;
	}
	
	.badgeWrapper{
		position: relative;
	}
	
	  
	 .col{
		 padding: 10px;
	 }
	 
	 .row{
		 margin: 20px;
		 display: flex;
		 justify-content: center;
		 flex-wrap: wrap;
	 }
	 
	
	 
	 .badgePopup{
		 display: block;
		 position: relative;
		 width: 270px;
		 text-align: center;
		 overflow: visible;
		 background-color: transparent;
	 }
	 
	 .badgePopupInner{
		 display: block;
		 background-color: transparent;
		 border-radius: 10px;
		 padding: 15px;
		 padding-bottom: 0px;
		 width: 210px;
		 margin: 0px auto;
	 }
	 
	 .arrowUp{
		 display: block;
		 width: 0; 
		   height: 0; 
		   border-left: 20px solid transparent;
		   border-right: 20px solid transparent;
		   
		   border-top: 20px solid #FFF;
		   left: 50%;
		   top: -20px;
	 }
	 
	 .badgePopupHeadline{
		  display: block;
		  margin: 9px 0px 5px 0px;
	  }
	  
	  
	  
	  .badgePopupDescription{
		   display: block;
		   margin: 5px 0px 5px 0px;
		   opacity: .7;
	   }
	   
	   .badgeCounter{
		   display: block;
		   position: absolute;
		   top: 0%;
		   left: 80%;
		   font-weight: bold;
		   font-size: 16px;
		   overflow: hidden;
		   z-index: 9;
		   text-transform: none;
		   color: rgba(255,255,255,.8);
		   border: 2.5px solid rgba(0,0,0,.5);
		   border-radius: 11px;
		   transform: translate(-47%, -7px);
		   letter-spacing: -.4px;
		   font-family: Arial, Helvetica,Helvetica Neue, Verdana, sans-serif;
	   }
	   
	   body.jfflight .badgeCounter{
		   border: 2.5px solid rgba(255,255,255,.5);
	   }
	   
	   .badgeCounter span{
		   display: block;
		   padding: 1px 7px;
		   background-color: rgba(0,0,0,.3);
		   min-width: 27px;
		   text-align: center;
	   }
	   
	   .badgeSmall .badgeCounter{
		   font-size: 10px;
		   border: 1.5px solid rgba(0,0,0,.5);
	   }
	   
	   body.jfflight .badgeSmall .badgeCounter{
			  font-size: 10px;
			  border: 1.5px solid rgba(255,255,255,.5);
		  }
		  
		.badgeSmall .badgeCounter span{
			padding: 1px 4px;
			min-width: 18px;
		} 
	
	@media only screen and (max-width: 480px) {
		
		#profileUsername span i:first-child{
			margin-left: 0px;
		}
		
		
	  .badge.hasDescription {
		  margin-right: 50px;
	  }
	  .badgeIcon {
		  font-size: 32px;
	  }
	  .badgeShapeLeft, .badgeShapeRight {
		  font-size: 61px;
		  line-height: 61px;
			height: 61px;
		}
		.badgeHeadline {
			max-width: 120%;
			min-width: 100%;
			font-size: 10px;
		}
		
		.badgeDescription{
			width: 104px;
			height: 53px;
			font-size: 10px;
		}
		.badgeDescription span {
			transform: translate(-32px, -50%);
			width: 74px;
		}
		.badgeDrawer .badgeWrapper{
			width: 156px;
		}
		
		.badgeWrapper > .badgeHeadline {
			transform: translate(-50%, 67%);	
		}
	
	}