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

:root {
	--blue: #17A4B8;
	--blue-hover: #138696;

	--purple: #28015c;
	--purple-hover: #1C0042;

	--pink: #EB2BEB;
	--pink-hover: #C600C6;

	--red: #cc0000;
	--red-hover: #7D0000;

	--orange: #FFC107;
	--orange-hover: #E0A800;

	--yellow: #FFA200;
	--yellow-hover: #FFC764;

	--green: #28A745;
	--green-hover: #218838;

	--teal: #2BDEFF;
	--teal-hover: #00D0F7;

	--dark: #010101;
	--dark-10: rgba(1, 1, 1, .10);
	--dark-15: rgba(1, 1, 1, .15);
	--dark-25: rgba(1, 1, 1, .25);
	--dark-50: rgba(1, 1, 1, .50);

	--body: #000000;
	--text-body: #FCFCFC;

	--white: #FFFFFF;

	--gray-dark: #1A1A1A;
	--gray: #BEBEBE;
	--gray-light: #F4F4F4;
	--gray-light-20: rgba(244, 244, 244, .20);
	--gray-light-25: rgba(244, 244, 244, .25);
	--gray-light-50: rgba(244, 244, 244, .50);
	--gray-light-75: rgba(244, 244, 244, .75);
	--gray-light-85: rgba(244, 244, 244, .85);


	/*Main Colors*/
	/*Primary*/
	--primary: #FF004A;
	--primary-25: rgba(255, 0, 74, .25);
	--primary-50: rgba(255, 0, 74, .5);
	--primary-75: rgba(255, 0, 74, .75);
	--primary-hover: #E2039E;
	--primary-hover-25: rgba(255, 3, 158, .25);
	--primary-hover-50: rgba(255, 3, 158, .5);

	/*Secondary*/
	--secondary: #ECECEC;
	--secondary-25: rgba(236, 236, 236, .25);
	--secondary-50: rgba(236, 236, 236, .5);
	--secondary-hover: #929191;
	--secondary-hover-25: rgba(146, 145, 145, .25);
	--secondary-hover-50: rgba(146, 145, 145, .5);


	/*Support Colors*/
	/*Success*/
	--success: #28A745;
	--success-25: rgba(40, 167, 68, .25);
	--success-50: rgba(40, 167, 68, .5);
	--success-hover: #218838;
	--success-hover-25: rgba(33, 136, 56, .25);
	--success-hover-50: rgba(33, 136, 56, .5);

	/*Info*/
	--info: #17A4B8;
	--info-25: rgba(23, 164, 184, .25);
	--info-50: rgba(23, 164, 184, .5);
	--info-hover: #138696;
	--info-hover-25: rgba(19, 134, 150, .25);
	--info-hover-50: rgba(19, 134, 150, .5);

	/*Warning*/
	--warning: #FFC107;
	--warning-25: rgba(255, 193, 7, .25);
	--warning-50: rgba(255, 193, 7, .5);
	--warning-hover: #E0A800;
	--warning-hover-25: rgba(224, 168, 0, .25);
	--warning-hover-50: rgba(224, 168, 0, .5);

	/*Danger*/
	--danger: #DC3545;
	--danger-25: rgba(220, 53, 69, .25);
	--danger-50: rgba(220, 53, 69, .5);
	--danger-hover: #C82333;
	--danger-hover-25: rgba(200, 35, 51, .25);
	--danger-hover-50: rgba(200, 35, 51, .5);

	/*Buttons*/
	--btn-background: ;
	--btn-boxshadow: 0 0 0 .2em;
	--btn-padding: 6px 14px;

	--btn-hover-boxshadow: ;

	/*Borders*/
	--border-radius: 0;
	--border-width: 0.0625em;
	--border-style: solid;

	/*Site Content Padding*/
	--site-content-padding-top: 55px;

	/*Fonts*/
	--font-family-header: 'Urbanist', sans-serif;
	--font-family-copy: 'Urbanist', sans-serif;

	/*Email Generator Styling*/
	--email-background: #000000;
	--email-body-background: #000000;
	--email-text-body: #FCFCFC;
	--email-logo-background-color: #000000;
	--email-footer-background: #303030;
	--email-text-footer: #FCFCFC;
	--email-footer-link: #FF004A;
	--email-accent: #FF004A;
	--email-text-button: #FCFCFC;
	--email-special-message-text: #FCFCFC;
	--email-dark: #545454;
	--email-border-radius: 0;
}

@media (min-width: 768px) {
	:root {
		--site-content-padding-top: 55px;
	}
}

/* ==========================================================================
   Basic Site Setup
   ========================================================================== */
/*HTML*/
html {
	color: #FCFCFC;
	color: var(--text-body);
	background-color: #000000;
	font-family: var(--font-family-copy);
	font-family: 'Urbanist', sans-serif;
	background-color: var(--body);
}

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

/*Site Content*/
.site-content {
	padding: 95px 0 2em 0;
}

@media (max-width: 768px) {
	.break {
		flex-basis: 100%;
		height: 0;
	}
}

/*HR*/
hr {
	border-top: 0.0625em solid #BEBEBE;
	border-top: var(--border-width) var(--border-style) var(--gray);
}

/*Links*/
a {
	color: #FF004A;
	color: var(--primary);
}

a:hover {
	color: #E2039E;
	color: var(--primary-hover);
}


/*Footer*/
footer {
	position: relative;
	padding: 3em 0 4em 0;
	background-color: #000000;
	background-color: var(--body);
	color: #FCFCFC;
	color: var(--text-body);
}

footer a,
footer h4 {
	color: #FCFCFC;
	color: var(--text-body);
}

footer a:not(.btn):hover {
	color: #FF004A;
	color: var(--primary);
}



/* ==========================================================================
   Fonts & Typography
   ========================================================================== */
/*Header: Elements to use header font & styling.*/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.btn,
.pagination .active {
	font-family: var(--font-family-header);
	font-family: 'Urbanist', sans-serif;
	font-weight: 500;
}

h1,
.h1,
.btn-primary,
.pagination .active {
	font-weight: 700;
}

.stretch-text {
	font-size: calc(2em + (4.5 - 2) * ((150vw - 36em) / (150 - 36)));
}

.text-accent {
	color: #FF004A;
	color: var(--primary);
}

/* ==========================================================================
   Navigation
   ========================================================================== */
nav.navbar {
	padding: 0;
	background-color: #000000;
	background-color: var(--body);
	-webkit-box-shadow: 0px 5px 50px -20px rgba(255, 0, 74, 1);
	box-shadow: 0px 5px 50px -20px rgba(255, 0, 74, 1);
	justify-content: center;
}

button.nav-link {
	background-color: transparent;
	border: 0;
}

nav .nav-link:not(.btn-warning):not(input),
button.nav-link {
	color: #FCFCFC;
	color: var(--text-body);
}

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

/* .nav-link svg {
	display: block;
	margin: 0 auto;
	font-size: 20px;
} */
@media (max-width: 1199px) {

	.navbar-collapse .nav-link svg,
	nav .navbar-collapse .nav-link {
		display: inline-block;
		font-size: 1em;
	}
}

.nav-search {
	width: 100%;
	padding: 15px;
	background-color: #000000;
	background-color: var(--body);
}



.mega-navigation {
	background-color: #1A1A1A;
	background-color: var(--gray-dark);
}

.mega-navigation-inner {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	max-height: calc(100vh - 85px);
	overflow: auto;
}

@media (min-width: 768px) {
	.mega-navigation-inner {
		flex-direction: row;
		align-items: flex-start;
	}

	#megaNavMenu .mega-navigation-inner {
		flex-direction: row-reverse;
	}
}

.mega-navigation ul {
	margin: 1em;
}

.mega-navigation ul,
.mega-navigation li {
	flex: 1 1 auto;
}

.mega-navigation ul.nav-upsell {
	flex: 1 0 25%;
}

.mega-navigation li .nav-link.all-link {
	color: #FF004A;
	color: var(--primary);
	font-weight: 700;
}

.mega-navigation li .nav-link.all-link:hover {
	color: #E2039E;
	color: var(--primary-hover);
}

.mega-navigation.collapse,
.mega-navigation.collapsing,
.mega-navigation.collapse.show {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 10;
	box-shadow: 0px 6px 25px 0px rgb(0 0 0 / 70%);
}

.nav-link.mega-nav-link {
	font-weight: 700;
}

.mega-nav-link svg {
	transition: all .5s ease;
}

.nav-link.mega-nav-link[aria-expanded="true"] {
	color: #FF004A;
	color: var(--primary);
}

.mega-nav-link[aria-expanded="true"] svg[data-icon="chevron-down"] {
	transform: rotate(180deg);
}

.navbar-toggler {
	font-size: inherit;
}

@media (min-width: 1200px) {
	.navbar {
		justify-content: space-between;
	}

	.navbar-collapse {
		margin-right: .5em;
	}

	.nav-search {
		position: absolute;
		top: 100%;
		flex-grow: 2;
		max-width: 40%;
		margin: .5em auto;
	}

	.nav-search .input-group {
		width: 100%;
	}
}

/*2-Up Display for toggle menu.*/
@media (max-width: 1199px) {
	.navbar-nav {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.navbar-nav .nav-link {
		font-size: 1em;
		width: 50%;
	}

	.form-inline,
	.navbar-nav .nav-link.btn-warning,
	.navbar-nav .nav-link.btn-primary,
	.navbar-nav .nav-link.btn-success {
		flex-grow: 1;
		width: 100%;
	}

	.form-inline .input-group {
		width: 100%;
	}
}

@media (max-width: 400px) {
	.nav-link {
		padding: .5rem .5rem;
	}
}

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

#megaNavChannels .mega-navigation-inner a.purple-link {
	color: var(--primary-hover);
	font-weight: 600;
}

/* ==========================================================================
   Button Styling
   ========================================================================== */
.btn {
	padding: 6px 14px;
	padding: var(--btn-padding);
	color: #FFFFFF;
	color: var(--white);
	background: transparent;
	border: 0.0625em solid #FFFFFF;
	border: var(--border-width) var(--border-style) var(--white);
	border-radius: 0;
	border-radius: var(--border-radius);
	text-transform: uppercase;
	transition: all .4s ease;
}

.btn:hover,
.btn:active,
.btn.active {
	background-position: right center;
}

.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: #FF004A;
	color: var(--primary);
	background: transparent;
	box-shadow: none;
	border: 0 solid transparent;
}

.btn-link:hover,
.btn-link:active,
.btn-link.active {
	background-color: transparent;
	border: 0 solid transparent;
	box-shadow: none;
	color: #FF004A;
	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;
}

.btn-join {
	box-shadow: 0px 10px 10px -5px rgb(0 0 0 / 45%);
}

/*Primary*/
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
	color: #FFFFFF;
	color: var(--white);
	background: linear-gradient(121deg, rgba(226, 3, 158, 1) 0%, rgba(255, 0, 74, 1) 40%, rgba(226, 3, 158, 1) 100%);
	background: linear-gradient(121deg, var(--primary-hover) 0%, var(--primary) 40%, var(--primary-hover) 100%);
	background-size: 200% auto;
	border-width: 0.0625em;
	border-style: solid;
	border-image: linear-gradient(121deg, rgba(226, 3, 158, 1) 0%, rgba(255, 0, 74, 1) 40%, rgba(226, 3, 158, 1) 100%);
}

/*Hover & Active*/
.btn-primary:hover,
.show>.btn-primary.dropdown-toggle {
	text-shadow: 1px 1px 2px #7301b5;
	background-position: right center;
}

.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
	background-position: right center;
}

/*Focus*/
.btn-primary.focus,
.btn-primary:focus {
	box-shadow: 0 0 0 .2em rgba(255, 0, 74, .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: #FFFFFF;
	color: var(--white);
	background-color: #E2039E;
	background-color: var(--primary-hover);
	box-shadow: 0 0 0 .2em rgba(255, 3, 158, .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(255, 3, 158, .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: #FCFCFC;
	color: var(--text-body);
	background: transparent;
	border: 0.0625em solid #FCFCFC;
	border: var(--border-width) var(--border-style) var(--text-body);
}

/*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: #FCFCFC;
	color: var(--text-body);
	background: rgba(244, 244, 244, .25);
	background: var(--gray-light-25);
	border: 0.0625em solid #FCFCFC;
	border: var(--border-width) var(--border-style) var(--text-body);
}

/*Focus*/
.btn-secondary.focus,
.btn-secondary:focus {
	box-shadow: 0 0 0 .2em rgba(236, 236, 236, .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 {
	box-shadow: 0 0 0 .2em rgba(146, 145, 145, .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 {
	box-shadow: 0 0 0 .2em rgba(146, 145, 145, .5);
	box-shadow: var(--btn-boxshadow) var(--secondary-hover-50);
}

/*Disabled*/
.btn-secondary.disabled,
.btn-secondary: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: #FFFFFF;
	color: var(--white);
	background: #28A745;
	background: var(--success);
	border-color: #28A745;
	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 {
	background-color: #218838;
	background-color: var(--success-hover);
	border-color: #218838;
	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: #218838;
	background-color: var(--success-hover);
	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 {
	color: #FFFFFF;
	color: var(--white);
	background: #17A4B8;
	background: var(--info);
	border-color: #17A4B8;
	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: #138696;
	background-color: var(--info-hover);
	border-color: #138696;
	border-color: var(--info-hover);
}

/*Focus*/
.btn-info.focus,
.btn-info:focus {
	box-shadow: 0 0 0 .2em rgba(23, 164, 184, .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: #138696;
	background-color: var(--info-hover);
	box-shadow: 0 0 0 .2em rgba(19, 134, 150, .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(19, 134, 150, .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: #000000;
	color: var(--body);
	background: #FFC107;
	background: var(--warning);
	border-color: #FFC107;
	border-color: var(--warning);
}

/*Hover & Active*/
.btn-warning:hover,
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
	background-color: #E0A800;
	background-color: var(--warning-hover);
	border-color: #E0A800;
	border-color: var(--warning-hover);
}

/*Focus*/
.btn-warning.focus,
.btn-warning:focus {
	box-shadow: 0 0 0 .2em rgba(255, 193, 7, .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: #E0A800;
	background-color: var(--warning-hover);
	box-shadow: 0 0 0 .2em rgba(224, 168, 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(224, 168, 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: #FFFFFF;
	color: var(--white);
	background: #DC3545;
	background: var(--danger);
	border-color: #DC3545;
	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: #C82333;
	background-color: var(--danger-hover);
	border-color: #C82333;
	border-color: var(--danger-hover);
}

/*Focus*/
.btn-danger.focus,
.btn-danger:focus {
	box-shadow: 0 0 0 .2em rgba(220, 53, 69, .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: #C82333;
	background-color: var(--danger-hover);
	box-shadow: 0 0 0 .2em rgba(200, 35, 51, .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(200, 35, 51, .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: #ECECEC;
	color: var(--secondary);
	background: #FFFFFF;
	background: var(--white);
	border-color: #FFFFFF;
	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: #F4F4F4;
	background-color: var(--gray-light);
	border-color: #F4F4F4;
	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: #F4F4F4;
	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: #000000;
	background-color: var(--body);
	border: 0.0625em solid #FF004A;
	border: var(--border-width) var(--border-style) var(--primary);
	border-radius: .250em;
	border-radius: var(--border-radius);
	box-shadow: 0 0 0 0;
}

.dropdown-item:focus,
.dropdown-item:hover {
	background-color: #000000;
	background-color: var(--body);
	color: #FF004A;
	color: var(--primary);
}

.btn-fancy {
	-webkit-animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);
	animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}

.btn-fancy:after {
	-webkit-animation: button-blip 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-animation: button-blip 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1);
	animation: button-blip 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

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

	10% {
		transform: scale(0.96);
	}

	20% {
		transform: scale(1.04);
	}

	52%,
	100% {
		transform: scale(1);
	}
}

@-moz-keyframes button-bounce {
	0% {
		transform: scale(1);
	}

	10% {
		transform: scale(0.96);
	}

	20% {
		transform: scale(1.04);
	}

	52%,
	100% {
		transform: scale(1);
	}
}

@keyframes button-bounce {
	0% {
		transform: scale(1);
	}

	10% {
		transform: scale(0.96);
	}

	20% {
		transform: scale(1.04);
	}

	52%,
	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes button-blip {
	0% {
		transform: scaleX(1) scaleY(1);
		opacity: 0;
	}

	10% {
		transform: scaleX(1) scaleY(1);
		opacity: .7;
	}

	30%,
	99% {
		transform: scaleX(1.08) scaleY(1.35);
		opacity: 0;
	}

	100% {
		transform: scaleX(1) scaleY(1);
		opacity: 0;
	}
}

@-moz-keyframes button-blip {
	0% {
		transform: scaleX(1) scaleY(1);
		opacity: 0;
	}

	10% {
		transform: scaleX(1) scaleY(1);
		opacity: .7;
	}

	30%,
	99% {
		transform: scaleX(1.08) scaleY(1.35);
		opacity: 0;
	}

	100% {
		transform: scaleX(1) scaleY(1);
		opacity: 0;
	}
}

@keyframes button-blip {
	0% {
		transform: scaleX(1) scaleY(1);
		opacity: 0;
	}

	10% {
		transform: scaleX(1) scaleY(1);
		opacity: .7;
	}

	30%,
	99% {
		transform: scaleX(1.08) scaleY(1.35);
		opacity: 0;
	}

	100% {
		transform: scaleX(1) scaleY(1);
		opacity: 0;
	}
}


/* ==========================================================================
   Text
   ========================================================================== */
.text-dark {
	color: #FCFCFC;
	color: var(--text-body);
}

.text-primary-hover {
	color: #E2039E;
	color: var(--primary-hover);
}



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


/* ==========================================================================
   Pagination
   ========================================================================== */
.pagination {
	border-radius: .250em;
	border-radius: var(--border-radius);
}

.page-link {
	padding: 6px 12px;
	padding: (--btn-padding);
	color: #FCFCFC;
	color: var(--text-body);
	background-color: transparent;
	border-radius: .250em;
	border-radius: var(--border-radius);
	border: 0.0625em solid transparent;
	border: var(--border-width) var(--border-style) transparent;
}

.page-link:hover {
	color: #FCFCFC;
	color: var(--text-body);
	background-color: #E2039E;
	background-color: var(--primary-hover);
	border-color: transparent;
}

.page-item.active .page-link {
	z-index: 1;
	color: #FFFFFF;
	color: var(--white);
	background-color: #FF004A;
	background-color: var(--primary);
	border-color: #FF004A;
	border-color: var(--primary);
}

.page-link:focus {
	box-shadow: 0 0 0 .2em rgba(255, 3, 158, .25);
	box-shadow: var(--btn-boxshadow) var(--primary-hover-25);
}

.page-item.disabled .page-link {
	color: #BEBEBE;
	color: var(--gray);
	background-color: transparent;
	border-color: transparent;
}

.page-item:first-child .page-link {
	border-top-left-radius: .250em;
	border-top-left-radius: var(--border-radius);
	border-bottom-left-radius: .250em;
	border-bottom-left-radius: var(--border-radius);
}

.page-item:last-child .page-link {
	border-top-right-radius: .250em;
	border-top-right-radius: var(--border-radius);
	border-bottom-right-radius: .250em;
	border-bottom-right-radius: var(--border-radius);
}



/* ==========================================================================
   Badges
   ========================================================================== */
.badge {
	line-height: inherit;
	border-radius: .250em;
	border-radius: var(--border-radius);
	font-weight: 400;
	vertical-align: top;
}

.badge-primary {
	color: #FFFFFF;
	color: var(--white);
	background-color: #FF004A;
	background-color: var(--primary);
}

.badge-secondary {
	color: #000000;
	color: var(--body);
	background: rgba(244, 244, 244, .75);
	background: var(--gray-light-75);
}

.badge-success {
	color: #FFFFFF;
	color: var(--white);
	background-color: #28A745;
	background-color: var(--success);
}

.badge-info {
	color: #FFFFFF;
	color: var(--white);
	background-color: #17A4B8;
	background-color: var(--info);
}

.badge-warning {
	color: #000000;
	color: var(--body);
	background-color: #FFC107;
	background-color: var(--warning);
}

.badge-danger {
	color: #FFFFFF;
	color: var(--white);
	background-color: #DC3545;
	background-color: var(--danger);
}



/* ==========================================================================
   Stickers
   ========================================================================== */
.sticker {
	border: .15em solid #FFFFFF;
	border: .15em var(--border-style) var(--white);
	transition: all .2s ease;
}

.sticker.sticker-success {
	color: #FFFFFF;
	color: var(--white);
	background-color: #28A745;
	background-color: var(--success);
}

.sticker.sticker-info {
	color: #FFFFFF;
	color: var(--white);
	background-color: #17A4B8;
	background-color: var(--info);
}

.sticker.sticker-warning {
	color: #000000;
	color: var(--body);
	background-color: #FFC107;
	background-color: var(--warning);
}

.sticker.sticker-danger {
	color: #FFFFFF;
	color: var(--white);
	background-color: #DC3545;
	background-color: var(--danger);
	word-break: break-all;
}

.scene-widget:hover .sticker,
.scene-widget-no-play:hover .sticker {
	opacity: 0;
}

@media (max-width: 1199px) {

	.scene-widget .sticker.stock,
	.scene-widget .sticker.stream-indictor,
	.scene-widget-no-play .sticker.stock,
	.scene-widget-no-play .sticker.stream-indictor {
		bottom: 30px;
	}
}

/* ==========================================================================
   Alerts
   ========================================================================== */
.alert {
	padding: .5rem;
	border-radius: .250em;
	border-radius: var(--border-radius);
	border: 0.0625em solid #DC3545;
	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(200, 35, 51, .50);
	background-color: var(--danger-hover-50);
	color: #FFFFFF !important;
	color: var(--white) !important;
	border: 0.0625em solid #DC3545;
	border: var(--border-width) var(--border-style) var(--danger);
}

.alert-success {
	background-color: rgba(40, 167, 68, .5);
	background-color: var(--success-hover-50);
	color: #FFFFFF !important;
	color: var(--white) !important;
	border: 0.0625em solid #28A745;
	border: var(--border-width) var(--border-style) var(--success);
}

.alert-info {
	background-color: rgba(23, 164, 184, .5);
	background-color: var(--info-hover-50);
	color: #FFFFFF !important;
	color: var(--white) !important;
	border: 0.0625em solid #17A4B8;
	border: var(--border-width) var(--border-style) var(--info);
}

.alert-warning {
	background-color: rgba(255, 193, 7, .5);
	background-color: var(--warning-hover-50);
	color: #FFFFFF !important;
	color: var(--text-body) !important;
	border: 0.0625em solid #FFC107;
	border: var(--border-width) var(--border-style) var(--warning);
}

.help-block {
	display: block;
	background-color: rgba(200, 35, 51, .50);
	background-color: var(--danger-hover-50);
	color: #FFFFFF !important;
	color: var(--white) !important;
	border: 0.0625em solid #DC3545;
	border: var(--border-width) var(--border-style) var(--danger);
}



/* ==========================================================================
   Popover
   ========================================================================== */
.popover {
	color: #FCFCFC;
	color: var(--text-body);
	background-color: #000000;
	background-color: var(--body);
	border: 1px solid #010101;
	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 #FCFCFC;
	border-bottom: var(--border-width) var(--border-style) var(--text-body);
}

.popover-body {
	padding: 6px 12px;
	padding: var(--btn-padding);
	color: #FCFCFC;
	color: var(--text-body);
}



/* ==========================================================================
   Modal
   ========================================================================== */
.ppm-rate-explination {
	cursor: pointer;
}

.ppm-rate-explination:hover {
	color: #FFFFFF;
}

.close {
	color: #DC3545;
	opacity: 1;
}

.close:hover {
	color: #C82333;
}

.modal-content {
	background-color: #000000;
	background-color: var(--body);
	color: #FCFCFC;
	color: var(--text-body);
	border-radius: .250em;
	border-radius: var(--border-radius);
}

.modal-header {
	border-bottom: 0.0625em solid #BEBEBE;
	border-bottom: var(--border-width) var(--border-style) var(--gray);
	border-top-left-radius: .250em;
	border-top-left-radius: var(--border-radius);
	border-top-right-radius: .250em;
	border-top-right-radius: var(--border-radius);
}

.modal-title {
	color: #FCFCFC;
	color: var(--text-body);
}



/* ==========================================================================
   Carousel
   ========================================================================== */
.carousel-control-next svg,
.carousel-control-prev svg {
	width: 40px !important;
	height: 40px;
	padding: .45em;
	background-color: rgba(1, 1, 1, .5);
	background-color: var(--dark-50);
	border-radius: .250em;
	border-radius: var(--border-radius);
}

.carousel-control-next,
.carousel-control-prev {
	color: #FFFFFF;
	color: var(--white);
	opacity: .5;
	width: 5%;
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
	color: #FFFFFF;
	color: var(--white);
	opacity: .9;
}



/* ==========================================================================
   Cards
   ========================================================================== */
.card {
	text-align: center;
	color: #FCFCFC;
	color: var(--text-body);
	background-color: #000000;
	background-color: var(--body);
	border: 0.0625em solid #010101;
	border: var(--border-width) var(--border-style) var(--primary-50);
	border-radius: 0.25em;
}

.card:hover {
	border: var(--border-width) var(--border-style) var(--primary);
	-webkit-box-shadow: 0px 0px 70px 0px rgba(255, 0, 74, .45);
	box-shadow: 0px 0px 70px 0px rgba(255, 0, 74, .45);
}

.card.channel-card {
	text-align: left;
}

.card.channel-card .card-title.grid-item-heading {
	position: absolute;
	display: flex;
	justify-content: space-between;
	align-items: center;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px 10px;
	margin: 0;
	text-shadow: 1px 1px 4px rgb(0 0 0 / 95%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .55) 95%);
}

.card-header,
.card.active:hover>.card-footer {
	color: #FCFCFC;
	color: var(--text-body);
}

.card.channel-card .card-title {
	font-size: 24px;
	font-weight: bold;
}

.card-body {
	padding: .55rem;
}

.card.channel-card .card-text {
	margin-bottom: 0;
}

.card-footer:last-child {
	border-radius: 0 0 .25em .25em;
}

.card-footer {
	padding: .55rem;
	background-color: transparent;
	border-top: 0;
}

.card-deck .card .card-footer {
	margin-top: auto;
	padding: 0 1.25rem .75rem;
}

.card-deck-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1 0 auto;
}

@media (max-width: 992px) {
	.card-deck-container {
		width: 100%;
	}

	.card-deck .card.extra-offers {
		flex: 1 1 30%;
	}
}

.card-deck .membership-card .membership-card-interval-length>.fa-star {
	font-size: 60px;
	margin-bottom: .25em;
}

.card.channel-card .card-footer {
	display: flex;
}

.card.channel-card .card-footer .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

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

.membership-card-interval {
	display: block;
	font-size: 3.85vw;
	line-height: 3.85vw;
}

.membership-card-interval .membership-card-interval-length {
	display: block;
	font-size: 90px;
	line-height: 80px;
}

.membership-card-price {
	display: block;
	font-size: 3.85vw;
	line-height: 3.85vw;
	margin-bottom: 15px;
}

@media (min-width: 992px) {
	.membership-card-interval {
		display: block;
		font-size: calc(25px + (25 - 16) * ((100vw - 1100px) / (1800 - 1100)));
		line-height: calc(25px + (25 - 16) * ((100vw - 1100px) / (1800 - 1100)));
	}

	.membership-card-price {
		display: block;
		font-size: calc(25px + (25 - 16) * ((100vw - 1100px) / (1800 - 1100)));
		line-height: calc(25px + (25 - 16) * ((100vw - 1100px) / (1800 - 1100)));
		margin-bottom: 15px;
	}
}

.membership-cards-container .card {
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	flex: 1 0 47%;
}

@media (min-width: 1085px) {
	.membership-cards-container .card {
		flex-direction: row;
	}
}

.membership-cards-container .card-header {
	/* width: 75%; */
	padding: .5rem;
	flex: 1 0 40%;
}

.membership-cards-container .card.membership-card .card-body {
	/* flex: 1 0 30%; */
	padding: 0;
}

.membership-cards-container .membership-card-interval {
	display: block;
	font-size: 30px;
	line-height: 30px;
	text-transform: uppercase;
}

.membership-cards-container .membership-card-interval .membership-card-interval-length {
	display: inline-block;
	font-size: 30px;
	line-height: 30px;
}

.membership-cards-container .membership-card-price {
	display: block;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 15px;
}

.card .membership-card-ribbon {
	position: absolute;
	top: -1px;
	left: -77px;
	background-color: #E2039E;
	background-color: var(--primary-hover);
	color: #FFFFFF;
	color: var(--white);
	padding: 0 10px;
	text-transform: lowercase;
	transform: rotate(-90deg);
	transform-origin: right top;
	font-size: .8em;
}

.card .membership-card-ribbon.sale-ribbon {
	left: -59px;
}

.join-page-membership-plans a:hover.card.active .bg-promotion {
	color: #FFFFFF;
	color: var(--white);
}

/* ==========================================================================
   Lists
   ========================================================================== */
.list-group {
	border: 0.0625em solid #BEBEBE;
	border-radius: .250em;
	border-radius: var(--border-radius);
	border: var(--border-width) var(--border-style) var(--gray);
}

.refine-option .list-group {
	background-color: #000000;
	background-color: var(--body);
}

.list-group-item {
	background-color: #000000;
	background-color: var(--body);
	border: 0.0625em solid transparent;
	border: var(--border-width) var(--border-style) transparent;
}

.list-group-item-action {
	color: #FCFCFC;
	color: var(--text-body);
}

.list-group-item:first-child {
	border-top-left-radius: .250em;
	border-top-left-radius: var(--border-radius);
	border-top-right-radius: .250em;
	border-top-right-radius: var(--border-radius);
}

.list-group-item:last-child {
	border-bottom-right-radius: .250em;
	border-bottom-right-radius: var(--border-radius);
	border-bottom-left-radius: .250em;
	border-bottom-left-radius: var(--border-radius);
}

.list-group-item-action:focus,
.list-group-item-action:hover {
	background-color: #FF004A;
	background-color: var(--primary);
	color: #FFFFFF;
	color: var(--white);
}



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

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

#main-purchase-info {
	background-color: #FF004A !important;
	background-color: var(--primary) !important;
}

/* ==========================================================================
   Account Breadcrumbs
   ========================================================================== */
.breadcrumb {
	background-color: #505050;
	border: 0.0625em solid #505050;
	border-radius: .250em;
	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: #000000;
	background-color: var(--body);
	color: #FCFCFC;
	color: var(--text-body);
	border-radius: .250em;
	border-radius: var(--border-radius);
	border: 0.0625em solid #ECECEC;
	border: var(--border-width) var(--border-style) var(--secondary);
}

.form-control::placeholder {
	color: rgba(244, 244, 244, .85);
	color: var(--gray-light-85);
	opacity: 1;
}

.form-control:focus {
	color: #FCFCFC;
	color: var(--text-body);
	background-color: #1A1A1A;
	background-color: var(--gray-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: .250em;
	border-radius: var(--border-radius);
	border: 0.0625em solid #E2039E;
	border: var(--border-width) var(--border-style) var(--primary-hover);
}

.form-control:disabled,
.form-control[readonly] {
	background-color: rgba(1, 1, 1, .15);
	background-color: var(--dark-15);
}

.custom-control-label::before {
	background-color: #FFFFFF;
	background-color: var(--white);
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
	background-color: #FF004A;
	background-color: var(--primary);
	border: 0.0625em solid #FF004A;
	border: var(--border-width) var(--border-style) var(--primary);
}

/* ==========================================================================
   Checkout Steps
   ========================================================================== */
ol.checkout-steps {
	list-style-position: inside;
	background: #F4F4F4;
	background: var(--gray-light);
}

ol.checkout-steps li {
	flex-grow: 1;
}

ol.checkout-steps li.active {
	background: #FF004A;
	background: var(--primary);
	color: #FFFFFF;
	color: var(--white);
}



/* ==========================================================================
   Overlay
   ========================================================================== */
.overlay.overlay-show {
	display: block;
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	font-size: 14px;
	padding: .5em;
	background-color: rgba(255, 0, 74, .75);
	background-color: var(--primary-75);
	color: #fff !important;
	z-index: 2;
	text-align: left;
	opacity: 1;
	transition: all .2s ease;
}

@media (max-width: 767px) {
	.overlay.overlay-show {
		position: relative;
		background-color: #FF004A;
		background-color: var(--primary);
	}
}

.overlay-show h5 {
	text-transform: uppercase;
	margin-bottom: 0;
}

a:hover .overlay.overlay-show {
	padding: 1em;
}

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

.overlay-inner .overlay-call-to-action svg {
	font-size: inherit;
}

.performer {
	border: 0.0625em solid #010101;
	border: var(--border-width) var(--border-style) var(--primary-50);
	border-radius: 0.25em;
	transition: all .4s ease-in-out;
}

.performer img {
	border-radius: 0.25em;
}

.performer:hover {
	border: var(--border-width) var(--border-style) var(--primary);
	-webkit-box-shadow: 0px 0px 40px 0px rgba(255, 0, 74, .45);
	box-shadow: 0px 0px 40px 0px rgba(255, 0, 74, .45);
}

.performer .overlay {
	top: auto;
	bottom: 5px;
	left: 5px;
	width: auto;
	height: auto;
	background-color: rgba(0, 0, 0, .1);
	color: #fff !important;
	text-align: left;
	padding: 0 6px;
	text-shadow: 1px 1px 2px rgb(0 0 0 / 95%);
	opacity: 1;
	transition: all .4s ease-in-out;
}

.performer:hover .overlay {
	opacity: 1;
	background-color: rgba(0, 0, 0, .55);
}

a.performer.no-headshot {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	text-align: center;
}


/* ==========================================================================
   Video/Scene Page - Video Details
   ========================================================================== */
.video-title {
	background-color: #FF004A;
	background-color: var(--primary);
	color: #FFFFFF;
	color: var(--white);
	text-align: center;
}

.video-title h1.description,
.video-title h2.description,
.description a {
	color: #FFFFFF;
	color: var(--white);
	margin-bottom: .2em;
}

.video-details {
	width: 100%;
}

@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(1, 1, 1, .50);
	background-color: var(--dark-50);
	color: #FFFFFF;
	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: start;
	padding: 0.5em;
}

.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%;
}

.recommendations {
	background-color: #1A1A1A;
	background-color: var(--gray-dark);
}

.main {
	display: block;
	position: relative;
	padding-top: 1em;
	background: rgb(0, 0, 0);
	background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.3491771708683473) 75%, rgba(0, 0, 0, .9) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.3491771708683473) 75%, rgba(0, 0, 0, .9) 100%);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.3491771708683473) 75%, rgba(0, 0, 0, .9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

.main-item-details {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	column-gap: 30px;
	row-gap: 30px;
	margin-bottom: 5em;
}

@media (min-width: 992px) {
	.main-item-details {
		grid-template-columns: 1fr 1fr;
	}
}

.item-grid.item-grid-performer {
	grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
}

@media (min-width: 576px) {
	.item-grid.item-grid-performer {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	}
}

@media (min-width: 992px) {
	.main-item-details .item-grid.item-grid-performer {
		grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
	}
}

.scene-tags,
.list-page-refined-by a.btn-link {
	display: inline-block;
	background-color: rgba(255, 255, 255, .25);
	color: #FCFCFC;
	color: var(--text-body);
	text-align: left;
	padding: 4px 8px;
	margin-bottom: .5em;
	text-shadow: 1px 1px 2px rgb(0 0 0 / 95%);
	transition: all .4s ease-in-out;
}

.scene-tags:hover {
	text-decoration: none;
	background-color: rgba(255, 255, 255, .18);
}

.list-page-refined-by a.btn-link:hover {
	background-color: rgba(255, 255, 255, .18);
}

/* ==========================================================================
   Anchor Navigation
   ==========================================================================*/
.anchor-nav {
	background-color: #FF004A;
	background-color: var(--primary);
}

a.anchor-link,
a.anchor-link:hover {
	color: #FFFFFF;
	color: var(--white);
}

.anchor,
.anchor:target {
	position: relative;
	top: -120px;
}


/* ==========================================================================
   Empire Player
   ========================================================================== */
.empire-player-video-container {
	margin: 0 auto 1em auto;
	padding-bottom: 0 !important;
	height: calc(100vw * (9/16));
	max-height: calc(1000px * 9/16);
	max-width: 1000px;
	background: rgb(0, 0, 0);
	background: -moz-radial-gradient(circle, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 35%);
	background: -webkit-radial-gradient(circle, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 35%);
	background: radial-gradient(circle, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 35%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

@media (max-width: 577px) {
	.link-player-action {
		font-size: 8vw;
	}
}

.link-player-action:hover {
	color: var(--primary-hover);
}

.premium-warning-container .premium-warning {
	display: inline-block;
	vertical-align: middle;
	padding: 2em;
	background-color: rgba(255, 255, 255, .75);
	border-radius: var(--border-radius);
}

.premium-warning .form-group {
	max-width: 348px;
	margin: 0 auto;
}



/* ==========================================================================
   CSS Grid - Site Specific Changes
   ========================================================================== */
@media (min-width: 1200px) {
	.container {
		max-width: 1400px;
	}
}

/* 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;
	}
}

.refine-option .btn.btn-secondary,
.refine-option .refine-search {
	margin-top: 10px;
}

/* END: List Refines displayed across the top */

.item-grid {
	display: grid;
	grid-gap: 20px;
	grid-row-gap: 20px;
	grid-template-columns: repeat(auto-fill, minmax(46%, 1fr));
}

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

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

.item-grid.item-grid-scene {
	display: grid;
	grid-gap: 20px;
	grid-row-gap: 20px;
	grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}

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

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

#scenes .item-grid.item-grid-scene {
	display: grid;
	grid-gap: 20px;
	grid-row-gap: 20px;
	grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}

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

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

.scene-page .item-grid.item-grid-scene {
	grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
}


.item-grid.sextoy-categories {
	display: grid;
	grid-gap: 20px;
	grid-row-gap: 20px;
	grid-template-columns: repeat(auto-fill, minmax(46%, 1fr));
}

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

.carousel .item-grid.item-grid-performer {
	display: grid;
	grid-gap: 20px;
	grid-row-gap: 20px;
	grid-template-columns: repeat(auto-fill, minmax(46%, 1fr));
}

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

.showcase-heading {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: .08em .2em;
	margin: 2em 0 1.5em 0;
	text-align: center;
}

@media (min-width: 768px) {
	.showcase-heading {
		flex-direction: row;
		justify-content: center;
		text-align: left;
	}

	.showcase-heading .btn {
		font-size: .8em;
		margin-left: 1em;
	}

	.showcase-heading h2,
	.showcase-heading h3 {
		width: auto;
		margin: 0;
	}

	.heading-lines {
		display: flex;
		width: 100%;
	}

	.heading-lines:before,
	.heading-lines:after {
		content: '';
		border-top: 1px solid;
		margin: 0 20px 0 0;
		flex: 1 0 20px;
	}

	.heading-lines:after {
		margin: 0 0 0 20px;
	}
}

.vod-exclusive-banner {
	position: relative;
	display: block;
}

.vod-exclusive-banner .overlay-inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

/* ==========================================================================
   Hover Preview
   ========================================================================== */
.scene-widget,
.scene-widget-no-play {
	background-color: #151515;
}

@media (min-width: 1199px) {
	.scene-info-container {
		position: absolute;
		width: 100%;
		padding: .5em;
		z-index: 8;
	}

	.scene-primary-details {
		align-items: stretch;
		height: 100%;
	}

	.scene-primary-details .scene-title {
		display: block;
		height: 100%;
	}

	.scene-primary-details>.scene-title h6,
	.scene-secondary-details {
		color: #fff !important;
		padding: 0 6px;
		text-shadow: 1px 1px 2px rgb(0 0 0 / 95%);
		opacity: 1;
		transition: all .4s ease-in-out;
	}

	.scene-primary-details>.scene-title h6,
	.scene-secondary-details {
		opacity: 0;
	}

	.scene-widget:hover .scene-primary-details>.scene-title h6,
	.scene-widget:hover .scene-secondary-details,
	.scene-widget-no-play:hover .scene-primary-details>.scene-title h6,
	.scene-widget-no-play:hover .scene-secondary-details {
		opacity: 1;
	}
}

/* ==========================================================================
   Toast Site Wide Messaging
   ========================================================================== */
.toast-site-wide-message {
	position: fixed;
	bottom: 0;
	left: 50%;
	right: 50%;
	transform: translateX(-50%);
	width: 85%;
	height: 0;
	padding: 8px;
	color: #F4F4F4;
	background-color: rgba(1, 1, 1, .85);
	margin: 0 auto;
	opacity: 0;
	z-index: 50;
	transition: all .3s ease;
}

.toast-site-wide-message button {
	position: absolute;
	top: -30px;
	right: -10px;
}

#utahMessage button {
	position: absolute;
	top: -4px;
	right: 10px;
}

.toast-site-wide-message-inner {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
}

.toast-site-wide-message-inner svg,
.toast-site-wide-message-inner h5 {
	display: none;
}

.toast-site-wide-message.show-toast-message-on-scroll {
	height: auto;
	opacity: 1;
}

@media (min-width: 768px) {

	#toastSiteWideMessage .toast-site-wide-message,
	.site-content .toast-site-wide-message {
		width: 75%;
		padding: 12px 25px;
	}

	#toastSiteWideMessage .toast-site-wide-message-inner,
	.site-content .toast-site-wide-message-inner {
		flex-direction: row;
		text-align: left;
	}

	#toastSiteWideMessage .toast-site-wide-message-inner p,
	.site-content .toast-site-wide-message-inner p {
		margin-bottom: 0;
	}

	#toastSiteWideMessage .toast-site-wide-message-inner svg,
	#toastSiteWideMessage .toast-site-wide-message-inner h5,
	.site-content .toast-site-wide-message-inner svg,
	.site-content .toast-site-wide-message-inner h5 {
		display: block;
	}

	#toastSiteWideMessage .toast-cta,
	.site-content .toast-cta {
		margin-left: auto;
	}
}

/* ==========================================================================
   User Interactions
   ========================================================================== */
.user-interactions a {
	display: inline-block;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, .25);
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, .25);
}

.user-action a:not([href]):not([tabindex]) {
	color: var(--dark);
}

.user-action:hover a:hover,
.user-action a.active,
.user-action a.active:not([href]):not([tabindex]) {
	color: var(--white);
	background-color: var(--primary);
	text-decoration: none;
}

.user-action:hover a.active,
.user-action:hover a.active:not([href]):not([tabindex]) {
	color: var(--white);
	background-color: var(--primary-hover);
}

/* ==========================================================================
   Trailer Previews
   ========================================================================== */
.scene-update {
	flex: 0 0 100%;
	max-width: 100%;
	margin: 0;
}

.scene-img-wrapper {
	position: relative;
	height: 0;
	padding: 45% 0 0 0;
	overflow: hidden;
	vertical-align: middle;
	border-radius: 0;
}

.scene-img-wrapper .still-screen>img {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 1;
	margin: auto;
	background-size: contain;
}

.still-screen>div {
	transition: ease .45s all;
}

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

.still-screen video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: transparent;
	max-width: 100%;
	z-index: 2;
}

.carousel-caption {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: left;
	right: 0;
	left: 0;
	bottom: 0;
	padding: 15px;
	background-color: rgba(255, 0, 74, .75);
	text-align: left;
}

.carousel-caption.carousel-trending,
.carousel-caption.carousel-staff-pick {
	background-color: rgba(1, 1, 1, .75);
}

.carousel-caption img {
	background-color: rgba(255, 0, 74, 1);
	display: none;
}

@media (min-width: 845px) {
	.carousel-caption {
		position: absolute;
	}

	.carousel-caption img {
		position: absolute;
		display: block;
		bottom: 10px;
		right: 10px;
	}
}

/* ==========================================================================
	 Roku Logo - Change image color using CSS
	 ========================================================================== */
.device-setup-troubleshooting a[data-label="Roku"] img,
.device-setup-troubleshooting img[alt="Cast Icon Image"],
.platform-logo a[data-label="Roku"] img {
	filter: invert(1);
}

/* ==========================================================================
	 Sale Widget Container
	 ========================================================================== */
.mega-navigation .sale-widget-container {
	width: auto;
	padding-top: 2em;
}

.sale-widget-container {
	width: 90%;
	margin: 0 auto;
}

.sale-widget-container .toast-site-wide-message-inner {
	display: flex;
	justify-content: space-between;
}

.mega-navigation-inner .lb-banner {
	display: none !important;
}

.mega-navigation-inner .adt-banner {
	display: block !important;
}

.mega-navigation-inner .cams-banner {
	margin-top: -20px !important;
}

/* ==========================================================================
	 Custom Account Page Styles
	 ========================================================================== */
.account-home__primary__alerts {
	.account-home__card {
		background-color: var(--dark-gray);
		color: var(--text-body);
	}

}

.account-home__card {
	background-color: var(--dark-gray);
	color: var(--text-body);

	h3 {
		color: var(--text-body);
	}

}

.account-home__primary__library {
	svg {
		opacity: 0.5;
	}

	.account-home__card svg {
		color: var(--secondary-50);
	}
}

.account-home__customer-service {
	.account-home__card {
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="%23DADADA" fill-opacity="0.3" d="M208 352c114.9 0 208-78.8 208-176S322.9 0 208 0S0 78.8 0 176c0 38.6 14.7 74.3 39.6 103.4c-3.5 9.4-8.7 17.7-14.2 24.7c-4.8 6.2-9.7 11-13.3 14.3c-1.8 1.6-3.3 2.9-4.3 3.7c-.5 .4-.9 .7-1.1 .8l-.2 .2s0 0 0 0s0 0 0 0C1 327.2-1.4 334.4 .8 340.9S9.1 352 16 352c21.8 0 43.8-5.6 62.1-12.5c9.2-3.5 17.8-7.4 25.2-11.4C134.1 343.3 169.8 352 208 352zM448 176c0 112.3-99.1 196.9-216.5 207C255.8 457.4 336.4 512 432 512c38.2 0 73.9-8.7 104.7-23.9c7.5 4 16 7.9 25.2 11.4c18.3 6.9 40.3 12.5 62.1 12.5c6.9 0 13.1-4.5 15.2-11.1c2.1-6.6-.2-13.8-5.8-17.9c0 0 0 0 0 0s0 0 0 0l-.2-.2c-.2-.2-.6-.4-1.1-.8c-1-.8-2.5-2-4.3-3.7c-3.6-3.3-8.5-8.1-13.3-14.3c-5.5-7-10.7-15.4-14.2-24.7c24.9-29 39.6-64.7 39.6-103.4c0-92.8-84.9-168.9-192.6-175.5c.4 5.1 .6 10.3 .6 15.5z"/></svg>');
	}
}

.account-home__help-center {
	.account-home__card {
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="%23DADADA" fill-opacity="0.3" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3l58.3 0c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24l0-13.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1l-58.3 0c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>');
	}
}

.account-home__return-form {
	.account-home__card {
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="%23DADADA" fill-opacity="0.3" d="M205 34.8c11.5 5.1 19 16.6 19 29.2l0 64 112 0c97.2 0 176 78.8 176 176c0 113.3-81.5 163.9-100.2 174.1c-2.5 1.4-5.3 1.9-8.1 1.9c-10.9 0-19.7-8.9-19.7-19.7c0-7.5 4.3-14.4 9.8-19.5c9.4-8.8 22.2-26.4 22.2-56.7c0-53-43-96-96-96l-96 0 0 64c0 12.6-7.4 24.1-19 29.2s-25 3-34.4-5.4l-160-144C3.9 225.7 0 217.1 0 208s3.9-17.7 10.6-23.8l160-144c9.4-8.5 22.9-10.6 34.4-5.4z"/></svg>');
	}
}

.account-home__primary__ppm-minutes {

	div {
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path fill="%23DADADA" fill-opacity="0.1" d="M256 0c-17.7 0-32 14.3-32 32l0 64c0 17.7 14.3 32 32 32s32-14.3 32-32l0-29.3C378.8 81.9 448 160.9 448 256c0 106-86 192-192 192S64 362 64 256c0-53.7 22-102.3 57.6-137.1c12.6-12.4 12.8-32.6 .5-45.3S89.5 60.8 76.8 73.1C29.5 119.6 0 184.4 0 256C0 397.4 114.6 512 256 512s256-114.6 256-256S397.4 0 256 0zM193 159c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l80 80c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-80-80z"/></svg>');
	}
}

.account-home__primary__membership-status {
	div.activated {
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="%23DADADA" fill-opacity="0.1" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>');
	}
}

.account-home .account-home__top-up__status {
	background-color: var(--dark-gray);
}

.account-home__top-up__status__inactive button,
.account-home__top-up__status__inactive button:hover,
.account-home__top-up__status__inactive button:focus {
	background-color: var(--dark-gray);
	color: var(--text-body);
	border: 0.0625em solid var(--secondary-50);
}

.account-home__top-up__status__active button {
	background-color: var(--secondary);
	color: var(--dark);
}
.safe-list-container p {
	color: var(--dark);
}

/* ==========================================================================
   Currency Selector
   ========================================================================== */

.currency-selector__option:hover {
	background-color: var(--dark-gray) !important;
}