/* =================================================================
   Lethal Hardcore VR
   ================================================================= */

/* =================================================================
   CSS Custom Properties
   ================================================================= */

:root {
	--blue: #011293;
	--blue-hover: #001EFF;
	
	--purple: #9C00B7;
	--purple-hover: #C100FF;
	
	--pink: #C50F62;
	--pink-hover: #FF0074;
	
	--red: #9F1600;
	--red-hover: #EA2F12;
	
	--orange: #9F5000;
	--orange-hover: #EA7F12;
	
	--yellow: #C77E19;
	--yellow-hover: #FFC107;
	
	--green: #1B9601;
	--green-hover: #2BB80D;
	
	--teal: #034E63;
	--teal-hover: #107592;
	
	--cyan: #2A5073;
	--cyan-hover: #163B5C;
	
	--dark: #03070F;
	--dark-15: rgba(0,0,0,.15);
	--dark-25: rgba(0,0,0,.25);
	--dark-50: rgba(0,0,0,.50);
	--dark-75: rgba(0,0,0,.75);
	
	--body: #4D5159;
	--brown: #504137;
	
	--dark-gray: #716F70;
	--light: #6B7078;
	--white: #FFFFFF;
	--sans-color: transparent;
	
	
	/*Main Colors*/
	/*Primary*/
	--primary: #DEDEDE;
	--primary-hover: #ABABAB;
	--primary-25: rgba(222,222,222,.25);
	--primary-50: rgba(222,222,222,.5);
	--primary-hover-25: rgba(171,171,171,.25);
	--primary-hover-50: rgba(171,171,171,.5);
	
	/*Secondary*/
	--secondary: #6B7078;
	--secondary-hover: #2F3237;
	--secondary-25: rgba(107,112,120,.25);
	--secondary-50: rgba(107,112,120,.5);
	--secondary-hover-25: rgba(47,50,55,.25);
	--secondary-hover-50: rgba(47,50,55,.5);
	
	
	/*Support Colors*/
	/*Success*/
	--success: #277859;
	--success-hover: #116042;
	--success-25: rgba(39,120,89,.25);
	--success-50: rgba(39,120,89,.5);
	--success-hover-25: rgba(17,96,66,.25);
	--success-hover-50: rgba(17,96,66,.5);
	
	/*Info*/
	--info: #2A5073;
	--info-hover: #163B5C;
	--info-25: rgba(42,80,115,.25);
	--info-50: rgba(42,80,115,.5);
	--info-hover-25: rgba(22,59,92,.25);
	--info-hover-50: rgba(22,59,92,.5);
	
	/*Warning*/
	--warning: #B25F39;
	--warning-hover: #8E3D19;
	--warning-25: rgba(178,95,57,.25);
	--warning-50: rgba(178,95,57,.5);
	--warning-hover-25: rgba(142,61,25,.25);
	--warning-hover-50: rgba(142,61,25,.5);
	
	/*Danger*/
	--danger: #A13451;
	--danger-hover: #801733;
	--danger-25: rgba(161,52,81,.25);
	--danger-50: rgba(161,52,81,.5);
	--danger-hover-25: rgba(128,23,51,.25);
	--danger-hover-50: rgba(128,23,51,.5);

	/*Buttons*/
	--btn-background: rgba(0,0,0,.55);
	--btn-boxshadow: 0 0 0 .125em;
	--btn-padding: .375rem 1rem;
	
	--btn-hover-boxshadow: 0 0 0 .2em;
	
	/*Borders*/
	--border-radius: 0;
	--border-width: .15rem;
	--border-style: solid;

	/*Site Content Padding*/
	--site-content-padding-top: 0;
	
	/*Fonts*/
	--font-family-header: 'Merriweather', serif;
	--font-family-copy: 'Open Sans', sans-serif;
	
	/*Email Generator Styling*/
	--email-background: #03070F;
	--email-body-background: #4D5159;
	--email-text-body: #DEDEDE;
	--email-logo-background-color: #4D5159;
	--email-footer-background: #03070F;
	--email-text-footer: #DEDEDE;
	--email-footer-link: #3399FF;
	--email-accent: #DEDEDE;
	--email-text-button: #2F3237;
	--email-special-message-text: #2F3237;
	--email-dark: #181818;
	--email-border-radius: 0;
}

	@media (max-width:991px){
		:root {
			--site-content-padding-top: 0;
		}
	}



/* ==========================================================================
   Basic Site Setup
   ========================================================================== */
/*HTML*/
html {
	background-color: #4D5159;
	background-color: var(--body);
}

/*Body*/
body{
	color: #DEDEDE;
	color: var(--primary);
	background-color: #4D5159;
	background-color: var(--body);
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	background-attachment: fixed;
}

/*Site Content*/
.site-content{
	padding: 30px 0 100px 0;
}

/*HR*/
hr {
	margin-top: 3rem;
	margin-bottom: 3rem;
	border-top: .25rem solid rgba(235,222,194,.5);
	border-top: var(--border-width) var(--border-style) var(--secondary-50);
}

/*Links*/
a{
	color: #DEDEDE;
	color: var(--primary);
}
	a:hover{
		color: #ABABAB;
		color: var(--primary-hover);
	}


/*Footer*/
footer{
	position: relative;
	padding: 3em 0 0;
	padding-bottom: 4em;
	background-color: #2F3237;
}



/* ==========================================================================
   Fonts & Typography
   ========================================================================== */
/*Body: Elements to use body font & styling.*/
.btn,
.sash,
.overlay,
.pagination,.pagination .active,
.site-features-nav a,
.nav-tabs,
input,
text-area
{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

/*Header: Elements to use header font & styling.*/
h1,
h2,
h3,
h4,
h5,
h6,
.nav-tabs .nav-item a.nav-link.active,
.video-tags a,
.movie-title span, .scene-title>span,
.ui-widget-content a{
	font-family: 'Merriweather', sans-serif;
	font-weight: 700;
}

/*Header Specific Styling*/
h1,
h2,
h3,
h4,
h5,
h6{
	color: #DEDEDE;
	color: var(--primary);
}

.home-title{
	font-family: 'Merriweather', sans-serif;
	font-weight: 700;
}
.home-title:hover a:hover{
	text-decoration: none;
}

/* =================================================================
   Navigation
   ================================================================= */
.navbar-nav a p{

}

/*Navbar*/
.navbar{
	padding: 0;
	background-color: #2F3237;
	background-color: var(--secondary-hover);
	color: #6B7078;
	color: var(--light);
}

/*Navbar Links*/	
.nav-link{
	padding: .375rem 1rem;
	padding: var(--btn-padding);
	color: #DEDEDE;
	color: var(--primary);
	border-color: transparent;
	border-color: var(--sans-color);
	border: .15em solid transparent;
	text-transform: uppercase;
}
	.nav-link:hover:not(.dropdown){
		color: #03070F;
		color: var(--dark);
		background-color: #ABABAB;
		background-color: var(--primary-hover);
		border-color: #ABABAB;
		border-color: var(--primary-hover);
		border: .15em solid #ABABAB;	
	}
.nav-link.btn{
	box-shadow: none;
	margin-right: .25em;
}

.site-logo {
	padding: .375rem 1rem;
	padding: var(--btn-padding);
}

.whorecraft-logo{
	filter: grayscale(1);
}
	
	.whorecraft-logo:hover{
		filter: grayscale(0);
	}
					
	/*Navbar Collapse: Change navigation to 2-up layout.*/
	@media (max-width: 991px) and (min-width: 768px) {
		.navbar-nav {
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-around;
		}
		.navbar-nav a.nav-item {
			width: 48%;
		}
	}
	
	/*Navbar Collapse: Styling for collapsed menu and navbar links.*/
	@media (max-width: 991px) {
		.navbar-nav {padding: 1em;}
		.navbar-nav a.nav-item {
			display: block;
			width: 100%;
			text-align: center;
			margin: .5em 0;
			border-radius: 0;
			border-radius: var(--border-radius);
		}
		.navbar-nav a.nav-item:not(.btn){
			border: .15em solid #6B7078;
			border: var(--border-width) var(--border-style) var(--secondary);
		}
			
		.navbar-nav a:hover.nav-item:not(.btn), .navbar-nav a:focus.nav-item:not(.btn),
		.navbar-nav a.hover.nav-item:not(.btn), .navbar-nav a.focus.nav-item:not(.btn) {
			color: #DEDEDE;
			color: var(--primary);
			border: .15em solid #DEDEDE;
			border: var(--border-width) var(--border-style) var(--primary);
		}
	}

/*Off Canvas Menu Collapse*/
@media (max-width: 991px) {
	.offcanvas-collapse {
		background-color: #03070F;
		background-color: var(--dark);
	}
}
  
  
  
/* ==========================================================================
   Text Color
   ========================================================================== */
.text-primary{
	color: #DEDEDE !important;
	color: var(--primary)!important;
}
.text-secondary{
	color: #FFFFFF !important;
	color: var(--white)!important;
}
.text-success{
	color: #277859 !important;
	color: var(--success)!important;
}
.text-info{
	color: #2A5073 !important;
	color: var(--info)!important;
}
.text-warning{
	color: #B25F39 !important;
	color: var(--warning)!important;
}
.text-danger{
	color: #A13451 !important;
	color: var(--danger)!important;
}
.text-dark{
	color: #03070F !important;
	color: var(--dark)!important;
}
.text-light{
	color: #6B7078 !important;
	color: var(--light)!important;
}
.text-white{
	color: #FFFFFF !important;
	color: var(--white)!important;
}
.text-light-brown{
	color: #B1997F !important;
	color: var(--light-brown)!important;
}
.text-muted {
	color: rgba(235,222,194,.5)!important;
	color: var(--secondary-50)!important;
}

  
  
/* ==========================================================================
   Backgrounds
   ========================================================================== */
div.bg-primary,
div.bg-success,
div.bg-info,
div.bg-warning,
div.bg-danger,
div.bg-inverse{position: relative;}

.bg-primary{
	background-color: #DEDEDE !important;
	background-color: var(--primary)!important;
	color: #03070F !important;
	color: var(--dark) !important;
}
.bg-secondary{
	background-color: #6B7078 !important;
	background-color: var(--secondary)!important;
}
.bg-gray{
	background-color: #2F3237 !important;
	background-color: var(--secondary-hover)!important;
}
.bg-secondary-25{
	background-color: rgba(235,222,194,.25) !important;
	background-color: var(--secondary-25)!important;
}
.bg-success{
	background-color: #277859 !important;
	background-color: var(--success)!important;
	color: #FFFFFF;
	color: var(--white);
}
.bg-info, .bg-promotion{
	background-color: #2A5073 !important;
	background-color: var(--info)!important;
	color: #FFFFFF;
	color: var(--white);
}
.bg-warning{
	background-color: #B25F39 !important;
	background-color: var(--warning)!important;
	color: #FFFFFF;
	color: var(--white);
}
.bg-danger{
	background-color: #A13451 !important;
	background-color: var(--danger)!important;
	color: #FFFFFF;
	color: var(--white);
}
.bg-dark{
	background-color: #03070F !important;
	background-color: var(--dark)!important;
}
	.bg-dark-15{
		background-color: rgba(0,0,0,.15)!important;
		background-color: var(--dark-15)!important;
	}
	.bg-dark-25{
		background-color: rgba(0,0,0,.25)!important;
		background-color: var(--dark-25)!important;
	}
	.bg-dark-50{
		background-color: rgba(0,0,0,.50)!important;
		background-color: var(--dark-50)!important;
	}
.bg-black{
	background-color: #03070F !important;
	background-color: var(--dark)!important;
	color: #FFFFFF;
	color: var(--white);
}
.bg-light-brown{
	background-color: #B1997F !important;
	background-color: var(--light-brown)!important;
	color: #FFFFFF;
	color: var(--white);
}
.bg-light{
	background-color: #6B7078;
	background-color: var(--light)!important;
	color: #03070F;
	color: var(--dark);
}
	.bg-light h1,
	.bg-light h2,
	.bg-light h3,
	.bg-light h4,
	.bg-light h5,
	.bg-light h6{
		color: #03070F;
		color: var(--dark);
		text-shadow: none;
	}
.bg-body{
	background-color: #4D5159;
	background-color: var(--body)!important;
	background-image: url(https://imgs.adultempire.com/res/bn/1600x600-texture-leather.jpg);
	background-attachment: fixed;
}
.bg-purple{
	background-color: #9C00B7;
	background-color: var(--purple)!important;
	color: #FFFFFF;
	color: var(--white);
}
  
  
/* ==========================================================================
   Breakout
   ========================================================================== */
.breakout-shadow{
	padding: 5em 0;
	background-color: #6B7078;
	background-color: var(--light);
}

.feature-title{
	top: auto;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	padding: 1em;
	background-color: #DEDEDE;
	background-color: var(--body);
	text-align: left;
	}



/* ==========================================================================
   Button Styling
   ========================================================================== */
.navbar-toggler {
	font-size: 1rem;
}

.btn{
	background-color: #FFFFFF;
	background-color: var(--white);
	padding: .375rem 1rem;
	padding: var(--btn-padding);
	color: #000;
	color: var(--primary);
	border-radius: 0;
	border-radius: var(--border-radius);
	text-transform: uppercase;
	-webkit-transition: background .2s,color .2s;
	transition: background .2s,color .2s;
	border: .15em solid transparent;
	border: var(--border-width) var(--border-style) var(--white);
	box-shadow: 0.45em 0.45em 0 0 rgba(3,7,15,.1);
	transition: all .4s;
}
	.btn:hover,
	.btn:active, .btn.active{
		background-color: rgba(255,163,57,.5);
		background-color: var(--primary-hover-50);
		border-color: #DEDEDE;
		border-color: var(--primary);
		color: #FFFFFF;
		color: var(--white);
		border: .15em solid #6B7078;
		border: var(--border-width) var(--border-style) var(--secondary);
		box-shadow: -0.45em 0.45em 0 0 rgba(3,7,15,1);
		transition: all .4s;		
	}
	.btn:active:hover, .btn.active:hover,
	.btn:active:focus, .btn.active:focus{
		background-color: #ABABAB;
		background-color: var(--primary-hover);
	}
	.btn.focus, .btn:focus {
		outline: 0;
		box-shadow: 0 0 0 .2em rgba(255,137,0,.25);
		box-shadow: var(--btn-hover-boxshadow) var(--primary-25);
	}
	.btn.disabled, .btn:disabled {
		background-color: rgba(0,0,0,.55);
		background-color: var(--btn-background);
		opacity: .65;
	}

/*Button Link*/
.btn-link {
	background-color: transparent;
	box-shadow: none;
	border: 0;
}
	.btn-link:hover,
	.btn-link:active, .btn-link.active{
		background-color: transparent;
		border-color: transparent;
		box-shadow: none;
		color: #FFFFFF;
		color: var(--white);
		border: 0;
	}
	.btn-link:active:hover, .btn-link.active:hover,
	.btn-link:active:focus, .btn-link.active:focus{
		background-color: transparent;
	}
	.btn-link.focus, .btn-link:focus {
		outline: 0;
		box-shadow: none;
	}
	.btn-link.disabled, .btn-link:disabled {
		background-color: transparent;
		opacity: .65;
	}

/*Primary*/
.btn-primary,.navbar-toggler,
.btn-primary.disabled, .btn-primary:disabled{
	color: #4D5159;
	color: var(--body);
	border-color: #FFFFFF;
	border-color: var(--white);
}

	/*Hover & Active*/
	.btn-primary:hover,
	.btn-primary:not(:disabled):not(.disabled).active,
	.btn-primary:not(:disabled):not(.disabled):active,
	.show>.btn-primary.dropdown-toggle{
		background-color: #716F70;
		background-color: var(--dark-gray);
		-webkit-border-image: -webkit-linear-gradient(top left, #ABABAB 0%, #FFFFFF 50%, #ABABAB 100%);
		border-image: linear-gradient(to bottom right, #ABABAB 0%, #FFFFFF 50%, #ABABAB 100%);
		border-image-slice: 1;
		color: #FFFFFF !important;
		color: var(--white)!important;
	}
		
	/*Focus*/
	.btn-primary.focus, .btn-primary:focus{
		box-shadow: 0 0 0 .2em rgba(255,137,0,.25);
		box-shadow: var(--btn-hover-boxshadow) var(--primary-25);
	}
	.btn-primary:not(:disabled):not(.disabled).active:focus, 
	.btn-primary:not(:disabled):not(.disabled):active:focus, 
	.show>.btn-primary.dropdown-toggle:focus{
		background-color: #ABABAB;
		background-color: var(--primary-hover);
		box-shadow: 0 0 0 .2em rgba(255,137,0,.5);
		box-shadow: var(--btn-hover-boxshadow) var(--primary-50);
	}
		.btn-primary:not(:disabled):not(.disabled).active:hover, 
		.btn-primary:not(:disabled):not(.disabled):active:hover, 
		.btn-primary:active:hover, .btn-primary.active:hover,
		.btn-primary:active:focus, .btn-primary.active:focus{
			background-color: #ABABAB;
			background-color: var(--primary-hover);
		}
	
	/*Disabled*/
	.btn-primary.disabled, .btn-primary:disabled{
		opacity: .65;
	}
	
/*Secondary*/
.btn-secondary,
.btn-secondary.disabled, .btn-secondary:disabled{
	color: #2F3237;
	color: var(--secondary-hover);
	border-color: #6B7078;
	border-color: var(--primary);
	background-color: #6B7078;
	background-color: var(--primary);
}

	/*Hover & Active*/
	.btn-secondary:hover,
	.btn-secondary:not(:disabled):not(.disabled).active,
	.btn-secondary:not(:disabled):not(.disabled):active,
	.show>.btn-secondary.dropdown-toggle{
		background-color: #2F3237;
		background-color: var(--secondary-hover);
		-webkit-border-image: -webkit-linear-gradient(top left, #716F70 0%, #DEDEDE 50%, #716F70 100%);
	    border-image: linear-gradient(to bottom right, #716F70 0%, #DEDEDE 50%, #716F70 100%);
	    border-image-slice: 1;
		color: #FFFFFF;
		color: var(--white);
	}
		
	/*Focus*/
	.btn-secondary.focus, .btn-secondary:focus{
		box-shadow: 0 0 0 .2em rgba(235,222,194,.25);
		box-shadow: var(--btn-hover-boxshadow) var(--secondary-25);
	}
	.btn-secondary:not(:disabled):not(.disabled).active:focus, 
	.btn-secondary:not(:disabled):not(.disabled):active:focus, 
	.show>.btn-secondary.dropdown-toggle:focus{
		background-color: #2F3237;
		background-color: var(--secondary-hover);
		color: #03070F;
		color: var(--dark);
		box-shadow: 0 0 0 .2em rgba(235,222,194,.5);
		box-shadow: var(--btn-hover-boxshadow) var(--secondary-50);
	}
		.btn-secondary:not(:disabled):not(.disabled).active:hover, 
		.btn-secondary:not(:disabled):not(.disabled):active:hover, 
		.btn-secondary:active:hover, .btn-secondary.active:hover,
		.btn-secondary:active:focus, .btn-secondary.active:focus{
			color: #ABABAB;
			color: var(--primary-hover);
			background-color: #2F3237;
			background-color: var(--secondary-hover);
		}
	
	/*Disabled*/
	.btn-secondary.disabled, .btn-secondary:disabled{
		opacity: .65;
	}
	
	.alpha-sort-container .btn-secondary{
		padding: .375rem .75rem;
	}

/*Success*/
.btn-success,
.btn-success.disabled, .btn-success:disabled{
	color: #FFFFFF;
	color: var(--white);
	border-color: #277859;
	border-color: var(--success);
	background-color: #277859;
	background-color: var(--success);
}

	/*Hover & Active*/
	.btn-success:hover,
	.btn-success:not(:disabled):not(.disabled).active,
	.btn-success:not(:disabled):not(.disabled):active,
	.show>.btn-success.dropdown-toggle{
		background-color: #116042;
		background-color: var(--success-hover);
		-webkit-border-image: -webkit-linear-gradient(top left, #716F70 0%, #DEDEDE 50%, #716F70 100%);
	     border-image: linear-gradient(to bottom right, #716F70 0%, #DEDEDE 50%, #716F70 100%);
	     border-image-slice: 1;
		color: #FFFFFF !important;
		color: var(--white)!important;
	}
		
	/*Focus*/
	.btn-success.focus, .btn-success:focus{
		box-shadow: 0 0 0 .2em rgba(0,182,79,.25);
		box-shadow: var(--btn-hover-boxshadow) var(--success-25);
	}
	.btn-success:not(:disabled):not(.disabled).active:focus, 
	.btn-success:not(:disabled):not(.disabled):active:focus, 
	.show>.btn-success.dropdown-toggle:focus{
		background-color: #116042;
		background-color: var(--success-hover);
		box-shadow: 0 0 0 .2em rgba(0,182,79,.5);
		box-shadow: var(--btn-hover-boxshadow) var(--success-50);
	}
		.btn-success:not(:disabled):not(.disabled).active:hover, 
		.btn-success:not(:disabled):not(.disabled):active:hover, 
		.btn-success:active:hover, .btn-success.active:hover,
		.btn-success:active:focus, .btn-success.active:focus{
			background-color: #116042;
			background-color: var(--success-hover);
		}
	
	/*Disabled*/
	.btn-success.disabled, .btn-success:disabled{
		opacity: .65;
	}
	
	
/*Info*/
.btn-info,
.btn-info.disabled, .btn-info:disabled{
	color: #2A5073;
	color: var(--info);
	border-color: #2A5073;
	border-color: var(--info);
}

	/*Hover & Active*/
	.btn-info:hover,
	.btn-info:not(:disabled):not(.disabled).active,
	.btn-info:not(:disabled):not(.disabled):active,
	.show>.btn-info.dropdown-toggle{
		background-color: rgba(8,201,255,.5);
		background-color: var(--info-hover-50);
		border-color: #2A5073;
		border-color: var(--info);
		color: #FFFFFF;
		color: var(--white);
	}
		
	/*Focus*/
	.btn-info.focus, .btn-info:focus{
		box-shadow: 0 0 0 .2em rgba(16,117,146,.25);
		box-shadow: var(--btn-hover-boxshadow) var(--info-25);
	}
	.btn-info:not(:disabled):not(.disabled).active:focus, 
	.btn-info:not(:disabled):not(.disabled):active:focus, 
	.show>.btn-info.dropdown-toggle:focus{
		background-color: #163B5C;
		background-color: var(--info-hover);
		box-shadow: 0 0 0 .2em rgba(16,117,146,.5);
		box-shadow: var(--btn-hover-boxshadow) var(--info-50);
	}
		.btn-info:not(:disabled):not(.disabled).active:hover, 
		.btn-info:not(:disabled):not(.disabled):active:hover, 
		.btn-info:active:hover, .btn-info.active:hover,
		.btn-info:active:focus, .btn-info.active:focus{
			background-color: #163B5C;
			background-color: var(--info-hover);
		}
	
	/*Disabled*/
	.btn-info.disabled, .btn-info:disabled{
		opacity: .65;
	}
	
/*Warning*/
.btn-warning,
.btn-warning.disabled, .btn-warning:disabled{
	color: #B25F39;
	color: var(--warning);
	border-color: #B25F39;
	border-color: var(--warning);
}

	/*Hover & Active*/
	.btn-warning:hover,
	.btn-warning:not(:disabled):not(.disabled).active,
	.btn-warning:not(:disabled):not(.disabled):active,
	.show>.btn-warning.dropdown-toggle{
		background-color: rgba(255,53,0,.5);
		background-color: var(--warning-hover-50);
		border-color: #B25F39;
		border-color: var(--warning);
		color: #FFFFFF;
		color: var(--white);
	}
		
	/*Focus*/
	.btn-warning.focus, .btn-warning:focus{
		box-shadow: 0 0 0 .2em rgba(255,53,0,.25);
		box-shadow: var(--btn-hover-boxshadow) var(--warning-25);
	}
	.btn-warning:not(:disabled):not(.disabled).active:focus, 
	.btn-warning:not(:disabled):not(.disabled):active:focus, 
	.show>.btn-warning.dropdown-toggle:focus{
		background-color: #8E3D19;
		background-color: var(--warning-hover);
		box-shadow: 0 0 0 .2em rgba(255,53,0,.5);
		box-shadow: var(--btn-hover-boxshadow) var(--warning-50);
	}
		.btn-warning:not(:disabled):not(.disabled).active:hover, 
		.btn-warning:not(:disabled):not(.disabled):active:hover, 
		.btn-warning:active:hover, .btn-warning.active:hover,
		.btn-warning:active:focus, .btn-warning.active:focus{
			background-color: #8E3D19;
			background-color: var(--warning-hover);
		}
	
	/*Disabled*/
	.btn-warning.disabled, .btn-warning:disabled{
		opacity: .65;
	}
	
/*Danger*/
.btn-danger,
.btn-danger.disabled, .btn-danger:disabled{
	color: #FFFFFF;
	color: var(--white);
	border-color: #A13451;
	border-color: var(--danger);
	background-color: #A13451;
	background-color: var(--danger);
}

	/*Hover & Active*/
	.btn-danger:hover,
	.btn-danger:not(:disabled):not(.disabled).active,
	.btn-danger:not(:disabled):not(.disabled):active,
	.show>.btn-danger.dropdown-toggle{
		background-color: #801733;
		background-color: var(--danger-hover);
		-webkit-border-image: -webkit-linear-gradient(top left, #716F70 0%, #DEDEDE 50%, #716F70 100%);
	     border-image: linear-gradient(to bottom right, #716F70 0%, #DEDEDE 50%, #716F70 100%);
	     border-image-slice: 1;
		color: #FFFFFF;
		color: var(--white);
	}
		
	/*Focus*/
	.btn-danger.focus, .btn-danger:focus{
		box-shadow: 0 0 0 .2em rgba(220,0,85,.25);
		box-shadow: var(--btn-hover-boxshadow) var(--danger-25);
	}
	.btn-danger:not(:disabled):not(.disabled).active:focus, 
	.btn-danger:not(:disabled):not(.disabled):active:focus, 
	.show>.btn-danger.dropdown-toggle:focus{
		background-color: #801733;
		background-color: var(--danger-hover);
		box-shadow: 0 0 0 .2em rgba(220,0,85,.5);
		box-shadow: var(--btn-hover-boxshadow) var(--danger-50);
	}
		.btn-danger:not(:disabled):not(.disabled).active:hover, 
		.btn-danger:not(:disabled):not(.disabled):active:hover, 
		.btn-danger:active:hover, .btn-danger.active:hover,
		.btn-danger:active:focus, .btn-danger.active:focus{
			background-color: #801733;
			background-color: var(--danger-hover);
		}
	
	/*Disabled*/
	.btn-danger.disabled, .btn-danger:disabled{
		opacity: .65;
	}
	

/*Dropdown Menus*/
.dropdown-menu {
	padding: .5rem;
	margin: .25rem;
	text-align: center;
	background-color: #03070F;
	background-color: var(--dark);
	border: .15em solid #DEDEDE;
	border: var(--border-width) var(--border-style) var(--primary);
	border-radius: 0;
	border-radius: var(--border-radius);
	box-shadow: 0 0 0 .125em;
	box-shadow: var(--btn-boxshadow);
}
	.dropdown-item:focus, .dropdown-item:hover {
		background-color: rgba(255,163,57,.25);
		background-color: var(--primary-hover-25);
	}



/* ==========================================================================
   Badges
   ========================================================================== */
.badge {
	font-size: 80%;
	border-radius: 0;
}
	.badge-primary {
		color: #03070F;
		color: var(--dark);
		background-color: #DEDEDE;
		background-color: var(--primary);
	}
	.badge-secondary {
		color: #03070F;
		color: var(--dark);
		background-color: #6B7078;
		background-color: var(--secondary);
	}
	.badge-success {
		color: #03070F;
		color: var(--dark);
	}



/* ==========================================================================
   User Comments
   ========================================================================== */
.comment-list .media{
	padding: 1em;
	margin-bottom: .75em;
	background-color: #2F3237;
	background-color: var(--secondary-hover);
	color: #FFFFFF;
	color: var(--white);
	border: .15em solid #2F3237;
	border: var(--border-width) var(--border-style) var(--secondary-hover);
	transition: all .2s ease;
}
	


/* ==========================================================================
   Tabs
   ========================================================================== */
.nav-tabs .nav-item {
	margin-bottom: calc(.25rem * 0 - .25rem);
	margin-bottom: calc(var(--border-width) * 0 - var(--border-width));
}
.nav-tabs .nav-link {
	color: #6B7078;
	color: var(--secondary);
	border: .15em solid transparent;
	border: var(--border-width) var(--border-style) transparent;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top-left-radius: var(--border-radius);
	border-top-right-radius: var(--border-radius);
}
.nav-tabs {
	border-bottom: .25rem solid #6B7078;
	border-bottom: var(--border-width) var(--border-style) var(--secondary);
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #DEDEDE;
	color: var(--primary);
	background-color: #4D5159;
	background-color: var(--body);
	border-color: #DEDEDE #DEDEDE #4D5159;
	border-color: var(--primary) var(--primary) var(--body);
}




/* ==========================================================================
   Pagination
   ========================================================================== */
.pagination-lg .page-item:first-child .page-link {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
}
.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

	/*Disabled*/
	.page-item.disabled .page-link {
		color: #6B7078;
		color: var(--primary);
		background-color: rgba(0,0,0,.55);
		background-color: var(--btn-background);
		border-color: #4D5159;
		border-color: var(--body);
		opacity: .65;
	}

.page-item:first-child .page-link {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
}
.page-item:last-child .page-link {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-right-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
}

.page-link {
	color: #6B7078;
	color: var(--primary);
	background-color: rgba(0,0,0,.55);
	background-color: var(--btn-background);
	border: .15em solid #4D5159;
	border: var(--border-width) var(--border-style) var(--body);
}
	/*Hover & Active*/
	.page-link:hover {
		color: #FFFFFF;
		color: var(--white);
		background-color: rgba(255,255,255,.25);
		background-color: var(--secondary-hover-25);
		-webkit-border-image: -webkit-linear-gradient(top left, #ABABAB 0%, #FFFFFF 50%, #ABABAB 100%);
		border-image: linear-gradient(to bottom right, #ABABAB 0%, #FFFFFF 50%, #ABABAB 100%);
		border-image-slice: 1;
	}
	.page-item.active .page-link {
		color: #4D5159;
		color: var(--body);
		background-color: #DEDEDE;
		background-color: var(--primary);
		border-color: #DEDEDE;
		border-color: var(--primary);
	}
		/*Focus*/
		.page-link:focus, .page-item.active .page-link:hover {
			z-index: 2;
			outline: 0;
			background-color: #ABABAB;
			background-color: var(--primary-hover);
			_box-shadow: 0.45em 0.45em 0 0 rgba(3,7,15,1);
		}



/* ==========================================================================
   Modal
   ========================================================================== */
.modal-content{
	background-color: #03070F;
	background-color: var(--dark);
	border: .15em solid #6B7078;
	border: var(--border-width) var(--border-style) var(--secondary);
	border-radius: 0;
	border-radius: var(--border-radius);
}

.modal-header{
	padding: .5rem;
	border-bottom: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top-left-radius: var(--border-radius);
	border-top-right-radius: var(--border-radius);
}
.modal-body{
	padding: .5rem;
}



/* ==========================================================================
   Carousel
   ========================================================================== */
.carousel-caption{
	bottom: 0px;
}

.carousel-control-next svg, .carousel-control-prev svg {
	width: 35px !important;
	height: 35px;
	padding: .45em;
	background-color: 235,222,194,1;
	background-color: var(--secondary);
	border-radius: 500em;
}
.carousel-control-next, .carousel-control-prev {
	color: #03070F;
	color: var(--dark);
	opacity: .65;
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
	color: #03070F;
	color: var(--dark);
	opacity: 1;
}



/* ==========================================================================
   Sex Toy Page
   ========================================================================== */
a.sex-toy img {
	padding: .5em;
	background-color: #FFFFFF;
	background-color: var(--white);
	box-shadow: none;
}

.custom-sex-toy-page, .performer-page{
	background-position: top center;
	background-attachment: inherit;
}

#custom-sex-toy-page-content{
	background-color: transparent;
}

#custom-sex-toy-page-content .link-player-action{
	font-size: 6vw;
}	
#main-purchase-info {
	background-color: #03070F !important;
	background-color: var(--dark)!important;
}

/*Background image styling for scroll effect.*/
#custom-sex-toy-page-content.sticky {
	background-position: top 12em left 10%;
	background-attachment: fixed;
}	

.hulu-grid section {
	background: rgba(3,7,15,.75);
	background: var(--dark-75);
}

/* ==========================================================================
   Overlay
   ========================================================================== */
.bevel {
	border: var(--border-width) var(--border-style) var(--body);
	box-shadow: 0.45em 0.45em 0 0 rgba(3,7,15,.1);
	transition: all .4s;
} 
	.bevel:hover {
		box-shadow: -0.45em 0.45em 0 0 rgba(3,7,15,1);
		-webkit-border-image: -webkit-linear-gradient(top left, #ABABAB 0%, #FFFFFF 50%, #ABABAB 100%);
		border-image: linear-gradient(to bottom right, #ABABAB 0%, #FFFFFF 50%, #ABABAB 100%);
		border-image-slice: 1;		
		transition: all .4s;
	}     
   
.overlay {

}   
   
.overlay.overlay-show{
	opacity: 1;
	background-color: transparent;
}
	.overlay-show .overlay-inner{
		padding: 1em;
		width: auto;
		height: auto;
		background-color: #2F3237;
		background-color: var(--secondary-hover);
		text-align: left;
		max-width: 50%;
	}
	
.breakout-feature{
	display:block;
	position:relative;
	padding: 1em 1.5em;
	color: #D3D3D3;
	color: var(--text-body);
	background-color: #2F3237;
	background-color: var(--secondary-hover);
	text-align: left;
	text-decoration:none;
	margin-bottom: 0;
}
	
	.overlay.overlay-right .overlay-inner{
		margin-left: 28em;
	}
	.overlay.overlay-left .overlay-inner{
		margin-right: 28em;
	}

   
.overlay-bottom{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 40%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding: .5em;
	width: 100%;
}
.overlay-bottom span{
	width: 80%;
	margin: 0 auto 1rem;
	color: #FFFFFF;
	color: var(--white);
}

	
	@media (max-width: 992px){
		.overlay:before{
			vertical-align: bottom;
		}
		.overlay-show .overlay-inner{
			padding: .5em;
			width: 100%;
			max-width: 100%;
			background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 60%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			border: 0;
		}
		.overlay.overlay-right .overlay-inner{
			margin-left: auto;
		}
		.overlay.overlay-left .overlay-inner{
			margin-right: auto;
		}
	}



/* ==========================================================================
   Alerts
   ========================================================================== */
.alert{
	border: none;
	border-radius: 0;
	border-radius: var(--border-radius);
}
.alert-danger, .has-error>.form-control{
	background-color: rgba(223,50,117,.5);
	background-color: var(--danger-hover-50);
	color: #FFFFFF !important;
	color: var(--white) !important;
	border: .15em solid #A13451;
	border: var(--border-width) var(--border-style) var(--danger);
}
.alert-success{
	background-color: rgba(78,200,131,.5);
	background-color: var(--success-hover-50);
	color: #FFFFFF !important;
	color: var(--white) !important;
	border: .15em solid #277859;
	border: var(--border-width) var(--border-style) var(--success);
}
.alert-info{
	background-color: rgba(8,201,255,.5);
	background-color: var(--info-hover-50);
	color: #FFFFFF !important;
	color: var(--white) !important;
	border: .15em solid #2A5073;
	border: var(--border-width) var(--border-style) var(--info);
}
.alert-warning{
	background-color: rgba(255,53,0,.5);
	background-color: var(--warning-hover-50);
	color: #FFFFFF !important;
	color: var(--white) !important;
	border: .15em solid #B25F39;
	border: var(--border-width) var(--border-style) var(--warning);
}

.help-block {
	display: block;
	padding: .75rem 1.25rem;
	background-color: rgba(223,50,117,.5);
	background-color: var(--danger-hover-50);
	color: #FFFFFF !important;
	color: var(--white) !important;
	border: .15em solid #A13451;
	border: var(--border-width) var(--border-style) var(--danger);
}



/* ==========================================================================
   Card
   ========================================================================== */
.card {
	background-color: #2F3237;
	background-color: var(--secondary-hover);
	border: .15em solid #2F3237;
	border: var(--border-width) var(--border-style) var(--secondary-hover);
	border-radius: 0;
	border-radius: var(--border-radius);
	border-spacing: -1;
}
	.card-footer:last-child {	
		border-radius: 0;
		border-radius: var(--border-radius);
	}
.card-footer {
	background-color: #2F3237;
	background-color: var(--secondary-hover);    
	border-top: 0px;
}    
.card-deck.membership-options{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px,1fr));
	grid-gap: 15px;
	margin-left: 15px;
	margin-right: 15px;
}
.membership-options .card {
	margin: 0;
}

.stroke-bright-purple{
	border: .15em solid rgba(193,0,255,1);
	border: var(--border-width) var(--border-style) rgba(193,0,255,1);
}
.stroke-cyan-hover{
	border: .15em solid rgba(0,199,255,1);
	border: var(--border-width) var(--border-style) rgba(0,199,255,1);
}



/* ==========================================================================
   Ribbon
   ========================================================================== */
.ribbon {
	position: absolute;
	top: -1.6em;
	left: 0;
	right: 0;
	font-size: .85em;
	font-weight: 700;
	width: 55%;
	background: var(--purple-hover);
	color: #fff;
	text-align: center;
	margin: 0 auto;
	padding: .35em .25em;
}
	.ribbon.ribbon-cyan {
		background: var(--cyan-hover);
	}
	.ribbon .ribbon-content:before {
		left: 0;
		border-width: .55em 0 0 .55em;
		z-index: 5;
	}
	.ribbon .ribbon-content:after {
		right: 0;
		border-width: .55em .55em 0 0;
		z-index: 5;
	}
	.ribbon:before, .ribbon:after {
		content: "";
		position: absolute;
		display: block;
		bottom: -.5em;
		border: 1.1em solid var(--purple-hover);
	}
		.ribbon.ribbon-cyan:before, .ribbon.ribbon-cyan:after {
			border-color: var(--cyan-hover);
		}
	.ribbon:before {
		left: -2.1em;
		border-right-width: 1.5em;
		border-left-color: transparent !important;
	}
	.ribbon:after {
		right: -2.1em;
		border-left-width: 1.5em;
		border-right-color: transparent !important;
	}
	.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
		content: "";
		position: absolute;
		display: block;
		border-style: solid;
		border-color: rgba(0,0,0,.35) transparent transparent transparent;
		bottom: -.55em;
	}



/* ==========================================================================
   Custom Grids
   ========================================================================== */
.item-grid.item-grid-scene {
	grid-template-columns: repeat(auto-fit, minmax(265px,1fr));
}
.item-grid.performer-list-details {
	grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
}

.item-grid.future-releases-grid {
	grid-template-columns: repeat(auto-fit,minmax(275px,1fr));
}

.item-grid.feature-character-list {
	grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
}

@media (max-width:991px){
	.item-grid.feature-character-list {
		grid-template-columns: repeat(auto-fit,minmax(125px,1fr));
	}
}
	
@media (min-width:995px){
	.item-grid.future-releases-grid {
		grid-template-columns: repeat(auto-fit,minmax(458px,1fr));
	}
}	
		
.item-grid .grid-item a {
	margin-bottom: 0;
}		
				
.item-grid .grid-item {
	text-align: left;
}		
					
.grid-item-title {
	font-size: 1.3rem;
	line-height:20px;		
	margin-top: 8px;
	text-align:left;
}
	@media (max-width:991px){		
		.grid-item-title {
			font-size: .95rem;
			margin-top: 4px;
		}
	}
				
.grid-item-title:hover {
	text-decoration: none;
}
/* ==========================================================================
   Forms
   ========================================================================== */
.form-control,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
select,
textarea{
	background-color: rgba(0,0,0,.55);
	background-color: var(--btn-background);
	box-shadow: 0 0 0 .125em #03070F;
	box-shadow: var(--btn-boxshadow) var(--dark);
	padding: .75em;
	color: #6B7078;
	color: var(--secondary);
	border-radius: 0;
	border-radius: var(--border-radius);
	border: .15em solid #6B7078;
	border: var(--border-width) var(--border-style) var(--secondary);
}
	input[type="text"]::placeholder,
	input[type="email"]::placeholder,
	input[type="number"]::placeholder,
	input[type="password"]::placeholder,
	textarea[type="textbox"]::placeholder {
		color: #6B7078;
		color: var(--secondary);
		opacity: .65;
	}

select.form-control:not([size]):not([multiple]) {
    height: auto;
}
select.expInput {
	padding: 12px 30px;
	font-size: 1rem;
	line-height: 1.5;
	color: #03070F;
	color: var(--dark);
	border-radius: 0;
	border-radius: var(--border-radius);
	border: .15em solid #FFFFFF;
	border: var(--border-width) var(--border-style) var(--white);
	background-color: #FFFFFF !important;
	background-image: none;
}
	.form-control:focus,
	input[type="text"]:focus,
	input[type="email"]:focus,
	input[type="number"]:focus,
	input[type="password"]:focus,
	select:focus,
	textarea:focus{
		color: #DEDEDE;
		color: var(--primary);
		background-color: #03070F;
		background-color: var(--dark);
		border-radius:0;
		border: .15em solid #DEDEDE;
		border: var(--border-width) var(--border-style) var(--primary);
	}
input:disabled, .custom-control-input:disabled~.custom-control-label {
	color: #6B7078;
	color: var(--secondary);
}
.form-control:disabled, .form-control[readonly] {
	background-color: #03070F;
	background-color: var(--dark);
	opacity: .65;
}



/* ==========================================================================
   Checkbox
   ========================================================================== */
.custom-checkbox .custom-control-label::before {
	background-color: rgba(0,0,0,.50);
	background-color: var(--dark-50);
	box-shadow: 0 0 0 1px #03070F;
	box-shadow: 0 0 0 1px var(--dark);
	color: #DEDEDE;
	color: var(--primary);
	border-radius: 0;
	border: .15em solid #6B7078;
	border: var(--border-width) var(--border-style) var(--secondary);
}

	.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
		background-color: #277859;
		background-color: var(--success);
	}
	.custom-control-input:checked~.custom-control-label::before {
		color: #DEDEDE;
		color: var(--primary);
		background-color: #277859;
		background-color: var(--success);
	}



/* ==========================================================================
   Radio
   ========================================================================== */
.custom-radio .custom-control-label::before {
	background-color: rgba(0,0,0,.50);
	background-color: var(--dark-50);
	color: #6B7078;
	color: var(--secondary);
	border: .15em solid #6B7078;
	border: var(--border-width) var(--border-style) var(--secondary);
}	
	.custom-radio .custom-control-input:checked~.custom-control-label::before {
		background-color: #DEDEDE;
		background-color: var(--primary);
		border: .15em  #DEDEDE;
		border: var(--border-width) var(--border-style) var(--primary);
	}
	.custom-radio .custom-control-input:disabled~.custom-control-label::before {
		background-color: rgba(235,222,194,.5);
		background-color: var(--secondary-50);
	}



/* ==========================================================================
   Download Page
   ========================================================================== */
.download-page .compatiable-list .compatiable-item>img{
	-webkit-filter: invert(100%);
	filter: invert(100%);
}
.platform-logo img{
	-webkit-filter: invert(100%);
	filter: invert(100%);
}
.platform-logo a{
	color: #FFFFFF;
	color: var(--white);
}



/* ==========================================================================
   List Group
   ========================================================================== */
.list-group{	
	padding: .35em;
	background-color: #03070F;
	background-color: var(--dark);
}

.list-group-item {
	margin-bottom: .25em;
	background-color: #03070F;
	background-color: var(--dark);
	color: #DEDEDE;
	color: var(--primary);
	transition: all .2s ease;
}
	
	.list-group-item:first-child {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-top-left-radius: var(--border-radius);
		border-top-right-radius: var(--border-radius);
	}
	.list-group-item:last-child {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: var(--border-radius);
		border-bottom-left-radius: var(--border-radius);
	}
	
		.list-group-item-action:focus, .list-group-item-action:hover {
			color: #03070F;
			color: var(--dark);
			background-color: #DEDEDE;
			background-color: var(--primary);
			border-color: #DEDEDE;
			border-color: var(--primary);
		}



/* ==========================================================================
   Table
   ========================================================================== */
.table thead th {
	border-bottom: .25rem solid #6B7078;
	border-bottom: var(--border-width) var(--border-style) var(--secondary);
}
.table td, .table th {
	border-top: .25rem solid #6B7078;
	border-top: var(--border-width) var(--border-style) var(--secondary);
}



/* ==========================================================================
   Credit Card Icons
   ========================================================================== */
.fa-cc-visa,
.fa-cc-mastercard,
.fa-cc-amex,
.fa-cc-discover,
.fa-cc-jcb,
.fa-cc-diners-club {
	color: #DEDEDE;
	color: var(--primary);
}



/* ==========================================================================
   Breadcrumb
   ========================================================================== */
.breadcrumb {
	background-color: rgba(0,0,0,.55);
	background-color: var(--btn-background);
	border: .15em solid #6B7078;
	border: var(--border-width) var(--border-style) var(--secondary);
	border-radius: 0;
	border-radius: var(--border-radius);
}



/* ==========================================================================
   Checkout Steps
   ========================================================================== */
ol.checkout-steps{
	list-style-position:inside;
	background: rgba(0,0,0,.55);
	background: var(--btn-background);
}
	ol.checkout-steps li{
		flex-grow:1;
	}
	ol.checkout-steps li.active{
		background: #DEDEDE;
		background: var(--primary);
		color: #03070F;
		color: var(--dark);
	}

@media (max-width:767px){
	ol.justified-list{
	    flex-direction:column;
	}
}



/* ==========================================================================
   Confirmation Page
   ========================================================================== */
.confirmation-image img{
	-webkit-filter: invert(100%);
	filter: invert(100%);
}



/* ==========================================================================
   Device Images
   ========================================================================== */
.devices img {
	display: inline-block;
	max-height: 80px;
	opacity: 1;
	width: auto;
	margin: 0 2em 1em;
}

.device-setup-troubleshooting ol.devices img{
	filter: invert(100%);
}



/* ==========================================================================
   List Pages
   ========================================================================== */
.grid-span-all{
	display: block;
	position: relative;
}


.video-title {
	background-color: #2F3237;
	background-color: var(--secondary-hover);
	text-align: center;
}
.video-title h1.description, .video-title h2.description {
	margin-bottom: 0;
}

.scene-page .membership-cards-container {
	padding: 1em;
	background-color: rgba(50,38,87,.50);
	background-color: var(--dark-50);
}

.recommendations {
	background-color: rgba(50,38,87,.25);
	background-color: var(--dark-50);
	padding-top: 1em;
	padding-bottom: 1em;
}

.join-page-membership-plans .card {
	text-align: center;
}
.join-page-membership-plans .card .card-header {
	background-color: rgba(0,0,0,.25);
}
.join-page-membership-plans a.card .bg-promotion {
	padding: .25em .5em;
	width: auto;
	margin: .5em auto 0 auto;
}

/* ==========================================================================
   Grid - Display list refines across the top.
   ========================================================================== */
/* START: List Refines displayed across the top */
.list-page-refine, .list-page-grid{
	grid-column: 1 / -1;
}

	.refine-container{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
	}
		.refine-option{
			position: relative;
			width: 100%;
		}
			@media screen and (min-width:992px){
				.refine-option{
					margin-left: .5em;
					margin-right: .5em;
				}
				.refine-option:first-child{
					margin-left: 0;
				}
				.refine-option:last-child{
					margin-right: 0;
				}
			}
			
		.refine-container>.refine-option>.d-block.d-lg-none{
			display: block !important;
		}
		.refine-container>.refine-option>.d-none.d-lg-block{
			display: none !important;
		}
		@media screen and (max-width:991px){
			.refine-container{
				flex-direction: column;
			}
		}
/* END: List Refines displayed across the top */



/* ==========================================================================
   List - Poster Images
   ========================================================================== */
a.poster-list-item{
	border-radius: 500em 500em 0 0;
	box-shadow: 0 0 10px 5px rgba(0,0,0,.35);
	transition: all 2s ease;
}
	a.poster-list-item img, a.poster-list-item video{
		border-radius: 500em 500em 0 0;
		border: .15em solid #6B7078;
		border: var(--border-width) var(--border-style) var(--secondary);
		border-bottom: 0;
	}
	.poster-list-item-details{
		display: block;
		background-color: rgba(0,0,0,.95);
		color: var(--yellow-hover);
		line-height: 1.35;
		text-align: center;
		border: .15em solid #6B7078;
		border: var(--border-width) var(--border-style) var(--secondary);
		padding: .25em;
	}

.scene-list-item, .poster-grid-item, .performer-grid-item{
	display: block;
	border: .15em solid transparent;
	border: var(--border-width) var(--border-style) var(--body);
	box-shadow: 0.45em 0.45em 0 0 rgba(3,7,15,.1);
	transition: all .4s;
}

	a.poster-list-item:hover, .scene-list-item:hover, .poster-grid-item:hover{
		box-shadow: -0.45em 0.45em 0 0 rgba(3,7,15,1);
		transition: all .4s;
		border-image: linear-gradient(to bottom right, #ABABAB 0%, #FFFFFF 50%, #716F70 100%);
		border-image-slice: 1;
		text-decoration: none;
		z-index: 1;
	}
	
	
	
/* ==========================================================================
   Item Page (Scene)
   ========================================================================== */

.item-page-details{
	display: block;
	background-color: rgba(0,0,0,.95);
	line-height: 1.35;
	overflow: hidden;
	text-align: center;
	transition: all 2s ease;
}
	.active-video{
		padding: 3em 0 !important;
	}
	#item-page-details.active-video>.container{
		height:auto;
	}
	.active-video .item-page-details{
		top: 0;
	}

		.item-page-details .item-page-details-inner a,
		.item-grid.scene-page-performer-grid a{
			position: relative;
		}
		.item-page-details .item-page-details-inner a img,
		.item-grid.scene-page-performer-grid a img{
			position: relative;
			border-radius: 500em;
			border: .15rem solid #6B7078;
			border: var(--border-width) var(--border-style) var(--secondary);
			width: 165px;
		}
		.item-grid.scene-page-performer-grid a .overlay {
			border-radius: 500em;
		}
		.user-actions{
			display: block;
			margin: .5em 0;
			flex: 0 3 auto;
		}
	@media screen and (max-width:991px){
		.video-page #item-page-details>.container{height: auto;}
		
		.item-page-details{
			top: auto;
		}
		.item-page-details .item-page-details-inner{
			flex-direction: column;
		}
	}




/* ==========================================================================
   Item Page (Movie): Download Options
   ========================================================================== */
.download-options .list-group{	
	padding: 0;
	background-color: transparent;
}
.download-options .list-group-item {
	margin-bottom: .75em;
	background-color: #03070F;
	background-color: var(--dark);
	color: #FFFFFF;
	color: var(--white);
	border: .15rem solid #03070F;
	border: var(--border-width) var(--border-style) var(--dark);
	transition: all .2s ease;
}
.download-options .list-group-item h4{
	color: #DEDEDE;
	color: var(--primary);
}

	.download-options .list-group-item-action:focus, .download-options .list-group-item-action:hover {
		color: #FFFFFF;
		color: var(--white);
		background-color: rgba(0,0,0,.55);
		background-color: var(--btn-background);
		border-color: #277859;
		border-color: var(--success);
	}
	.download-options .list-group-item:focus button, .download-options .list-group-item:hover button{
		background-color: rgba(78,200,131,.5);
		background-color: var(--success-hover-50);
		border-color: #277859;
		border-color: var(--success);
		color: #FFFFFF !important;
		color: var(--white)!important;
	}
.video-page .membership-cards-container,
.scene-page .membership-cards-container {
	padding: .25em;
	background-color: #2F3237;
	background-color: var(--secondary-hover);
	color: #FFFFFF;
	color: var(--white);
}
	@media (max-width:500px){
		.video-page .membership-cards-container {
			padding: 1em .5em;
		}
	}	



/* ==========================================================================
   Screenshots
   ========================================================================== */
.screenshots-block{}
	ul.screenshot-list{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(200px,1fr));
		grid-auto-flow: dense;
	}
		ul.screenshot-list li{
			position: relative;
		}
		
		ul.screenshot-list li picture:before{
			content: " ";
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			border: .15rem solid #03070F;
			transition: all .5s ease;
		}
		ul.screenshot-list li picture.first-screenshot:before{
			background-color: rgba(0,0,0,.55);
		}
		ul.screenshot-list li:nth-child(1){
			grid-column: span 3;
			grid-row: span 3;
		}
		ul.screenshot-list li:nth-child(5), 
		ul.screenshot-list li:nth-child(4),
		.item-grid-gallery .grid-item:nth-child(5),
		.item-grid-gallery .grid-item:nth-child(4){
			grid-column: span 2;
			grid-row: span 2;
		}
	@media screen and (max-width:576px){
		ul.screenshot-list li:not(:nth-child(1)){
			display: none;
		}
	}

.list-page-gallery-header {
	margin-bottom: 3em;
}
.list-page-gallery-header img{
	border: .15rem solid #6B7078;
	border: var(--border-width) var(--border-style) var(--secondary);
	box-shadow: 0 0 20px 8px rgba(0,0,0,.65);
}

.gallery-block{
	display: block;
	position: relative;
}

.item-grid.item-grid-gallery{
	grid-template-columns: repeat(auto-fill, minmax(175px,1fr));
	grid-gap: 0;
	grid-row-gap: 0;
	grid-auto-flow: dense;
	margin-bottom: 3em;
}
	.item-grid.item-grid-gallery .grid-item {
		display: block;
		position: relative;
		flex-direction: none;
		text-align: center;
		border: .15rem solid #4D5159;
		border: var(--border-width) var(--border-style) var(--body);
	}
		.item-grid.item-grid-gallery .grid-item a {
			display: unset;
			object-fit: cover;
			height: 100%;
		}
		.item-grid.item-grid-gallery .grid-item img{
			object-fit: cover;
			height: 100%;
		}
		.item-grid-gallery .grid-item:nth-child(3n+4){
			grid-column: span 2;
			grid-row: span 2;
		}



/* ==========================================================================
   Performer Page
   ========================================================================== */
.performer-page .performer-img-placeholder{
	height: 0;
	padding-bottom: 37.5%;
	opacity: 0;
}
.performer-page-content{
	background-color: #4D5159;
	background-color: var(--body);
	background-image: url(https://imgs.adultempire.com/res/bn/1600x600-texture-leather.jpg);
	background-attachment: fixed;
}



/* ==========================================================================
   Sex Toy Home
   ========================================================================== */
.sex-toy-home a {
	display: block;
	position: relative;
}
.fade-out{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.sex-toy-home-category {
	width: 100%;
	border: .15rem solid #6B7078;
	border: var(--border-width) var(--border-style) var(--secondary);
}
@media (min-width: 450px){
	.sex-toy-home-category {
		width: 49%;
	}
}
@media (min-width: 992px){
	.sex-toy-home-category {
		width: 24%;
	}
}



/* ==========================================================================
   Empire Player
   ========================================================================== */
#posterImageContainer{
	position: relative;
}

.link-player-action {
	font-size: calc( 2em + (3.5 - 2) * ( (150vw - 36em) / ( 150 - 36) ));;
	background-color: transparent;
	color: #03070F;
	color: var(--dark);
	opacity: 1;
}
	.link-player-action .link-player-action-inner{
	}
	.link-player-action:hover {
		background-color: transparent;
		color: #DEDEDE;
		color: var(--primary);
	}
	
/* ==========================================================================
   CSS Grid - Site Specific Changes
   ========================================================================== */
/*Custom .container width for Blacked.*/
@media (min-width: 992px){
	.container {
		max-width: 100%;
	}
}
@media (min-width: 1200px){
	.container {
		max-width: 100%;
	}
}

.item-grid.item-grid-scene {
	grid-gap: 10px;
	grid-row-gap: auto;
}

/*Customized scene grid widths for full-width layout.*/
@media (min-width: 1281px){
	.item-grid.item-grid-scene {
		grid-template-columns: repeat(auto-fill, minmax(32%,1fr));
	}
}
@media (max-width: 1280px){
	.item-grid.item-grid-scene {
		grid-template-columns: repeat(auto-fill, minmax(290px,1fr));
	}
}
@media (min-width: 992px){
	.item-grid.item-grid-scene {
		grid-template-columns: repeat(auto-fill, minmax(308px,1fr));
	}
}

/*Custom boxcover sizing for full width layout.*/
.item-grid {
	display: grid;
	grid-gap: 15px;
	grid-row-gap: 30px;
	grid-template-columns: repeat(auto-fill, minmax(47%,1fr));
}

@media (min-width: 768px){
	.item-grid {
		grid-template-columns: repeat(auto-fill, minmax(25%,1fr));
	}
	.item-grid img.img-fluid {
		max-width: 100%;
		width: 100%;
	}
	
}
@media (min-width: 992px){
	.item-grid {
		grid-template-columns: repeat(auto-fill, minmax(14%,1fr));
	}
	.item-grid img.img-fluid {
		max-width: 100%;
		width: 100%;
	}
}

/* START: List Refines displayed across the top */
.list-page-refine, .list-page-grid{
	grid-column: 1 / -1;
}

	.refine-container{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
	}
		.refine-option{
			position: relative;
			width: 100%;
		}
			@media screen and (min-width:992px){
				.refine-option{
					margin-left: .5em;
					margin-right: .5em;
				}
				.refine-option:first-child{
					margin-left: 0;
				}
				.refine-option:last-child{
					margin-right: 0;
				}
			}
			
		.refine-container>.refine-option>.d-block.d-lg-none{
			display: block !important;
		}
		.refine-container>.refine-option>.d-none.d-lg-block{
			display: none !important;
		}
		@media screen and (max-width:991px){
			.refine-container{
				flex-direction: column;
			}
		}
/* END: List Refines displayed across the top */	
	
/* ==========================================================================
   Grid - Fallback
   ========================================================================== */
@supports not (display: grid) {	
	.item-grid .grid-item.grid-span-all{
		display: flex;
		position: relative;
		flex-direction: column;
		text-align: center;
		min-width: 100%;
		width: 100%;
		margin: 0 0 3em 0;
	}
		
		.item-grid .grid-item{
			min-width: 20%;
			margin-bottom: 1em;
		}
		.item-grid.future-releases-grid {
			display:flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: flex-start;
		}
		.item-grid.performer-list-details .grid-item{
			min-width: 300px;
		}

		.item-grid.future-releases-grid .grid-item{
			max-width: 33.3%;
			margin-bottom: 0.625em;
		}

		.item-grid.feature-character-list .grid-item{
			min-width: 25%;
		}

	ul.screenshot-list{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
	}
	ul.screenshot-list li{
		display: inline-block;
		min-width: 20%;
	}

}

/* ==========================================================================
   Home/Tour Updates
   ========================================================================== */

.scene-update-details,
.scene-details {
	background-color: #2F3237;
	background-color: var(--secondary-hover);
	line-height: .8;	
}

.scene-update-stats {
	display: flex !important;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-left: 10px;
	margin-right: 10px;	
}

.membership-card-price{
	display:block;
	font-size: 40px;
	line-height:40px;
}
	@media (min-width:992px){
		.membership-card-price {
			font-size: 60px;
			line-height:60px;
		}
	}
	@media (min-width:1350px){
		.membership-card-price {
			font-size: 70px;
			line-height:70px;
		}
	}
.list-page-refined-by a.btn-link {
	color: var(--dark);
}

.cart-success-message,
#toastcarttypemessage {
	color: var(--primary) !important;
}

.inner-cart .cart-details {
	background-color: var(--secondary-hover) !important;
}