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

:root {
	--blue: #C4000E;
	--blue-hover: #AD000C;
	
	--purple: #AB1C70;
	--purple-hover: #CF66A4;
	
	--pink: #FF2F39;
	--pink-hover: #b4005f;
	
	--red: #DD1212;
	--red-hover: #7D0000;
	
	--orange: #DD6E12;
	--orange-hover: #893E00;
	
	--yellow: #FFA200;
	--yellow-hover: #FFC764;
	
	--green: #0EB10E;
	--green-hover: #006E00;
	
	--teal: #2BDEFF;
	--teal-hover: #00D0F7;
	
	--dark: #020202;
	--dark-10: rgba(2,2,2,.10);
	--dark-15: rgba(2,2,2,.15);
	--dark-25: rgba(2,2,2,.25);
	--dark-50: rgba(2,2,2,.50);
	
	--body: #151515;
	--text-body: #FDFDFD;
	
	--white: #FDFDFD;
	--white-light: #FFFFFF;	
	
	--gray: #444444;
	--gray-light: #FDFDFD;
	
	
	/*Main Colors*/
	/*Primary*/
	--primary: #C4000E;
	--primary-hover: #AD000C;
	--primary-25: rgba(192,57,43,.25);
	--primary-50: rgba(192,57,43,.5);
	--primary-hover-25: rgba(173,0,12,.25);
	--primary-hover-50: rgba(173,0,12,.5);
	
	/*Secondary*/
	--secondary: #FDFDFD;
	--secondary-hover: #D0D0D0;
	--secondary-25: rgba(240,240,240,.25);
	--secondary-50: rgba(240,240,240,.5);
	--secondary-hover-25: rgba(232,232,232,.25);
	--secondary-hover-50: rgba(232,232,232,.5);
	
	
	/*Support Colors*/
	/*Success*/
	--success: #2E8E3F;
	--success-hover: #32B74A;
	--success-25: rgba(46,142,63,.25);
	--success-50: rgba(46,142,63,.5);
	--success-hover-25: rgba(50,183,74,.25);
	--success-hover-50: rgba(50,183,74,.5);
	
	/*Info*/
	--info: #1278EB;
	--info-hover: #1567C3;
	--info-25: rgba(18,120,235,.25);
	--info-50: rgba(18,120,235,.5);
	--info-hover-25: rgba(21,103,195,.25);
	--info-hover-50: rgba(21,103,195,.5);
	
	/*Warning*/
	--warning: #DD6E12;
	--warning-hover: #893E00;
	--warning-25: rgba(221,110,18,.25);
	--warning-50: rgba(221,110,18,.5);
	--warning-hover-25: rgba(137,62,0,.25);
	--warning-hover-50: rgba(137,62,0,.5);
	
	/*Danger*/
	--danger: #A91818;
	--danger-hover: #CD1313;
	--danger-25: rgba(169,24,24,.25);
	--danger-50: rgba(169,24,24,.5);
	--danger-hover-25: rgba(205,19,19,.25);
	--danger-hover-50: rgba(205,19,19,.5);

	/*Buttons*/
	--btn-background: ;
	--btn-boxshadow: 0 0 0 .2em;
	--btn-padding: 8px 20px;
	
	--btn-hover-boxshadow: ;
	
	/*Borders*/
	--border-radius: .095em;
	--border-width: .125em;
	--border-style: solid;

	/*Site Content Padding*/
	--site-content-padding-top: 0em;
	
	/*Fonts*/
	--font-family-header: 'Montserrat', sans-serif;
	--font-family-copy: 'Montserrat', sans-serif;

	/*Email Generator Styling*/
	--email-background: #444444;
	--email-body-background: #151515;
	--email-text-body: #FDFDFD;
	--email-logo-background-color: #151515;
	--email-footer-background: #151515;
	--email-text-footer: #FDFDFD;
	--email-footer-link: #C4000E;
	--email-accent: #C4000E;
	--email-text-button: #FDFDFD;
	--email-special-message-text: #FDFDFD;
	--email-dark: #545454;
	--email-border-radius: 1px;
}

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



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

/*Body*/
body{
	color: #FDFDFD;
	color: var(--text-body);
	background-color: #151515;
	background-color: var(--body);
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

/*Site Content*/
.site-content{
     padding: 3em 0;
}

/*HR*/
hr {
	border-top: .125em solid #C4000E;
	border-top: var(--border-width) var(--border-style) var(--primary);
}

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


/*Footer*/
footer{
	position: relative;
	padding: 3em 0 4em 0;
	background-color: #020202;
	background-color: var(--dark);
	color: #8C8C8C;
	color: var(--gray-light);
}
	footer a, footer h4 {
		color: #8C8C8C;
		color: var(--gray-light);
	}
		footer a:not(.btn):hover {
			color: #C4000E;
			color: var(--primary);
		}



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

/*Header: Elements to use header font & styling.*/
h1,
h2,
h3,
h4,
h5,
h6,
.video-tags a,
a.membership-link,
.nav-beacon,
.nav-item,
.movie-title span, .scene-title>span,
.animated-screenshot a.grid-item-title,
.ui-widget-content a{
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}

/*Header Specific Styling*/
h1,
.nav-item a.nav-link.active,
.nav-item,
h2,
h3 {
	color: #FDFDFD;
	color: var(--text-body);
	font-weight: 500;
}

/*Nav Tab*/
.nav-item a.nav-link.active,
.nav-tabs
{
	color: #020202;
	color: var(--dark);
	font-weight: 500;
}

/*Nav Tab Hover*/
.nav-item a.nav-link:hover
{
	color: #FDFDFD;
	color: var(--text-body);
	font-weight: 500;
}



/* ==========================================================================
   Navigation
   ========================================================================== */
.nav-beacon {
	padding: 0;
	font-size: .8em;
	background-color: #020202;
	background-color: var(--dark);
	color: #FDFDFD;
	color: var(--white);
}
nav.navbar {
	padding: .5em 1em;
	background-color: #020202;
	background-color: var(--dark);
}
nav .nav-link{
	color: #FDFDFD;
	color: var(--gray-light); 
	text-transform: uppercase;
	border-color: #020202;
	border-color: var(--dark);
	border-radius: .095em;
	border-radius: var(--border-radius);
	font-size: .85em;
}
	.nav-link:not(.nav-search):hover{
		color: #FDFDFD;
		color: var(--white);
		background-color: #C4000E;
		background-color: var(--primary);
		border-color: #C4000E;
		border-color: var(--primary);
		border-radius: .095em;
		border-radius: var(--border-radius);
	}
	a.membership-link.nav-link {
		font-size: 1em;
		padding-top: .2em;
		padding-bottom: .2em;
		padding-right: 0;
	}
	a.membership-link.nav-link:hover {
		color: #C4000E;
		color: var(--primary);
	}

/*2-Up Display for toggle menu.*/
@media (max-width: 1200px){
	.navbar-nav {
		flex-direction: row;
		flex-wrap: wrap;
	}
	.navbar .nav-link {
		width: 50%;
	}
	.form-inline {
		flex-grow: 1;
		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: #151515;
		background-color: var(--body);
	}
}

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

.btn{
	padding: .5em 1.250em;
	padding: var(--btn-padding);
	color: #FDFDFD;
	color: var(--white);
	background: #C4000E;
	background: var(--primary);
	border-color: #C4000E;
	border-color: var(--primary);
	border-radius: .095em;
	border-radius: var(--border-radius);
	border: .125em solid #C4000E;
	white-space: normal;
	text-transform: uppercase;
	transition: all .2s,;
}
	.btn:hover,
	.btn:active, .btn.active {
		color: #FDFDFD;
		color: var(--white);
		background-color: #AD000C;
		background-color: var(--primary-hover);
		border: .125em solid #AD000C;
	}
	.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;
	}
	
/*Button Link*/
.btn-link {
	color: #C4000E;
	color: var(--primary);
	background-color: transparent;
	box-shadow: none;
	border: 0 solid transparent;
}
	.btn-link:hover,
	.btn-link:active, .btn-link.active{
		background-color: transparent;
		border-color: transparent;
		box-shadow: none;
		color: #C4000E;
		color: var(--primary);
	}
	.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: #FDFDFD;
	color: var(--white);
	background-color: #C4000E;
	background-color: var(--primary);
	border-color: #C4000E;
	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: #FDFDFD;
		color: var(--white);
		background-color: #AD000C;
		background-color: var(--primary-hover);
		border-color: #AD000C;
		border-color: var(--primary-hover);
	}
		
	/*Focus*/
	.btn-primary.focus, .btn-primary:focus{
		box-shadow: 0 0 0 .2em rgba(221,18,18,.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: #FDFDFD;
		color: var(--white);
		background-color: #C4000E;
		background-color: var(--primary);
		box-shadow: 0 0 0 .2em rgba(137,0,0,.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(137,0,0,.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: #151515;
	color: var(--body);
	background: #FDFDFD;
	background: var(--secondary);
	border-color: #FDFDFD;
	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,
	.navbar-toggler:hover,
	.navbar-toggler:not(:disabled):not(.disabled).active,
	.navbar-toggler:not(:disabled):not(.disabled):active{
		color: #151515;
		color: var(--body);
		background-color: #D0D0D0;
		background-color: var(--secondary-hover);
		border-color: #D0D0D0;
		border-color: var(--secondary-hover);
	}
		
	/*Focus*/
	.btn-secondary.focus, .btn-secondary:focus,
	.navbar-toggler.focus, .navbar-toggler:focus{
		box-shadow: 0 0 0 .2em rgba(240,240,240,.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,
	.navbar-toggler:not(:disabled):not(.disabled).active:focus, 
	.navbar-toggler:not(:disabled):not(.disabled):active:focus{
		background-color: #C4000E;
		background-color: var(--primary);
		box-shadow: 0 0 0 .2em rgba(232,232,232,.25);
		box-shadow: var(--btn-boxshadow) var(--secondary-hover-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,
		.navbar-toggler:not(:disabled):not(.disabled).active:hover, 
		.navbar-toggler:not(:disabled):not(.disabled):active:hover, 
		.navbar-toggler:active:hover, .navbar-toggler.active:hover,
		.navbar-toggler:active:focus, .navbar-toggler.active:focus{
			box-shadow: 0 0 0 .2em rgba(232,232,232,.5);
			box-shadow: var(--btn-boxshadow) var(--secondary-hover-50);
		}
	
	/*Disabled*/
	.btn-secondary.disabled, .btn-secondary:disabled,
	.navbar-toggler.disabled, .navbar-toggler:disabled{
		opacity: .65;
	}
	
	.alpha-sort-container .btn-secondary{
		padding: .375rem .75rem;
	}

/*Success*/
.btn-success,
.nav-item.btn-success,
.btn-success.disabled, .btn-success:disabled{
	color: #FDFDFD;
	color: var(--white);
	background: #0EB10E;
	background: var(--success);
	border-color: #0EB10E;
	border-color: var(--success);
	border-radius: .095em;
	border-radius: var(--border-radius);
}

	/*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: #FDFDFD;
		color: var(--white);
		background-color: #006E00;
		background-color: var(--success-hover);
		border-color: #006E00;
		border-color: var(--success-hover);
	}
		
	/*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{
		background-color: #006E00;
		background-color: var(--success-hover);
		box-shadow: 0 0 0 .2em rgba(0,110,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,110,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{
	color: #FDFDFD;
	color: var(--white);
	background: #1278EB;
	background: var(--info);
	border-color: #1278EB;
	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: #1567C3;
		background-color: var(--info-hover);
		border-color: #1567C3;
		border-color: var(--info-hover);
	}
		
	/*Focus*/
	.btn-info.focus, .btn-info:focus{
		box-shadow: 0 0 0 .2em rgba(18,120,235,.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{
		background-color: #1567C3;
		background-color: var(--info-hover);
		box-shadow: 0 0 0 .2em rgba(21,103,195,.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(21,103,195,.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: #FDFDFD;
	color: var(--white);
	background: #DD6E12;
	background: var(--warning);
	border-color: #DD6E12;
	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: #020202;
		color: var(--dark);
		background-color: #893E00;
		background-color: var(--warning-hover);
		border-color: #893E00;
		border-color: var(--warning-hover);
	}
		
	/*Focus*/
	.btn-warning.focus, .btn-warning:focus{
		box-shadow: 0 0 0 .2em rgba(221,110,18,.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{
		background-color: #893E00;
		background-color: var(--warning-hover);
		box-shadow: 0 0 0 .2em rgba(137,62,0,.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(137,62,0,.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{
	color: #FDFDFD;
	color: var(--white);
	background: #DD1212;
	background: var(--danger);
	border-color: #DD1212;
	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{
		background-color: #890000;
		background-color: var(--danger-hover);
		border-color: #890000;
		border-color: var(--danger-hover);
	}
		
	/*Focus*/
	.btn-danger.focus, .btn-danger:focus{
		box-shadow: 0 0 0 .2em rgba(221,18,18,.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{
		background-color: #890000;
		background-color: var(--danger-hover);
		box-shadow: 0 0 0 .2em rgba(137,0,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(137,0,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: #FDFDFD;
	color: var(--secondary);
	background: #FDFDFD;
	background: var(--white);
	border-color: #FDFDFD;
	border-color: var(--white);
}

	/*Hover & Active*/
	.btn-white:hover,
	.btn-white:not(:disabled):not(.disabled).active,
	.btn-white:not(:disabled):not(.disabled):active,
	.show>.btn-white.dropdown-toggle{
		background-color: #8C8C8C;
		background-color: var(--gray-light);
		border-color: #8C8C8C;
		border-color: var(--gray-light);
	}
		
	/*Focus*/
	.btn-danger.focus, .btn-danger: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: #8C8C8C;
		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;
	}
	

/*Dropdown Menus*/
.dropdown-menu {
	padding: .5rem;
	margin: .25rem;
	text-align: center;
	background-color: #020202;
	background-color: var(--dark);
	border: .125em solid #020202;
	border: var(--border-width) var(--border-style) var(--dark);
	border-radius: .095em;
	border-radius: var(--border-radius);
	box-shadow: 0 0 0 .2em;
	box-shadow: var(--btn-boxshadow);
}
	.dropdown-item:focus, .dropdown-item:hover {
		border-radius: .095em;
		border-radius: var(--border-radius);
		background-color: transparent;
	}



/* ==========================================================================
   Text
   ========================================================================== */
.text-dark {
	color: #FDFDFD!important;
	color: var(--text-body)!important;
}
.text-info, .text-sale {
	color: #1278EB!important;
	color: var(--info)!important;
}


/* ==========================================================================
   Backgrounds
   ========================================================================== */
.bg-light {
	background-color: #020202;
	background-color: var(--dark)!important;
}


/* ==========================================================================
   Pagination
   ========================================================================== */
.pagination {
	border-radius: .095em;
	border-radius: var(--border-radius);
}
	.page-link {
		padding: .5em 1.250em;
		padding: (--btn-padding);
		color: #FDFDFD;
		color: var(--text-body);
		background-color: transparent;
		border-radius: .095em;
		border-radius: var(--border-radius);
		border: .125em solid transparent;
		border: var(--border-width) var(--border-style) transparent;
	}
		.page-link:hover {
			color: #020202;
			color: var(--dark);
			background-color: #8C8C8C;
			background-color: var(--gray-light);
			border-color: transparent;
		}
		.page-item.active .page-link {
			z-index: 1;
			color: #FDFDFD;
			color: var(--white);
			background-color: #C4000E;
			background-color: var(--primary);
			border-color: #C4000E;
			border-color: var(--primary);
		}
		.page-link:focus {
			box-shadow: 0 0 0 .2em rgba(221,18,18,.25);
			box-shadow: var(--btn-boxshadow) var(--primary-hover-25);
		}
		.page-item.disabled .page-link {
			color: #8C8C8C;
			color: var(--gray-light);
			background-color: transparent;
			border-color: transparent;
		}
		.page-item:first-child .page-link {
			border-top-left-radius: .095em;
			border-top-left-radius: var(--border-radius);
			border-bottom-left-radius: .095em;
			border-bottom-left-radius: var(--border-radius);
		}
		.page-item:last-child .page-link {
			border-top-right-radius: .095em;
			border-top-right-radius: var(--border-radius);
			border-bottom-right-radius: .095em;
			border-bottom-right-radius: var(--border-radius);
		}



/* ==========================================================================
   Badges
   ========================================================================== */
.badge {
	line-height: inherit;
	border-radius: .095em;
	border-radius: var(--border-radius);
	font-weight: 400;
	vertical-align: top;
}
	.badge-primary {
		color: #FDFDFD;
		color: var(--white);
		background-color: #C4000E;
		background-color: var(--primary);
	}
	.badge-secondary {
		color: #020202;
		color: var(--dark);
		background-color: #FDFDFD;
		background-color: var(--secondary);
	}
	.badge-success {
		color: #FDFDFD;
		color: var(--white);
		background-color: #0EB10E;
		background-color: var(--success);
	}
	.badge-info {
		color: #FDFDFD;
		color: var(--white);
		background-color: #1278EB;
		background-color: var(--info);
	}
	.badge-warning {
		color: #FDFDFD;
		color: var(--white);
		background-color: #DD6E12;
		background-color: var(--warning);
	}
	.badge-danger {
		color: #FDFDFD;
		color: var(--white);
		background-color: #DD1212;
		background-color: var(--danger);
	}



/* ==========================================================================
   Stickers
   ========================================================================== */
.sticker{
	border: .15em solid #FDFDFD;
	border: .15em var(--border-style) var(--white);
}
.sticker.sticker-success{
	color: #FDFDFD;
	color: var(--white);
	background-color: #0EB10E;
	background-color: var(--success);
}
.sticker.sticker-info{
	color: #FDFDFD;
	color: var(--white);
	background-color: #1278EB;
	background-color: var(--info);
}
.sticker.sticker-warning{
	color: #FDFDFD;
	color: var(--white);
	background-color: #DD6E12;
	background-color: var(--warning);
}
.sticker.sticker-danger{
	color: #FDFDFD;
	color: var(--white);
	background-color: #DD1212;
	background-color: var(--danger);
	word-break: break-all;
}



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

	/*Alert Colors*/
	.alert-danger, .has-error>.form-control{
		background-color: rgba(137,0,0,.50);
		background-color: var(--danger-hover-50);
		color: #FDFDFD !important;
		color: var(--white) !important;
		border: .125em solid #DD1212;
		border: var(--border-width) var(--border-style) var(--danger);
	}
	.alert-success{
		background-color: rgba(0,110,0,.5);
		background-color: var(--success-hover-50);
		color: #FDFDFD !important;
		color: var(--white) !important;
		border: .125em solid #0EB10E;
		border: var(--border-width) var(--border-style) var(--success);
	}
	.alert-info{
		background-color: rgba(18,120,235,.5);
		background-color: var(--info-hover-50);
		color: #FDFDFD !important;
		color: var(--white) !important;
		border: .125em solid #1278EB;
		border: var(--border-width) var(--border-style) var(--info);
	}
	.alert-warning{
		background-color: rgba(221,110,18,.5);
		background-color: var(--warning-hover-50);
		color: #FDFDFD !important;
		color: var(--white) !important;
		border: .125em solid #DD6E12;
		border: var(--border-width) var(--border-style) var(--warning);
	}

	#acceptCookiesBar a {
		color: #FFFFFF;
	}
	#acceptCookiesBar a:hover {
		text-decoration: none !important;
	}

	.help-block {
		display: block;
		backgroung-color: rgba(137,0,0,.50);
		background-color: var(--danger-hover-50);
		color: #FDFDFD !important;
		color: var(--white) !important;
		border: .125em solid #DD1212;
		border: var(--border-width) var(--border-style) var(--danger);
	}



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

.popover-header {
	padding: .5rem .75rem;
	padding: var(--btn-padding);
	background-color: #020202;
	background-color: var(--dark);
	border-bottom: 1px solid #020202;
	border-bottom: var(--border-width) var(--border-style) var(--dark);
}
.popover-body {
	padding: .5rem .75rem;
	padding: var(--btn-padding);
	color: #FDFDFD;
	color: var(--text-body);
}



/* ==========================================================================
   Modal
   ========================================================================== */
.ppm-rate-explination {
	cursor: pointer;
}
	.ppm-rate-explination:hover {
		color: #FDFDFD;
	}

.close{
	color: #DD1212;
	opacity: 1;
}
.close:hover{
	color: #890000;
}

.modal-content {
	background-color: #151515;
	background-color: var(--body);
	color: #FDFDFD;
	color: var(--text-body);
	border-radius: .095em;
	border-radius: var(--border-radius);
}
.modal-header {
	border-bottom: .125em solid #444444;
	border-bottom: var(--border-width) var(--border-style) var(--gray);
	border-top-left-radius: .095em;
	border-top-left-radius: var(--border-radius);
	border-top-right-radius: .095em;
	border-top-right-radius: var(--border-radius);
}
.modal-title {
	color: #FDFDFD;
	color: var(--text-body);
}



/* ==========================================================================
   Carousel
   ========================================================================== */
.carousel-control-next svg, .carousel-control-prev svg {
	width: 40px !important;
	height: 40px;
	padding: .45em;
	background-color: rgba(0,0,0,.5);
	background-color: var(--dark-50);
	border-radius: .095em;
	border-radius: var(--border-radius);
}
.carousel-control-next, .carousel-control-prev {
	color: #FDFDFD;
	color: var(--white);
	opacity: .55;
}
.carousel-control-next:focus, .carousel-control-next:hover,
.carousel-control-prev:focus, .carousel-control-prev:hover {
	color: #FDFDFD;
	color: var(--white);
	opacity: .95;
}



/* ==========================================================================
   Cards
   ========================================================================== */
.card {
	text-align: center;
	color: #FDFDFD;
	color: var(--text-body);
	background-color: #151515;
	background-color: var(--body);
	border: .125em solid #020202;
	border: var(border-width) var(--border-style) var(--dark);
	border-radius: .095em;
	border-radius: var(--border-radius);
}
.card-body {
	padding: .55rem;
}
.card-footer:last-child {
	border-radius: 0 0 calc(.25rem - .095em) calc(.25rem - .095em);
	border-radius: 0 0 calc(.25rem - var(--border-radius)) calc(.25rem - var(--border-radius));
}
.card-footer {
	padding: .55rem;
	background-color: transparent;
	border-top: 0;
}
.card-deck .card .card-footer {
	padding: 0 1.25rem .75rem;
}

	/*Styling for cards promoting memberships.  Video/Scene pages.*/
	.card-promote-membership {
		color: #FDFDFD!important;
		color: var(--white)!important;
		background-color: #020202;
		background-color: var(--dark);
		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;
	}



/* ==========================================================================
   Lists
   ========================================================================== */
.list-group {
	border: .125em solid transparent;
	border: var(--border-width) var(--border-style) transparent;
}
.list-group-item {
	background-color: transparent;
	border: .125em solid transparent;
	border: var(--border-width) var(--border-style) transparent;
}

/*Refine Option Dropdown Lists*/
.refine-option .list-group, .list-page-sort .list-group,
.sort-option .list-group {
	border: .125em solid #444444;
	border: var(--border-width) var(--border-style) var(--gray);
}
.refine-option .list-group-item, .list-page-sort .list-group,
.sort-option .list-group-item {
	background-color: #444444;
	background-color: var(--gray);
	border: .125em solid transparent;
	border: var(--border-width) var(--border-style) transparent;
}

.list-group-item-action {
	color: #FDFDFD;
	color: var(--text-body);
}
	.list-group-item:first-child {
		border-top-left-radius: .095em;
		border-top-left-radius: var(--border-radius);
		border-top-right-radius: .095em;
		border-top-right-radius: var(--border-radius);
	}
	.list-group-item:last-child {
		border-bottom-right-radius: .095em;
		border-bottom-right-radius: var(--border-radius);
		border-bottom-left-radius: .095em;
		border-bottom-left-radius: var(--border-radius);
	}
	
	.list-group-item-action:focus, .list-group-item-action:hover {
		background-color: #C4000E;
		background-color: var(--primary);
		color: #FDFDFD;
		color: var(--white);
	}




/* ==========================================================================
   Sex Toy Page
   ========================================================================== */
a.sex-toy img {
	padding: .5em;
	background-color: #FFFFFF;
	background-color: var(--white-light);
	border: .125em solid rgba(0,0,0,.1);
	border: var(--border-width) var(--border-style) var(--dark-10);
	box-shadow: none;
}

#custom-sex-toy-page-content {
	background-color: rgba(0,0,0,.95);
}

/*Sex Toy & Performer Page Header*/
.custom-sex-toy-page {
	background-position: top 4.25em center;
}
	@media (min-width: 576px){
		.custom-sex-toy-page .img-placeholder {
			padding-bottom: 38.25%;
		}
		.custom-sex-toy-page {
			background-position: top 7em center;
		}
	}

/*Background image styling for scroll effect.*/
#custom-sex-toy-page-content.sticky {
	background-position: top 8.25em left 10%;
}
		
#main-purchase-info {
	background-color: #444444 !important;
	background-color: var(--gray)!important;
}


/* ==========================================================================
   Account Breadcrumbs
   ========================================================================== */
.breadcrumb {
	background-color: #444444;
	background-color: var(--gray);
	border: .125em solid #444444;
	border: var(--border-width) var(--border-style) var(--gray);
	border-radius: .095em;
	border-radius: var(--border-radius);
}



/* ==========================================================================
   Forms
   ========================================================================== */
.form-control, 
input[type="text"], 
input[type="email"], 
input[type="number"], 
input[type="password"], 
select, 
textarea {
	padding: .5em 1.250em;
	padding: var(--btn-padding);
	background-color: #020202;
	background-color: var(--dark);
	color: #FDFDFD;
	color: var(--text-body);
	border-radius: .095em;
	border-radius: var(--border-radius);
	border: .125em solid #8C8C8C;
	border: var(--border-width) var(--border-style) var(--gray-light);
}

.form-control::placeholder {
	color: #8C8C8C;
	color: var(--gray-light);
	opacity: 1;
}

.form-control:focus {
	color: #FDFDFD;
	color: var(--text-body);
	background-color: #151515;
	background-color: var(--body);
}
.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: .095em;
	border-radius: var(--border-radius);
	border: .125em solid #C4000E;
	border: var(--border-width) var(--border-style) var(--primary);
}
.form-control:disabled, .form-control[readonly] {
	background-color: rgba(0,0,0..15);
	background-color: var(--dark-15);
}
.custom-control-label::before {
	background-color: #FDFDFD;
	background-color: var(--white);
}
.custom-radio .custom-control-input:checked~.custom-control-label::before {
	background-color: #C4000E;
	background-color: var(--primary);
	border: .125em solid #C4000E;
	border: var(--border-width) var(--border-style) var(--primary);
}


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

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

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



/* ==========================================================================
   Video/Scene Page - Video Details
   ========================================================================== */
.video-title {
	background-color: #C4000E;
	background-color: var(--primary);
	color: #FDFDFD;
	color: var(--text-body);
	text-align: center;
}
.video-title h1.description, .video-title h2.description {
	color: #FDFDFD;
	color: var(--text-body);
	margin-bottom: .2em;
}

	.video-performer {
		position: relative;
		width: 25%;
		min-width: 100px;
	}
	.video-performer img {
		border: 4px solid #151515;
		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: .25em;
	background-color: rgba(0,0,0,.50);
	background-color: var(--dark-50);
	color: #FDFDFD;
	color: var(--white);
}
	@media (max-width:500px){
		.video-page .membership-cards-container {
			padding: 1em .5em;
		}
	}

/*Scene Details*/
.scene-details {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
}
	.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%;
	}



/* ==========================================================================
   Anchor Navigation
   ==========================================================================*/
.anchor-nav {
	background-color: #C4000E;
	background-color: var(--primary);
}
a.anchor-link, 
a.anchor-link:hover{
	color: #FDFDFD;
	color: var(--white);
}



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

.premium-warning-container .premium-warning{
	display: inline-block;
	vertical-align: middle;
	padding: 2em;
	background-color: rgba(0,0,0,.5);
	background-color: var(--dark-50);
	border-radius: .095em;
	border-radius: var(--border-radius);
}
.premium-warning .form-group {
	max-width: 350px;
	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 */



/* ==========================================================================
   Animated Screenshots
   ========================================================================== */
.animated-screenshot a.grid-item-title {
	text-decoration: none;
	color: #FDFDFD;
	color: var(--text-body);
}
	.animated-screenshot a.grid-item-title:hover {
		text-decoration: none;
		color: #C4000E;
		color: var(--primary);
	}
#toastcarttypemessage {
	color: #FFFFFF;
}
.inner-cart .cart-details {
	background-color: var(--gray) !important;
}