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

:root 
{
	--blue: #1A65CD;
	--blue-hover: #3F88ED;
	
	--purple: #28015c;
	--purple-hover: #1C0042;
	
	--pink: #EB2BEB;
	--pink-hover: #C600C6;
	
	--red: #D5292C;
	--red-hover: #7D0000;
	
	--orange: #C38F0F;
	--orange-hover: #E7B12C;
	
	--yellow: #FFA200;
	--yellow-hover: #FFC764;
	
	--green: #14C37E;
	--green-hover: #41ECA8;
	
	--teal: #2BDEFF;
	--teal-hover: #00D0F7;
	
	--dark: #1E1E1E;
	--dark-10: rgba(30,30,30,.10);
	--dark-15: rgba(30,30,30,.15);
	--dark-25: rgba(30,30,30,.25);
	--dark-50: rgba(30,30,30,.50);
	--dark-65: rgba(30,30,30,.65);
	--dark-75: rgba(30,30,30,.75);
	--dark-85: rgba(30,30,30,.85);
	
	--body: #0E0E0E;
	--body-10: rgba(14,14,14,.10);
	--body-15: rgba(14,14,14,.15);
	--body-25: rgba(14,14,14,.25);
	--body-50: rgba(14,14,14,.50);
	--body-65: rgba(14,14,14,.65);
	--body-75: rgba(14,14,14,.75);
	--body-85: rgba(14,14,14,.85);
	--body-95: rgba(14,14,14,.95);
	
	--text-body: #CDCDCD;
	--text-dark: #999999;
	
	--white: #CDCDCD;
	--white-10: rgba(255,255,255,.1);
	--white-15: rgba(255,255,255,.15);
	--white-25: rgba(255,255,255,.25);
	--white-50: rgba(255,255,255,.5);
	--white-85: rgba(255,255,255,.85);
	--white-90: rgba(255,255,255,.9);

	--black: #1E1E1E;
	
	--gray: #DADADA;
	--gray-15: rgba(218,218,218,.15);
	--gray-50: rgba(218,218,218,.5);
	--gray-75: rgba(218,218,218,.75);

	--gray-light: #F7F7F7;
	--gray-light-50: rgba(247,247,247,.5);
	--gray-light-15: rgba(247,247,247,.15);
	--gray-light-10: rgba(247,247,247,.1);
	--gray-light-05: rgba(247,247,247,.05);

	--gray-dark: #262626;

	/*Main Colors*/
	/*Accent*/
	--accent: #FC00FF;
	--accent-25: rgba(252,0,255,.25);
	--accent-50: rgba(252,0,255,.5);
	--accent-75: rgba(252,0,255,.75);
	--accent-80: rgba(252,0,255,.80);
	--accent-hover: #E000E3;
	--accent-hover-25: rgba(224,0,227,.25);
	--accent-hover-50: rgba(224,0,227,.5);
	
	/*Primary*/
	--primary: #D5292C;
	--primary-25: rgba(213,41,44,.25);
	--primary-50: rgba(213,41,44,.5);
	--primary-hover: #F34F51;
	--primary-hover-25: rgba(243,79,81,.25);
	--primary-hover-50: rgba(243,79,81,.5);
	
	/*Secondary*/
	--secondary: #484848;
	--secondary-25: rgba(72,72,72,.25);
	--secondary-50: rgba(72,72,72,.5);
	--secondary-hover: #353535;
	--secondary-hover-25: rgba(53,53,53,.25);
	--secondary-hover-50: rgba(53,53,53,.5);
	
	/*Support Colors*/
	/*Success*/
	--success: #14C37E;
	--success-25: rgba(20,195,126,.25);
	--success-50: rgba(20,195,126,.5);
	--success-hover: #41ECA8;
	--success-hover-25: rgba(65,236,168,.25);
	--success-hover-50: rgba(65,236,168,.5);
	
	/*Info*/
	--info: #1A65CD;
	--info-25: rgba(26,101,205,.25);
	--info-50: rgba(26,101,205,.5);
	--info-hover: #3F88ED;
	--info-hover-25: rgba(63,136,237,.25);
	--info-hover-50: rgba(63,136,237,.5);
	
	/*Warning*/
	--warning: #C38F0F;
	--warning-25: rgba(195,143,15,.25);
	--warning-50: rgba(195,143,15,.5);
	--warning-hover: #E7B12C;
	--warning-hover-25: rgba(231,177,44,.25);
	--warning-hover-50: rgba(231,177,44,.5);
	
	/*Danger*/
	--danger: #9A2DA3;
	--danger-25: rgba(154,45,163,.25);
	--danger-50: rgba(154,45,163,.5);
	--danger-hover: #C95BD2;
	--danger-hover-25: rgba(201,91,210,.25);
	--danger-hover-50: rgba(201,91,210,.5);

	/*Buttons*/
	--btn-boxshadow: 0 0 0 .2em;
	--btn-padding: 6px 12px;
	
	/*Borders*/
	--border-radius: 0;
	--border-width: .125em;
	--fine-border-width: 1px;
	--border-style: solid;

	/*Site Content Padding*/
	--site-content-padding-top: 0;
	
	/*Fonts*/
	--font-family-header: 'Oswald', sans-serif;
	--font-family-copy: 'Oswald', sans-serif;
	
	/*Email Generator Styling*/
	--email-background: #353535;
	--email-body-background: #0E0E0E;
	--email-text-body: #CDCDCD;
	--email-logo-background-color: #1E1E1E;
	--email-footer-background: #1E1E1E;
	--email-text-footer: #CDCDCD;
	--email-footer-link: #D5292C;
	--email-accent: #D5292C;
	--email-text-button: #CDCDCD;
	--email-special-message-text: #CDCDCD;
	--email-dark: #0E0E0E;
	--email-border-radius: 0;
}

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

/* ==========================================================================
	Basic Site Setup
	========================================================================== */
/*HTML*/
html {
	color: #CDCDCD;
	color: var(--text-body);
	background-color: #0E0E0E;
	background-color: var(--body);
}

/*Body*/
body{
	color: #CDCDCD;
	color: var(--text-body);
	background-color: transparent;
	font-family: 'Oswald', sans-serif;
	font-family: var(--font-family-copy);
	font-weight: 400;
}

.site-content {
	padding: 3rem 0;
}

/*HR*/
hr {
	border-top: 1px solid #DADADA;
	border-top: var(--fine-border-width) var(--border-style) var(--gray);
}

/*Links*/
a{
	color: #D5292C;
	color: var(--primary);
}
a:hover.navbar-logo{
	text-decoration: none;
}
	a:hover{
		color: #CDCDCD;
		color: var(--text-body);
		text-decoration: underline;
	}
	a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
		color: #CDCDCD;
		color: var(--text-body);
		text-decoration: underline;
	}

/*Tables*/
.table thead th {
	border-bottom: .125em solid #F7F7F7;
	border-top: var(--border-width) var(--border-style) var(--gray-light);
}
.table td, .table th {
	border-top: .125em solid #F7F7F7;
	border-top: var(--border-width) var(--border-style) var(--gray-light);
}

/*Footer*/
footer{
	position: relative;
	padding: 3em 0 4em 0;
	background-color: #1E1E1E;
	background-color: var(--dark);
	color: #999999;
	color: var(--text-dark);
}
	footer a {
		color: #999999;
		color: var(--text-dark);
	}
		footer a:not(.btn):hover {
			color: #CDCDCD;
			color: var(--text-body);
			text-decoration: none;
		}

	footer hr {
		border-top: 1px solid #999999;
		border-top: var(--fine-border-width) var(--border-style) var(--text-dark);
	}
		
/* ==========================================================================
	Fonts & Typography
	========================================================================== */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	font-family: 'Oswald', sans-serif;
	font-family: var(--font-family-header);
	font-weight: 700;
	text-transform: uppercase;
}

/* ==========================================================================
	Navigation
	========================================================================== */
.nav-beacon {
	padding: 0 ;
	background-color: #0E0E0E;
	background-color: var(--body);
	color: #CDCDCD;
	color: var(--white); 
	font-size: .8em;
}

@media (min-width: 992px) {
	.nav-beacon .btn {
		padding: 0.575rem 1.85rem;
	}
}

.navbar-logo {
	padding: .5em 0 .5em 0 ;
}
	
nav.navbar {
	padding: .5em 1em;
	background-color: #1E1E1E;
	background-color: var(--dark);
}

nav .nav-link{
	color: #999999;
	color: var(--text-dark);
	text-transform: uppercase;
}

nav .nav-link:not(.form-control):hover:not(.btn-success):hover{
	color: #D5292C;
	color: var(--primary);
}

.nav-tabs .nav-link {
	color: #D5292C;
	color: var(--primary);
}	

.nav-tabs .nav-link:hover:not(.nav-item) {
	color: #F34F51;
	color: var(--primary-hover);
}

/*Dropdown Menus*/
.dropdown-menu {
	padding: .5rem;
	margin: .25rem;
	text-align: center;
	background-color: #1E1E1E;
	background-color: var(--dark);
	border: .125em solid #1E1E1E;
	border: var(--border-width) var(--border-style) var(--dark);
	border-radius: 0;
	border-radius: var(--border-radius);
	-webkit-box-shadow: 0px 0px 9px 0px #0E0E0E; 
	box-shadow: 0px 0px 9px 0px #0E0E0E;
	background-clip: border-box;

}
	.dropdown-item:focus, .dropdown-item:hover {
		background-color: #0E0E0E;
		background-color: var(--body);
	}

/*2-Up Display for toggle menu.*/
@media (max-width: 1199px){
	.navbar-nav {
		flex-direction: row;
		flex-wrap: wrap;
	}
	.navbar .nav-link {
		font-size: 1em;
		width: 50%;
	}
	.form-inline {
		flex-grow: 1;
		width: 100%;
	}
	.form-inline .input-group {
		width: 100%;
	}
	.nav-link.nav-search, .nav-search .form-inline .input-group {
		width: 100%;
	}
}

/*Refine menu at small screen.*/
@media (max-width: 991px) {
	.offcanvas-collapse {
		background-color: #0E0E0E;
		background-color: var(--body);
	}
}

/* ==========================================================================
	Search
	========================================================================== */
.site-search{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	z-index: 20;
	overflow: hidden;
	transform: translate(-50%, -50%);
}
	.site-search .search-bg{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
		background: rgba(30,30,30,.85);
		background: var(--dark-85);
	}
		.site-search .search-container{
			position: relative;
			width: 100%;
			top: 25%;
			left: 50%;
			text-align: center;
			z-index: 15;
			transform: translate(-50%, -25%);
		}
		.site-search .search-container:before{
			display: inline-block;
			content: '';
			width: 0;
			height: 100%;
			vertical-align: middle;
		}
			.site-search .search-container fieldset{
				display: inline-block;
				vertical-align: middle;
			}
				.site-search .search-container fieldset{
					width: 60%;
				}
				#site-search input[type="text"]{
					background-color: #0E0E0E;
					background-color: var(--body);
					border: 1px solid #0E0E0E;
					border: var(--border-width) var(--border-style) var(--body);
				}
		
		.site-search .search-input:focus {
			color: #D5292C;
			color: var(--primary);
		}
		
		@media(max-width:48em){
			.site-search .search-container fieldset{
				width:90%;
			}
		}
		
.search_container{
	position:relative;
}

/* ==========================================================================
   Button Styling
   ========================================================================== */
   .btn{
	position: relative;
	color: #CDCDCD;
	color: var(--white);
	background: #D5292C;
	background: var(--primary);
	border-color: #D5292C;
	border-color: var(--primary);
	border-radius: 0;
	border-radius: var(--border-radius);
	border: .125em solid #D5292C;
	border: var(--border-width) var(--border-style) var(--primary);
	text-transform: uppercase;
	transition: all .2s ease;
	z-index: 1;
}
	.btn:hover,
	.btn:active, .btn.active {
		color: #CDCDCD;
		color: var(--white);
		background: #F34F51;
		background: var(--primary-hover);
		border: .125em solid #F34F51;
		border: var(--border-width) var(--border-style) var(--primary-hover);
		-moz-box-shadow: 0 0 8px #CDCDCD;
		-webkit-box-shadow: 0 0 8px #CDCDCD;
		box-shadow: 0px 0px 8px #CDCDCD;
	}
	.btn:active:hover, .btn.active:hover,
	.btn:active:focus, .btn.active:focus{
		outline: 0;
	}
	.btn.focus, .btn:focus {
		outline: 0;
	}
	.btn.disabled, .btn:disabled {
		opacity: .35;
		background: #D5292C;
		background: var(--primary);
	}
	
/*Button Link*/
.btn-link {
	color: #D5292C;
	color: var(--primary);
	background-color: transparent;
	box-shadow: none;
	border: 0 solid transparent;
	font-family: 'Oswald', sans-serif !important;
	font-family: var(--font-family-header);
	font-weight: 700;
	text-transform: capitalize;
}
	.btn-link:hover,
	.btn-link:active, .btn-link.active{
		color: #F34F51;
		color: var(--primary-hover);
		background-color: transparent;
		border: 0 solid transparent;
		box-shadow: none;
	}
	.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,
.btn-primary.disabled, .btn-primary:disabled{
	color: #CDCDCD;
	color: var(--text-body);
	border-color: #D5292C;
	border-color: var(--primary);
}

	/*Hover & Active*/
	.btn-primary:hover,
	.btn-primary:not(:disabled):not(.disabled).active,
	.btn-primary:not(:disabled):not(.disabled):active,
	.show>.btn-primary.dropdown-toggle{
		color: #1E1E1E;
		color: var(--dark);
		background: #CDCDCD;
		background: var(--white);
		border-color: #CDCDCD;
		border-color: var(--white);
	}
		
	/*Focus*/
	.btn-primary.focus, .btn-primary:focus{
		box-shadow: 0 0 0 .2em rgba(213,41,44,.25);
		box-shadow: var(--btn-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{
		color: #484848;
		color: var(--secondary);
		box-shadow: 0 0 0 .2em rgba(243,79,81,.25);
		box-shadow: var(--btn-boxshadow) var(--primary-hover-25);
	}
		.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{
			box-shadow: 0 0 0 .2em rgba(243,79,81,.5);
			box-shadow: var(--btn-boxshadow) var(--primary-hover-50);
		}
	
	/*Disabled*/
	.btn-primary.disabled, .btn-primary:disabled{
		opacity: .65;
	}
	
/*Secondary*/
.btn-secondary,
.nav-item.btn-secondary .nav-link,
.btn-secondary.disabled, .btn-secondary:disabled{
	color: #CDCDCD;
	color: var(--text-body);
	background: #484848;
	background: var(--secondary);
	border-color: #484848;
	border-color: var(--secondary);
}
	
	/*Hover & Active*/
	.btn-secondary:hover,
	.nav-item.btn-secondary:hover .nav-link,
	.btn-secondary:not(:disabled):not(.disabled).active,
	.btn-secondary:not(:disabled):not(.disabled):active,
	.show>.btn-secondary.dropdown-toggle{
		color: #1E1E1E;
		color: var(--dark);
		background: #CDCDCD;
		background: var(--white);
		border-color: #CDCDCD;
		border-color: var(--white);
	}
		
	/*Focus*/
	.btn-secondary.focus, .btn-secondary:focus,
	.navbar-toggler.focus, .navbar-toggler:focus {
		box-shadow: 0 0 0 .2em rgba(14,14,14,.25);
		box-shadow: var(--btn-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 {
		color: #484848;
		color: var(--secondary);
		box-shadow: 0 0 0 .2em rgba(14,14,14,.25);
		box-shadow: var(--btn-boxshadow) var(--secondary-25);
	}
		.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{
			box-shadow: 0 0 0 .2em rgba(14,14,14,.5);
			box-shadow: var(--btn-boxshadow) var(--secondary-50);
		}
	
	/*Disabled*/
	.btn-secondary.disabled, 
	.btn-secondary:disabled,
	footer .input-group-append .btn-secondary.disabled, 
	footer .input-group-append .btn-secondary:disabled,
	.navbar-toggler.disabled, .navbar-toggler:disabled{
		opacity: .65;
	}
	
	.alpha-sort-container .btn-secondary{
		padding: .375rem .75rem;
	}

/*Accent*/
.btn-accent,
.btn-accent.disabled, .btn-accent:disabled{
	color: #1E1E1E;
	color: var(--dark);
	background: #FC00FF;
	background: var(--accent);
	border-color: #FC00FF;
	border-color: var(--accent);
}
	/*Hover & Active*/
	.btn-accent:hover,
	.btn-accent:not(:disabled):not(.disabled).active,
	.btn-accent:not(:disabled):not(.disabled):active,
	.show>.btn-accent.dropdown-toggle{
		color: #1E1E1E;
		color: var(--dark);
		background: #CDCDCD;
		background: var(--white);
		border-color: #CDCDCD;
		border-color: var(--white);
	}
		
	/*Focus*/
	.btn-accent.focus, .btn-accent:focus{
		box-shadow: 0 0 0 .2em rgba(252,0,255,.25);
		box-shadow: var(--btn-boxshadow) var(--accent-25);
	}
	.btn-accent:not(:disabled):not(.disabled).active:focus, 
	.btn-accent:not(:disabled):not(.disabled):active:focus, 
	.show>.btn-accent.dropdown-toggle:focus{
		color: #484848;
		color: var(--secondary);
		box-shadow: 0 0 0 .2em rgba(252,0,255,.25);
		box-shadow: var(--btn-boxshadow) var(--accent-25);
	}
		.btn-accent:not(:disabled):not(.disabled).active:hover, 
		.btn-accent:not(:disabled):not(.disabled):active:hover, 
		.btn-accent:active:hover, .btn-accent.active:hover,
		.btn-accent:active:focus, .btn-accent.active:focus{
			box-shadow: 0 0 0 .2em rgba(252,0,255,.5);
			box-shadow: var(--btn-boxshadow) var(--accent-50);
		}
	
	/*Disabled*/
	.btn-accent.disabled, .btn-accent:disabled{
		opacity: .65;
	}
	
/*Success*/
.btn-success,
.nav-item.btn-success,
.btn-success.disabled, .btn-success:disabled{
	color: #1E1E1E;
	color: var(--dark);
	background: #14C37E;
	background: var(--success);
	border-color: #14C37E;
	border-color: var(--success);
}
	/*Hover & Active*/
	.btn-success:hover,
	.nav-item.btn-success:hover,
	.btn-success:not(:disabled):not(.disabled).active,
	.btn-success:not(:disabled):not(.disabled):active,
	.show>.btn-success.dropdown-toggle{
		color: #1E1E1E;
		color: var(--dark);
		background: #CDCDCD;
		background: var(--white);
		border-color: #CDCDCD;
		border-color: var(--white);
	}
		
	/*Focus*/
	.btn-success.focus, .btn-success:focus{
		box-shadow: 0 0 0 .2em rgba(6,133,6,.25);
		box-shadow: var(--btn-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{
		color: #484848;
		color: var(--secondary);
		box-shadow: 0 0 0 .2em rgba(0,71,0,.25);
		box-shadow: var(--btn-boxshadow) var(--success-hover-25);
	}
		.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{
			box-shadow: 0 0 0 .2em rgba(0,71,0,.5);
			box-shadow: var(--btn-boxshadow) var(--success-hover-50);
		}
	
	/*Disabled*/
	.btn-success.disabled, .btn-success:disabled{
		opacity: .65;
	}
	
/*Info*/
.btn-info,
.btn-info.disabled, .btn-info:disabled{
	background: #1A65CD;
	background: var(--info);
	border-color: #1A65CD;
	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{
		color: #1E1E1E;
		color: var(--dark);
		background: #CDCDCD;
		background: var(--white);
		border-color: #CDCDCD;
		border-color: var(--white);
	}
		
	/*Focus*/
	.btn-info.focus, .btn-info:focus{
		box-shadow: 0 0 0 .2em rgba(3,113,113,.25);
		box-shadow: var(--btn-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{
		color: #484848;
		color: var(--secondary);
		box-shadow: 0 0 0 .2em rgba(0,92,92,.25);
		box-shadow: var(--btn-boxshadow) var(--info-hover-25);
	}
		.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{
			box-shadow: 0 0 0 .2em rgba(0,92,92,.5);
			box-shadow: var(--btn-boxshadow) var(--info-hover-50);
		}
	
	/*Disabled*/
	.btn-info.disabled, .btn-info:disabled{
		opacity: .65;
	}
	
/*Warning*/
.btn-warning,
.btn-warning.disabled, .btn-warning:disabled{
	color: #1E1E1E;
	color: var(--dark);
	background: #C38F0F;
	background: var(--warning);
	border-color: #C38F0F;
	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{
		color: #1E1E1E;
		color: var(--dark);
		background: #CDCDCD;
		background: var(--white);
		border-color: #CDCDCD;
		border-color: var(--white);
	}
		
	/*Focus*/
	.btn-warning.focus, .btn-warning:focus{
		box-shadow: 0 0 0 .2em rgba(236,117,19,.25);
		box-shadow: var(--btn-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{
		color: #484848;
		color: var(--secondary);
		box-shadow: 0 0 0 .2em rgba(188,88,5,.25);
		box-shadow: var(--btn-boxshadow) var(--warning-hover-25);
	}
		.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{
			box-shadow: 0 0 0 .2em rgba(188,88,5,.5);
			box-shadow: var(--btn-boxshadow) var(--warning-hover-50);
		}
	
	/*Disabled*/
	.btn-warning.disabled, .btn-warning:disabled{
		opacity: .65;
	}
	
/*Danger*/
.btn-danger,
.btn-danger.disabled, .btn-danger:disabled{
	background: #9A2DA3;
	background: var(--danger);
	border-color: #9A2DA3;
	border-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{
		color: #1E1E1E;
		color: var(--dark);
		background: #CDCDCD;
		background: var(--white);
		border-color: #CDCDCD;
		border-color: var(--white);
	}
		
	/*Focus*/
	.btn-danger.focus, .btn-danger:focus{
		box-shadow: 0 0 0 .2em rgba(188,46,5,.25);
		box-shadow: var(--btn-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{
		color: #484848;
		color: var(--secondary);
		box-shadow: 0 0 0 .2em rgba(153,34,0,.25);
		box-shadow: var(--btn-boxshadow) var(--danger-hover-25);
	}
		.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{
			box-shadow: 0 0 0 .2em rgba(153,34,0,.5);
			box-shadow: var(--btn-boxshadow) var(--danger-hover-50);
		}
	
	/*Disabled*/
	.btn-danger.disabled, .btn-danger:disabled{
		opacity: .65;
	}

	
/*White*/
.btn-white,
.btn-white.disabled, .btn-white:disabled{
	color: #1E1E1E;
	color: var(--dark);
	background: #CDCDCD;
	background: var(--white);
	border-color: #CDCDCD;
	border-color: var(--white);
}	
	/*Focus*/
	.btn-white.focus, .btn-white:focus{
		box-shadow: 0 0 0 .2em rgba(255,255,255,.25);
		box-shadow: var(--btn-boxshadow) var(--white-25);
	}
	.btn-white:not(:disabled):not(.disabled).active:focus, 
	.btn-white:not(:disabled):not(.disabled):active:focus, 
	.show>.btn-white.dropdown-toggle:focus{
		background-color: #F7F7F7;
		background-color: var(--gray-light);
		box-shadow: 0 0 0 .2em rgba(255,255,255,.25);
		box-shadow: var(--btn-boxshadow) var(--white-hover-25);
	}
		.btn-white:not(:disabled):not(.disabled).active:hover, 
		.btn-white:not(:disabled):not(.disabled):active:hover, 
		.btn-white:active:hover, .btn-white.active:hover,
		.btn-white:active:focus, .btn-white.active:focus{
			box-shadow: 0 0 0 .2em rgba(255,255,255,.5);
			box-shadow: var(--btn-boxshadow) var(--white-hover-50);
		}
	
	/*Disabled*/
	.btn-white.disabled, .btn-white:disabled{
		opacity: .65;
	}
	
/*Dark*/
.btn-dark,
.btn-dark.disabled, .btn-dark:disabled{
	color: #CDCDCD;
	color: var(--white);
	background: #1E1E1E;
	background: var(--dark);
	border-color: #1E1E1E;
	border-color: var(--dark);
}	
	/*Hover & Active*/
	.btn-dark:hover,
	.nav-item.btn-dark:hover .nav-link,
	.btn-dark:not(:disabled):not(.disabled).active,
	.btn-dark:not(:disabled):not(.disabled):active,
	.show>.btn-dark.dropdown-toggle{
		color: #CDCDCD;
		color: var(--white);
		background: #F34F51;
		background: var(--primary-hover);
		border-color: #F34F51;
		border-color: var(--primary-hover);
	}

	/*Focus*/
	.btn-dark.focus, .btn-dark:focus{
		box-shadow: 0 0 0 .2em rgba(30,30,30,.25);
		box-shadow: var(--btn-boxshadow) var(--dark-25);
	}
	.btn-dark:not(:disabled):not(.disabled).active:focus, 
	.btn-dark:not(:disabled):not(.disabled):active:focus, 
	.show>.btn-dark.dropdown-toggle:focus{
		background-color: rgba(30,30,30,.1);
		background-color: var(--dark-10);
		box-shadow: 0 0 0 .2em rgba(30,30,30,.25);
		box-shadow: var(--btn-boxshadow) var(--dark-25);
	}
		.btn-dark:not(:disabled):not(.disabled).active:hover, 
		.btn-dark:not(:disabled):not(.disabled):active:hover, 
		.btn-dark:active:hover, .btn-dark.active:hover,
		.btn-dark:active:focus, .btn-dark.active:focus{
			box-shadow: 0 0 0 .2em rgba(30,30,30,.5);
			box-shadow: var(--btn-boxshadow) var(--dark-50);
		}
	
	/*Disabled*/
	.btn-dark.disabled, .btn-dark:disabled{
		opacity: .65;
	}
	
/* ==========================================================================
	Text
	========================================================================== */
.text-dark {
	color: #CDCDCD;
	color: var(--text-body);
}
.text-accent {
	color: #FC00FF;
	color: var(--accent);
}
.text-primary {
	color: #D5292C !important;
	color: var(--primary) !important;
}

/* ==========================================================================
	Backgrounds
	========================================================================== */
.bg-body {
	background-color: #0E0E0E;
	background-color: var(--body)!important;
} 
.bg-light {
	background-color: #1E1E1E;
	background-color: var(--dark)!important;
}
.bg-success {
	background-color: #14C37E;
	background-color: var(--success)!important;
}
.bg-promotion {
	color: #1E1E1E;
	color: var(--dark);
	background-color: #FC00FF !important;
	background-color: var(--accent) !important;
}
.bg-accent {
	color: #CDCDCD;
	color: var(--text-body);
	background-color: #FC00FF !important;
	background-color: var(--accent) !important;
}

.hulu-grid section {
	background: rgba(255,255,255,.75);
}

/* ==========================================================================
	Borders
	========================================================================== */
.border-accent {
	border-color: #FC00FF !important;
	border-color: var(--accent) !important;
}

/* ==========================================================================
	Pagination
	========================================================================== */
.pagination {
	border-radius: 0;
	border-radius: var(--border-radius);
}
	.page-link {
		padding: 6px 12px;
		padding: (--btn-padding);
		color: #CDCDCD;
		color: var(--text-body);
		background-color: transparent;
		border-radius: 0;
		border-radius: var(--border-radius);
		border: .125em solid transparent;
		border: var(--border-width) var(--border-style) transparent;
	}
		.page-link:hover {
			color: #CDCDCD;
			color: var(--white);
			background-color: #D5292C;
			background-color: var(--primary);
			border-color: transparent;
		}
		.page-item.active .page-link {
			z-index: 1;
			color: #1E1E1E;
			color: var(--dark);
			background-color: #F7F7F7;
			background-color: var(--gray-light);
			border-color: #F7F7F7;
			border-color: var(--gray-light);
		}
		.page-link:focus {
			box-shadow: 0 0 0 .2em rgba(204,0,0,.25);
			box-shadow: var(--btn-boxshadow) var(--primary-25);
		}
		.page-item.disabled .page-link {
			color: #DADADA;
			color: var(--gray);
			background-color: transparent;
			border-color: transparent;
		}
		.page-item:first-child .page-link {
			border-top-left-radius: 0;
			border-top-left-radius: var(--border-radius);
			border-bottom-left-radius: 0;
			border-bottom-left-radius: var(--border-radius);
		}
		.page-item:last-child .page-link {
			border-top-right-radius: 0;
			border-top-right-radius: var(--border-radius);
			border-bottom-right-radius: 0;
			border-bottom-right-radius: var(--border-radius);
		}

/* ==========================================================================
	Badges
	========================================================================== */
.badge {
	line-height: inherit;
	border-radius: 0;
	border-radius: var(--border-radius);
	font-weight: 700;
	vertical-align: top;
}
	.badge-primary {
		color: #1E1E1E;
		color: var(--dark);
		background-color: #D5292C;
		background-color: var(--primary);
	}
	.badge-secondary {
		color: #CDCDCD;
		color: var(--white);
		background-color: #484848;
		background-color: var(--secondary);
	}
	.badge-success {
		color: #0E0E0E;
		color: var(--body);
		background-color: #14C37E;
		background-color: var(--success);
	}
	.badge-info {
		color: #CDCDCD;
		color: var(--white);
		background-color: #1A65CD;
		background-color: var(--info);
	}
	.badge-warning {
		color: #1E1E1E;
		color: var(--dark);
		background-color: #C38F0F;
		background-color: var(--warning);
	}
	.badge-danger {
		color: #1E1E1E;
		color: var(--dark);
		background-color: #9A2DA3;
		background-color: var(--danger);
	}

/* ==========================================================================
	Stickers
	========================================================================== */
.sticker{
	border: 0;
	transition: all .2s ease;
}
a:hover .sticker,
.custom-sex-toy-page .sticker{
	opacity: 1;
}
.sticker.sticker-success{
	color: #0E0E0E;
	color: var(--body);
	background-color: #14C37E;
	background-color: var(--success);
}
.sticker.sticker-info{
	color: #CDCDCD;
	color: var(--white);
	background-color: #1A65CD;
	background-color: var(--info);
}
.sticker.sticker-warning{
	color: #CDCDCD;
	color: var(--white);
	background-color: #C38F0F;
	background-color: var(--warning);
}
.sticker.sticker-danger{
	color: #CDCDCD;
	color: var(--white);
	background-color: #9A2DA3;
	background-color: var(--danger);
	word-break: break-all;
}

/* ==========================================================================
	Alerts
	========================================================================== */
.alert{
	border-radius: 0;
	border-radius: var(--border-radius);
	border: .125em solid #9A2DA3;
	border: var(--border-width) var(--border-style) var(--danger);
}
	.alert :last-child{margin-bottom:0;}

	.alert a{
		color: #CDCDCD !important;
		color: var(--dark) !important;
	}

	.alert a:hover {
		color: #C95BD2 !important;
		color: var(--danger-hover) !important;
	}

	/*Alert Colors*/
	.alert-danger, .has-error>.form-control{
		background-color: rgba(153,34,0,.50);
		background-color: var(--danger-hover-50);
		color: #CDCDCD !important;
		color: var(--white) !important;
		border: .125em solid #9A2DA3;
		border: var(--border-width) var(--border-style) var(--danger);
	}
	.alert-success{
		background-color: rgba(4,150,4,.5);
		background-color: var(--success-hover-50);
		color: #CDCDCD !important;
		color: var(--white) !important;
		border: .125em solid #14C37E;
		border: var(--border-width) var(--border-style) var(--success);
	}
	.alert-info{
		background-color: rgba(3,113,113,.5);
		background-color: var(--info-hover-50);
		color: #CDCDCD !important;
		color: var(--white) !important;
		border: .125em solid #1A65CD;
		border: var(--border-width) var(--border-style) var(--info);
	}
	.alert-warning{
		background-color: rgba(236,117,19,.5);
		background-color: var(--warning-hover-50);
		color: #CDCDCD !important;
		color: var(--white) !important;
		border: .125em solid #C38F0F;
		border: var(--border-width) var(--border-style) var(--warning);
	}

	.help-block {
		display: block;
		background-color: rgba(153,34,0,.5);
		background-color: var(--danger-hover-50);
		color: #CDCDCD !important;
		color: var(--white) !important;
		border: .125em solid #9A2DA3;
		border: var(--border-width) var(--border-style) var(--danger);
	}

/* ==========================================================================
	Popover
	========================================================================== */
.popover {
	color: #CDCDCD;
	color: var(--text-body);
	background-color: #0E0E0E;
	background-color: var(--body);
	border: 1px solid #1E1E1E;
	border: var(--border-width) var(--border-style) var(--dark);
	border-radius: .3rem;
	border-radius: var(--border-radius);
}

.popover-header {
	padding: 6px 12px;
	padding: var(--btn-padding);
	border-bottom: 1px solid #CDCDCD;
	border-bottom: var(--border-width) var(--border-style) var(--text-body);
}
.popover-body {
	padding: 6px 12px;
	padding: var(--btn-padding);
	color: #CDCDCD;
	color: var(--text-body);
}

/* ==========================================================================
	Modal
	========================================================================== */
.ppm-rate-explination {
	cursor: pointer;
}
	.ppm-rate-explination:hover {
		color: #CDCDCD;
		color: var(--white);
	}

.close{
	color: #9A2DA3;
	opacity: 1;
}
.close:hover{
	color: #C95BD2;
}

.modal-content {
	background-color: #0E0E0E;
	background-color: var(--body);
	color: #CDCDCD;
	color: var(--text-body);
	border-radius: 0;
	border-radius: var(--border-radius);
}
.modal-header {
	border-bottom: .125em solid #DADADA;
	border-bottom: var(--border-width) var(--border-style) var(--gray);
	border-top-left-radius: 0;
	border-top-left-radius: var(--border-radius);
	border-top-right-radius: 0;
	border-top-right-radius: var(--border-radius);
}
.modal-title {
	color: #CDCDCD;
	color: var(--text-body);
}

/* ==========================================================================
	Carousel
	========================================================================== */
.carousel-control-next svg, .carousel-control-prev svg {
	width: 40px !important;
	height: 40px;
	padding: .45em;
	background-color: rgba(30,30,30,.50);
	background-color: var(--dark-50);
	border-radius: 500em;
}
.carousel-control-next, .carousel-control-prev {
	color: #0E0E0E;
	color: var(--body);
	opacity: .65;
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
	color: #CDCDCD;
	color: var(--white);
	opacity: .9;
}

/* ==========================================================================
	Cards
	========================================================================== */
.card {
	text-align: center;
	color: #CDCDCD;
	color: var(--text-body);
	background-color: #1E1E1E;
	background-color: var(--dark);
	border: 0;
	border-radius: 0;
}

.card-body {
	padding: .55rem;
}
.card-header:first-child,
.card-footer:last-child {
	border-radius: 0 0 calc(.25rem - 0) calc(.25rem - 0);
	border-radius: 0 0 calc(.25rem - var(--border-radius)) calc(.25rem - var(--border-radius));
}
.card-header {
	padding: .75em 1.45em;
	padding: var(--btn-padding);
	background-color: transparent;
	border-bottom: 0;
}
.card-footer {
	background-color: transparent;
	border-top: 0;
	padding: 0;
}

.membership-cards-container .card-footer{
	padding: .55rem;
	background-color: #1E1E1E;
	background-color: var(--dark);
	border-top: 0;
	border-radius: 0;
	border-radius: var(--border-radius);
}

.card-deck .card-title,
.card-deck .card-text {
	text-align: center !important;
}

.membership-options {
	max-width: 650px;
	margin: 0 auto;
}

.membership-options .card{
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: stretch;
	flex: 1 1 auto;
	text-align: left;
}

.membership-options .card-header,
.membership-options .card-footer {
	align-self: center;
}
.membership-card-interval{
	display:block;
}
	.membership-card-interval-length{
		display:block;
		font-size:80px;
		line-height:70px;
	}
	.membership-card-price{
		display:block;
		margin-bottom:15px;
	}

.card .best-value {
	position: absolute;
	top: 0;
	left: 0;
	font-size: .7em;
	color: #1E1E1E;
	color: var(--dark);
	background-color: #14C37E;
	background-color: var(--success);
	padding: .2em .5em;
}
	@media (min-width: 1200px){
		.card .best-value {
			font-size: .9em;
		}
	}

.membership-cards-container .membership-card-interval-length{
	display:block;
	font-size:60px;
	line-height:50px;
}
.membership-cards-container .card .best-value {
	top: 5%;
	left: 0;
	transform: translate(0, -50%);
}
@media (min-width: 768px){
	.membership-cards-container .card .best-value {
		top: -12%;
	}
}

/*Styling Cards on Video/Scene Pages*/
@media (min-width: 768px){
	.membership-cards-container .card .card-header,
	.membership-options .card .card-header,
	.membership-cards-container .card .card-footer,
	.membership-options .card .card-footer{
		flex: 0 0 25%;
		align-self: stretch;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.membership-cards-container .card .card-footer,
	.membership-options .card .card-footer{
		flex-direction: column;
	}
}
@media (max-width: 768px){
	.membership-cards-container .card {
		flex-flow: row wrap;
	}

	.membership-cards-container .card .card-header,
	.membership-cards-container .card .card-footer{
		width: 100%;
	}
}

/*Styling for cards promoting memberships.  Video/Scene pages.*/
.card-promote-membership {
	color: #CDCDCD!important;
	color: var(--white)!important;
	background-color: #1E1E1E;
	background-color: var(--dark);
	border: 3px solid #D5292C;
	border: 3px solid var(--primary);
}
.card-promote-membership h3,
.card-promote-membership h6{
	color: var(--white)!important;
}
.off-site-link {
	font-size: .6em;
	opacity: .4;
}

.join-page-membership-plans a:hover{
	color: #14C37E;
	color: var(--success);
}
.join-page-membership-plans .card.active {
	border: .125em solid #14C37E;
	border: var(--border-width) var(--border-style) var(--success);
}
	.join-page-membership-plans .card.active .card-footer.bg-success {
		color: #0E0E0E;
		color: var(--body);
	}
	.join-page-membership-plans a.card .bg-promotion {
		padding: .25em .5em;
		width: auto;
		margin: 0 auto;
	}
	.card-text.fine-print {
		display: block;
		font-size: .75em;
	}


/* ==========================================================================
	Lists
	========================================================================== */
.list-group {
	background-color: #1E1E1E;
	background-color: var(--dark);
}
.list-group-item {
	background-color: #1E1E1E;
	background-color: var(--dark);
	border: .125em solid transparent;
	border: var(--border-width) var(--border-style) transparent;
	color: #CDCDCD;
	color: var(--white);
}
.list-group-item-action {
	color: #CDCDCD;
	color: var(--text-body);
	
}
	.list-group-item:first-child {
		border-top-left-radius: 0;
		border-top-left-radius: var(--border-radius);
		border-top-right-radius: 0;
		border-top-right-radius: var(--border-radius);
	}
	.list-group-item:last-child {
		border-bottom-right-radius: 0;
		border-bottom-right-radius: var(--border-radius);
		border-bottom-left-radius: 0;
		border-bottom-left-radius: var(--border-radius);
	}
	
	.list-group-item-action:focus, .list-group-item-action:hover {
		background-color: #D5292C;
		background-color: var(--primary);
		color: #CDCDCD;
		color: var(--text-body);
	}
	
.list-page-refined-by a.btn-link {
	text-align: left;
	background-color: #1E1E1E;
	background-color: var(--dark);
	border: var(--border-width) var(--border-style) transparent;
}

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

.sex-toy-title{
	color: #CDCDCD;
	color: var(--text-body);
}
.sex-toy-price{
	color: #CDCDCD;
	color: var(--text-body);
}
	.sex-toy-title:hover,
	.sex-toy-price:hover{
		color: #D5292C;
		color: var(--primary);
	}

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

/*Background image styling for scroll effect.*/
#custom-sex-toy-page-content.sticky {
	background-position: top 8.25em left 10%;
}
		
#main-purchase-info {
	background-color: #D5292C !important;
	background-color: var(--primary)!important;
}		
#main-purchase-info h5 {
	color: #CDCDCD !important;
	color: var(--white) !important;
}
#main-purchase-info .sex-toy-price {
	color: #CDCDCD !important;
	color: var(--white)!important;
	font-weight: normal;
}


/* ==========================================================================
	Account Breadcrumbs
	========================================================================== */
.breadcrumb {
	background-color: #1E1E1E;
	background-color: var(--dark);
	color: #CDCDCD;
	color: var(--text-body);
	border: .125em solid #1E1E1E;
	border: var(--border-width) var(--border-style) var(--dark);
	border-radius: 0;
	border-radius: var(--border-radius);
}

/* ==========================================================================
	Forms
	========================================================================== */
.form-control, 
input[type="text"], 
input[type="email"], 
input[type="number"], 
input[type="password"], 
select, textarea {
	padding: 6px 12px;
	padding: var(--btn-padding);
	background-color: #1E1E1E;
	background-color: var(--dark);
	color: #CDCDCD;
	color: var(--text-body);
	border-radius: 0;
	border-radius: var(--border-radius);
	border: .125em solid #1E1E1E;
	border: var(--border-width) var(--border-style) var(--dark);
}

.newsletter-input input[type="email"] {
	background-color: #0E0E0E;
	background-color: var(--body);
	border: .125em solid #0E0E0E;
	border: var(--border-width) var(--border-style) var(--body);
}

select option {
	color: #CDCDCD;
	color: var(--text-body);
	background-color: #0E0E0E;
	background-color: var(--body);
}

.form-control {
	background-clip: border-box;
}

.form-control::placeholder {
	color: #CDCDCD;
	color: var(--text-body);
	opacity: .75;
}

.form-control:focus {
	color: #CDCDCD;
	color: var(--text-body);
	background-color: #1E1E1E;
	background-color: var(--dark);
}
.form-control:focus, 
input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="number"]:focus, 
input[type="password"]:focus, 
select:focus, textarea:focus {
	border-radius: 0;
	border-radius: var(--border-radius);
	border: .125em solid #D5292C;
	border: var(--border-width) var(--border-style) var(--primary);
}
.form-control:disabled, .form-control[readonly] {
	background-color: rgba(30,30,30,.5);
	background-color: var(--dark-50);
}
.custom-control-label::before {
	background-color: #0E0E0E;
	background-color: var(--body);
}
.custom-radio .custom-control-label::before {
	border: .125em solid #CDCDCD;
	border: var(--border-width) var(--border-style) var(--text-body);
}
.custom-checkbox .custom-control-label::before {
	border-radius: 0;
	border: .125em solid #D5292C;
	border: var(--border-width) var(--border-style) var(--primary);
}
.custom-radio .custom-control-input:checked~.custom-control-label::before {
	background-color: #D5292C;
	background-color: var(--primary);
	border: .125em solid #D5292C;
	border: var(--border-width) var(--border-style) var(--primary);
}

/* ==========================================================================
	Checkout Steps
	========================================================================== */
ol.checkout-steps{
	list-style-position:inside;
	background: #1E1E1E;
	background: var(--dark);
}
	ol.checkout-steps li{
		flex-grow:1;
	}
	ol.checkout-steps li.active{
		color: #1E1E1E;
		color: var(--dark);
		background: #D5292C;
		background: var(--primary);
	}

#sp_Country.text-primary {
	color: #D5292C !important;
	color: var(--primary) !important;
}

/* ==========================================================================
	Overlay
	========================================================================== */
.overlay {
	transition: all .2s ease;
}
.overlay-inner svg {
	font-size: calc( 3em + (3.25 - 3) * ( (150vw - 36em) / ( 150 - 36) ));
}

/* ==========================================================================
   Video/Scene Page - Video Details
   ========================================================================== */
.video-title {
	background-color: #1E1E1E;
	background-color: var(--dark);
	text-align: center;
	border-bottom: .125em solid #D5292C;
	border-bottom: var(--border-width) var(--border-style) var(--primary);
}
.video-page > .video-title,
.scene-page > .video-title {
	border-bottom: 0;
}
.video-title .description, .video-title .description a {
	color: #CDCDCD;
	color: var(--text-body);
	margin-bottom: 0;
}
@media (max-width: 568px) {
	.video-title .description, .video-title .description a {
		font-size: 1.2em;
	}
}
.video-title .description a:hover {
	color: #F34F51;
	color: var(--primary-hover);
	text-decoration: underline;
}

.video-details-container .row.align-items-start {
	width: 100%;
	margin: auto;
}

	@media (min-width: 568px) {
		.video-details-container section .boxcover {
			position: relative;
			width: auto;
			margin-right: 1em;
			text-align: center;
		}
	}
	.video-performer {
		position: relative;
		width: 16.6%;
		min-width: 100px;
	}
	.video-performer img {
		border: 4px solid #0E0E0E;
		border: 4px var(--border-style) var(--body);
	}	
	@media (max-width:576px){
		.video-details-container .boxcover{
			width: 100%;
			margin-bottom: 1em;
		}
		.video-performer {
			width: 50%;
		}
	}

.video-page .membership-cards-container,
.scene-page .membership-cards-container {
	padding: 1em;
	background-color: #0E0E0E;
	background-color: var(--body);
	color: #CDCDCD;
	color: var(--white);
}
	@media (max-width:500px){
		.video-page .membership-cards-container {
			padding: 1em .5em;
		}
	}

/*Scene Details*/
.item-grid-scene .grid-item a {
	margin-bottom: 0;
}

.item-grid .grid-item {
	text-align: left;
}

.scene-details {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	padding: .65em;
	color: #1E1E1E;
	color: var(--dark);
	background-color: #1E1E1E;
	background-color: var(--dark);
	box-shadow: 0 1px 1px rgba(14,14,14,0.11), 
		0 2px 2px rgba(14,14,14,0.11), 
		0 4px 4px rgba(14,14,14,0.11), 
		0 6px 8px rgba(14,14,14,0.11),
		0 8px 16px rgba(14,14,14,0.11);
}

.scene-details a.title:hover{
	color: #F34F51;
	color: var(--primary-hover);
}
	.scene-title, .scene-length{
		flex: 1;
	}
		.scene-title {
			text-align: left;
		}
		.scene-length {
			text-align: right;
			padding-left: 1em;
		}
	.scene-cast-list {
		width: 100%;
		text-align: left;
		margin-bottom: .5em;
	}
	.scene-buy-options {
		width: 100%;
	}

	.scene-buy-options a.btn {
		font-size: .85em;
	}

	.scene-details .scene-length{
		color: #CDCDCD;
		color: var(--text-body);
	}

/* Additional Purchase Options */
.purchase-options, #purchase-options .card-deck {
	background-color: rgba(30,30,30,.25);
	background-color: var(--dark-25);
}
.digital-goods, .hard-goods {
	width: 100%;
	padding: 1em;
}
.hard-goods {
	background-color: rgba(30,30,30,.25);
	background-color: var(--dark-25);
}

.recommendations {
	background-color: #1E1E1E;
	background-color: var(--dark);
	padding-top: 1em;
	padding-bottom: 1em;
}

/* ==========================================================================
   Anchor Navigation
   ==========================================================================*/
.anchor-nav {
	background-color: rgba(30,30,30,.85);
	background-color: var(--dark-85);
}
a.anchor-link, 
a.anchor-link:hover{
	color: #CDCDCD;
	color: var(--white);
}

/* ==========================================================================
   Empire Player
   ========================================================================== */
.link-player-action:hover{
	color: #F34F51;
	color: var(--primary-hover);
}

.premium-warning-container .premium-warning{
	display: inline-block;
	vertical-align: middle;
	padding: 2em;
	background-color: rgba(255,255,255,.85);
	background-color: var(--white-85);
	border-radius: var(--border-radius);
}
.premium-warning .form-group {
	max-width: 348px;
	margin: 0 auto;
}

/* ==========================================================================
   CSS Grid - Site Specific Changes
   ========================================================================== */
/* 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 */

/* Gallery Dense */
.item-grid.item-grid-gallery{
	grid-template-columns: repeat(auto-fill, minmax(175px,1fr));
	grid-gap: 10px;
	grid-row-gap: 10px;
	grid-auto-flow: dense;
	margin-bottom: 3em;
}
	.item-grid.item-grid-gallery .grid-item {
		display: block;
		position: relative;
		flex-direction: none;
		text-align: center;
		
	}
		.item-grid.item-grid-gallery .grid-item a {
			display: block;
			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+5){
			grid-column: span 2;
			grid-row: span 2;
		}

/* ==========================================================================
	Animated Screenshots
========================================================================== 
.animated-screenshot a.grid-item-title,
.still-screen a.grid-item-title {
	text-decoration: none;
	color: #CDCDCD;
	color: var(--text-body);
}
	.animated-screenshot:hover a.grid-item-title,
	.still-screen:hover a.grid-item-title {
		text-decoration: none;
		color: #CDCDCD;
		color: var(--text-body);
		opacity: 1;
	}

.recommendations .animated-screenshot a.grid-item-title,
.still-screen a.grid-item-title {
	text-decoration: none;
	color: #CDCDCD;
	color: var(--text-body);
	background-color: #0E0E0E;
	background-color: var(--body);
}
	.recommendations .animated-screenshot:hover a.grid-item-title,
	.still-screen:hover a.grid-item-title {
		text-decoration: none;
		color: #D5292C;
		color: var(--primary);
		background-color: #0E0E0E;
		background-color: var(--body);
		opacity: 1;
	}	

.animated-screenshot a.grid-item-performer,
.still-screen a.grid-item-performer,
.animated-screenshot a.grid-item-performer + p{
	text-decoration: none;
	color: #1E1E1E;
	color: var(--dark);
}

.animated-screenshot:hover a.grid-item-performer,
.still-screen:hover a.grid-item-performer,
.animated-screenshot:hover a.grid-item-performer + p {
	text-decoration: none;
	color: #CDCDCD;
	color: var(--white);
	background-color: #F34F51;
	background-color: var(--primary-hover);
	opacity: 1;
}

.animated-screenshot a.grid-item-performer:hover,
.still-screen:hover a.grid-item-performer:hover .grid-hover-indicator:hover {
	color: #303030;
	color: var(--dark);
}

.animated-screenshot-container {
	background-color: #0E0E0E;
	background-color: var(--body);
}

.still-screen>div {
	transition: ease .45s all;
}
.still-screen img {
	transition: ease .45s all;
	z-index: 1;
}

.animated-screenshot-container + a.grid-item-details p,
.scene-update a.grid-item-details p {
	padding: .35rem .4rem 1.15rem .6rem;
	color: #CDCDCD;
	color: var(--text-body);
	margin-bottom: 0;
}
.item-grid .grid-item a.grid-item-title{
	color: #CDCDCD;
	color: var(--text-body);
}
@media (min-width: 991px){
	.animated-screenshot-container ~ a.grid-item-title,
	.animated-screenshot-container + a.grid-item-details,
	.scene-update a.grid-item-details {
		position: absolute;
		display: block;
		left: 1%;
		top: 0%;
		max-width: 100%;
		opacity: 0;
		transition: 0.3s ease-out;
		z-index: 1;
	}
	.scene-update a.grid-item-details {
		z-index: 3;
	}
	.animated-screenshot-container ~ a.grid-item-title {
		padding: .35rem .2rem .35rem .35rem;
		color: #CDCDCD;
		color: var(--text-body);
	}

	.animated-screenshot-container + a.grid-item-details p,
	.scene-update a.grid-item-details p {
		padding: .35rem .2rem .35rem .35rem;
		color: #CDCDCD;
		color: var(--text-body);
		margin-bottom: 0;
		font-size: 1.4em;
	}
	.item-grid .grid-item a.grid-item-title{
		display: inline-block;
		position: absolute;
		margin-bottom: 0.5em;
		opacity: 0;
		z-index: 6;
		padding: .35rem .2rem .35rem .35rem;
		text-shadow: 1px 1px 5px rgb(0 0 0 / 85%);
		color: #CDCDCD;
		color: var(--text-body);
		font-size: 1.3em;
	}
	.item-grid .grid-item:hover a.grid-item-title {
		display: inline-block;
		position: absolute;
		margin-bottom: 0.5em;
		opacity: 1;
		z-index: 6;
		text-decoration: none;
	}
}
.animated-screenshot .animated-screenshot-container ~ a.grid-item-title,
.animated-screenshot .animated-screenshot-container + a.grid-item-details,
.grid-item.scene-update a.grid-item-details {
	left: 1%;
	top: -2%;
	opacity: 0;
}
.animated-screenshot:hover .animated-screenshot-container ~ a.grid-item-title,
.animated-screenshot:hover .animated-screenshot-container + a.grid-item-details,
.grid-item:hover .scene-update a.grid-item-details {
	left: 1%;
	top: 2%;
	opacity: 1;
	text-decoration: none;
	text-shadow: 1px 1px 5px rgb(0 0 0 / 85%);
}
*/
/* ==========================================================================
	Custom Brand Styling
   ========================================================================== */
 /*Full Width Styling*/
 @media (min-width: 992px){
	.container {
		max-width: 100%;
	}
}
@media (min-width: 1200px){
	.container {
		max-width: 100%;
	}
}
@media (min-width: 2400px){
	.container {
		max-width: 80%;
	}
}
@media (max-width: 500px){
	.container-fluid {
		padding-right: 0;
		padding-left: 0;
	}
}

@media (max-width: 992px){
	footer .container {
		padding-right: 15px;
		padding-left: 15px;
	}
}

.item-grid {
	grid-template-columns: repeat(auto-fill, minmax(46%,1fr));
	grid-row-gap: 6px;
	grid-gap: 6px;
}
	@media (min-width: 992px){
		.item-grid {
			grid-template-columns: repeat(auto-fill, minmax(46%,1fr));
			grid-row-gap: 6px;
			grid-gap: 6px;
		}
	}

@media (min-width: 768px){
	.item-grid {
		grid-template-columns: repeat(auto-fill, minmax(31%,1fr));
		grid-row-gap:20px;
	}
}

@media (min-width: 992px){
	.item-grid:not([id]):not(.item-grid-performer):not(.item-grid-scene):not(.item-grid-gallery):not(.item-grid-list-view) {
		grid-template-columns: repeat(auto-fill, minmax(14%,1fr));
	}
}

.item-grid.item-grid-list-view {
	grid-template-columns: 1fr;
}

/*Customized scene grid widths for full-width layout.*/
.item-grid.item-grid-scene {
grid-template-columns: repeat(auto-fill, minmax(50%,1fr));
}
@media (min-width: 768px){
	.item-grid.item-grid-scene {
		grid-template-columns: repeat(auto-fill, minmax(49%,1fr));
	}
}

@media (min-width: 1200px){
	.item-grid.item-grid-scene {
		grid-template-columns: repeat(auto-fill, minmax(33%,1fr));
	}
}

@media (min-width: 1600px){
	.item-grid.item-grid-scene {
		grid-template-columns: repeat(auto-fill, minmax(32%,1fr));
	}
}

/*Movie Item Page - Customized scene grid widths for fuller-width layout.*/
.video-details-container .item-grid.item-grid-scene {
	grid-template-columns: repeat(auto-fill, minmax(50%,1fr));
}
	@media (min-width: 992px){
		.video-details-container .item-grid.item-grid-scene {
			grid-template-columns: repeat(auto-fill, minmax(49%,1fr));
		}
	}
	@media (min-width: 1200px){
		.membership-card-interval-length {
			display: block;
			font-size: 148px;
			line-height: 112px;
		}
	}


/*Cookies*/
#acceptCookiesBar {
	background-color: var(--warning);
	color: var(--dark);
}	

.alert-warning#acceptCookiesBar {
	color: var(--dark) !important;
}

/*Search Switcher*/
select.form-control:not([size]):not([multiple]) {
	background-color: #484848;
	background-color: var(--secondary);
	border-color: #484848;
	border-color: var(--secondary);
}

.scene-cast-list {
	color: #CDCDCD;
	color: var(--text-body);
}

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

/*Sex Toy Page*/	
.hulu-grid section {
	background: rgb(0 0 0 / 75%);
}

/* ==========================================================================
	User Interactions
==========================================================================
.user-interactions {
	position: absolute;
	right: 2%;
	z-index: 9;
}
	@media (min-width: 768px){
		.user-interactions {
			position: absolute;
			bottom: 21%;
			left: 2%;
			z-index: 9;
		}
	}
	@media (min-width: 928px){
		.user-interactions {
			position: absolute;
			bottom: 2%;
			left: 2%;
			z-index: 9;
		}
	}

.performer-page .user-interactions {
	bottom: 9%;
}

	@media (min-width: 768px){
		.performer-page .user-interactions {
			bottom: 14%;
		}
	}
	@media (min-width: 992px){
		.performer-page .user-interactions {
			bottom: 9%;
		}
	}
	@media (min-width: 1200px){
		.performer-page .user-interactions {
			bottom: 8%;
		}
	}	

.user-action {
	margin-top: .5em;
	display: inline-block;
	font-size: 13px;
	text-align: center;
	vertical-align: top;
}

.user-action a{
	display: inline-block;
	background-color: var(--text-body);
	width: auto;
	height: auto;
	padding: 8px 13px;
	border-radius: 100px;
	transition: all .3s;
	text-align: center;
	margin-right: .25em;
	overflow: hidden;
}

.user-action.no-likes a {
	width: 35px;
	height: 35px;
	padding: 0;
}
.user-action a:before {
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
	content: '';
}

.user-action:hover a:hover,
.user-action a.active {
	color: var(--dark);
	background-color: var(--gray-light);
	text-decoration: none;
}
.user-action:hover a.active {
	color: var(--white);
	background-color: var(--dark);
}
.user-text {
	display: inline-block;
	position: relative;
	width: 0;
	top: 50%;
	left: 0;
	opacity: 0;
	transform: translateX(-100%);
	white-space: nowrap;
	transition: opacity .2s linear, width .3s ease-in-out .5s;
}
.user-action:hover .user-text {
	width: auto;
	opacity: 1;
	transform: translateX(0);
}

@media (min-width: 991px) {
	.scene-update .user-actions {
		opacity: 0;
		z-index: 12;
	}

	.item-grid:hover .scene-update:hover .user-actions {
		opacity: 1;
		transition: 0.3s ease-out;
		z-index: 14;
	}
}

/*User Interactions */
.user-action a:not([href]):not([tabindex]) {
	color: var(--secondary);
}
	.user-action a:hover:not([href]):not([tabindex]) {
		color: var(--dark);
	}
.user-action a:not([href]):not([tabindex]).active {
	color: var(--text-body);
	background-color: var(--primary);
}
	.user-action a:hover:not([href]):not([tabindex]).active {
		color: var(--text-body);
		background-color: var(--primary-hover);
	}

.scene-widget {
	background-color: var(--dark);
}

.sticker.stream-indicator {
	opacity: 1;
}
.scene-widget:hover .sticker.stream-indicator {
	opacity: 0;
}

.carousel-control-next svg, .carousel-control-prev svg {
	border-radius: 0em;
}