/*GameLink Overrides*/

/*Colors*/
/*
Scarlet: #86143c
-Scarlet-Dark: #650024
Dark Pink: #e34a8a
-Dark Pink-Dark: #DB2A74 (I know the naming on this is stupid, but the name of the color is Dark Pink)
Pink: #ff0059
-Pink-Dark: #E80052
Black: #111
White: #fff
Light Grey: #f4f4f4
Dark Grey: #e4e4e4 
--Depricated Dark Grey #d8d8d8
Bronze:#825221
Silver:#9c9d98
Gold:#FFC600
-Gold-Dark: #C69900
Green: #95C521
-Green-Dark: #749D10
Blue: #0F4C81
-Blue-Dark: #073B6A
Red: #cc0000
-Red-Dark: #A70000
Platinum:#6d695e
Butterfly Bush:#9481aa
*/

/*Vars*/
:root{
	--black:#111;
	--white:#fff;
	--scarlet:#86143c;
		--scarlet-dark:#650024;
	--dark-pink:#e34a8a;
		--dark-pink-dark:#DB2A74;
	--pink:#ff0059;
		--pink-dark: #E80052;
	--light-grey:#f4f4f4;
	--dark-grey:#e4e4e4;
	--bronze:#825221;
	--silver:#9c9d98;
	--gold:#FFC600;
		--gold-dark:#C69900;
	--green:#95C521;
		--green-dark:#749D10;
	--platinum:#6d695e;
	--butterfly-bush:#9481aa;
	--red:#cc0000;
		--red-dark:#A70000;
	--blue:#0072CE;
		--blue-dark:#073B6A;
}


/*HTML*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
 }
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	scroll-behavior: smooth;
 }
 *, *:before, *:after {
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
 }
body {
	background-color: var(--white);
	font-size: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color:var(--black);
}

:focus{
	outline:none !important;
}

article, aside, details, figcaption, figure, footer, header, main, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

/*Very might regret this*/
ul li,
ol li{
	margin-bottom:1em;
}
	ul li:last-child{
		margin-bottom: 0;	
	}
ol{
	list-style-position: inside;
}
.list-bulleted{
	list-style-position: inside;
	list-style-type:disc;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}
a{
	outline:none;
}
a:focus {
	outline:none;
}

a:hover,
 a:active{
	outline:none;
}
a.no-decoration{
	text-decoration: none;
}

a img {
	border: 0;
}

a:focus img {}


body, button, input, select, label, textarea, {
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.3em;
	color:var(--black);
}

h1, h2, h3, h4, h5, h6 {
	clear: right;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	color:var(--black);
	-ms-word-break: break-word;
	word-break: break-word;
	line-height: 1;
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.7em;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1.1em;
}

h6 {
	font-size: 1em;
}

hr{
	margin: 0;
	border-top-width: 1px;
	border-top-style:  dotted;
	border-top-color:var(--dark-grey);
}

p {
	margin-bottom: 1.5em;
}

b, strong {
	font-weight: bold;
}

dfn, cite, em, i {
	font-style: italic;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background:var(--light-grey);
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 2em !important;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: var(--dark-grey);
	cursor: help;
}

mark, ins {
	background: #fff9c0; /***********???************/
	text-decoration: none;
}

sup, sub {
	position: relative;
	height: 0;
	vertical-align: baseline;
	font-size: 75%;
	line-height: 0;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}


@media screen and (max-width: 48.0em) {
	h1 {
		font-size: 1.4em;
	}
	h2 {
		font-size: 1.3em;
	}
	h3 {
		font-size: 1.2em;
		font-weight: 600;
	}
	h4 {
		font-size: 1.1em;
	}
	h5 {
		font-size: .9em;
	}
	h6 {
		font-size: .8em;
	}
	body, button, input, select, label, textarea, {
		font-size: .85em;
	}
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	max-width: 100%;
	/*width: 100%;*/
}

figure {
	margin: 0;
}

table {
	margin: 0;
	width: 100%;
	border-collapse: collapse;
}
thead>tr>th {
	background-color: var(--light-grey);
	border: 1px solid var(--light-grey);
	font-weight: 600;
	text-align: center;
	color:var(--black);
	text-align: left;
	padding:.75em;
 }
 tbody>tr{
	margin-bottom: 1em;
	border: 1px solid var(--light-grey);
 }

 tbody tr:nth-of-type(even) {
	background-color: var(--light-grey);
 }
 tbody>tr>td{
	 border:none;
	 padding:.75em;
	 border-bottom: 1px solid var(--light-grey);
 }

a, a:visited {
	text-decoration: none;
	color:var(--scarlet);
}

a:hover, a:focus, a:active {
	text-decoration: none;
	color:var(--dark-pink);
}

/*Site Level Display Classes*/
.site-header-wrapper{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	z-index: 26;
	background:var(--white);
}
@media screen and (max-width: 768px){
	.site-header-wrapper{
		position: static;
		top:auto;
		left:auto;
	}
}
.site-beacon{
	background-color: var(--black);
	color:var(--white);
}
	.site-beacon .beacon-cta{
		font-weight: 400;
		font-size: .8em;
		line-height: 2em;
		display: block;
		color:var(--white);
		text-align: center;
	}
		.site-beacon .beacon-cta:hover{
			background-color: var(--dark-pink);
		}
.site-header{
	padding:.3em .6em;
	position: relative;
}
.site-header::after{
	display: block;
	clear: both;
	content:'';
}
.site-logo{
	float: left;
}
@media screen and (max-width: 48em){
	.site-logo{max-width: 39%;padding:.9em 0;}
}
.site-logo img{
	display:block;
	max-width: 100%;
}
.site-user-menu{
	line-height: .9em;
	position: relative;
	vertical-align: middle;
	padding: 1% 0 ;
}
	.site-user-menu li{
		padding: .3em .5em;
		margin: 0;
		max-height: 3.3em;
		vertical-align: top;
	}
	.site-user-menu a{
		display:block;
		color:var(--black);
		text-align: center;
		font-size: .65em;
		font-weight: 300;
	}
		.site-user-menu a:hover{
			color:var(--dark-pink);
		}
		.site-user-menu .icon{
			display:block;
			font-size: 1.7em;
    			line-height: 1em;
		}
	.site-user-menu-cart{
		border-left-width: 1px;
		border-left-style: solid;
		border-left-color: var(--dark-grey);
		padding: .3em .5em;
		max-height: 3.3em;
	}
	.site-user-menu-cart a{
		font-size: 1.2em;
	}
	.site-user-menu-cart .icon{
		display: inline-block;
		font-size: 1.7em;
		line-height: 1em;
		position: relative;
	}
		.site-user-menu-cart .icon .badge-counts{
			position: absolute;
			top:-4px;
			left:10px;
			background-color: var(--blue);
			color:var(--white);
			font-size: 12px;
			line-height: 20px;
			border-radius: 500em;
			width:20px;
			height:20px;
			font-weight: 700;
			font-style: normal;
		}
	@media screen and (max-width: 48em){
		.list-inline>li.site-user-menu-buymins,
		.list-inline>li.site-user-menu-account,
		.list-inline>li.site-user-menu-wishlist{
			display: none;
		}
	}

.list-inline.flex-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.flex-icon-text {
	display: flex;
	gap: 3px;
}
/*Site Nav*/
.site-nav-container{
	background-color: var(--scarlet);
	padding: .6em 0 .3em;
}
	.site-nav{
		display:flex;
		line-height: 1.24em;
		vertical-align: middle;
		flex-wrap: nowrap;
	}
		.site-nav li{
			padding: 0 .6em;
			margin:0;
		}

	.site-nav-search{
		width:100%;
		position: relative;
	}
	@media screen and (max-width: 991px){
		.site-nav{
			flex-wrap: wrap;
			justify-content: space-evenly;
		}
		.site-nav li.site-nav-search{
			width: 100%;
		}
		.site-nav li.site-nav-search{
			display:none;
			flex:none;
			width:100%;
			overflow:hidden;
		}
		.site-nav li.site-nav-search form{padding-top:.5em;}
	}
	@media screen and (max-width: 767px){
		.site-nav li{
			width:16.6%;
		}
	}
	
	.site-nav a{
		color: var(--white);
		display:block;
		text-align: center;
		white-space: nowrap;
		font-size: .8em;
		font-weight: 400;
	}
		.site-nav a:hover, 
		.site-nav a:active{
			color:var(--dark-pink);
		}
		.site-nav a .icon{
			display: block;
			font-size:2.1em;
			margin-bottom:.2em;
		}

/*Small Screen Navigation*/
.nav-xs{
	position: fixed;
	height:100%;
	width:100%;
	top:0;
	left:-100%;
	z-index: 5;
	transition: all 0.3s ease;
	overflow: scroll;
}
.nav-xs.active{
	left:0;
}
.nav-xs ul{
	position: relative;
	width:80%;
	min-height: 100%;
	z-index:2;
	background-color: var(--black);
	color:var(--white);
}
.nav-xs ul a{
	display: block;
	color:var(--dark-grey);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:var(--dark-grey);
	height:3.5em;
	padding:0 1em;
	line-height: 2.7em;
}
	.nav-xs ul a i{
		font-size: 1.4em;
	}

	.nav-xs .nav-overlay-toggle{
		display: block;
		height:100%;
		width:100%;
		position: absolute;
		top:0;
		left:0;
		z-index: 1;
	}


/* Search & Autocomplete */
.search-recommendations{
	display:none;
	position: absolute;
	top:100%;
	left:0;
	width:100%;
	z-index: 1;
	background-color: var(--white);
	max-height: 300px;
	overflow: auto;
	padding:1em;
	border:solid 1px var(--dark-grey);
}
.search-recommendations.active{
	display: block;
}
.autocomplete-item{
	border-bottom:solid 1px var(--light-grey);
	margin-bottom:.5em;
}
.autocomplete-item a{
	display: block;
	vertical-align: middle;
	text-align: left;
	margin-bottom:.5em;
	color:var(--black);
}
	.autocomplete-item a:hover{
		background-color: var(--light-grey);
		color:var(--black);
	}
	.autocomplete-item a img{
		display: inline-block;
	}
	.autocomplete-item a span{
		display: inline-block;
		vertical-align: middle;
		padding:.5em;
	}
	.autocomplete-item a strong{
		display: block;
	}

/*Site Footer*/
footer{
	background-color: var(--light-grey);
	text-align: center;
	padding: .4em 0.5em;
}
	footer a,
	footer a:visited{
		color:var(--black);
	}
	footer a:hover,
	footer a:active{
		text-decoration: underline;
		color:var(--dark-pink);
	}

/*Forms & Form Elements*/
form input[type="search"], 
form input[type="text"], 
form input[type="email"] {
	border-radius: 0px !important;
	box-sizing: border-box;
	border-style: solid;
	border-width: 1px;
	border-color: var(--dark-grey);
	border-right: none;
	display: block;
	background-color: white;
	color:var(--black);
	font: inherit;
	line-height: normal;
	border-right: none;
	padding: 8px 10px;
	outline: none;
	box-sizing: border-box;
	text-shadow: none;
	text-align: left;
	-webkit-appearance: none;
	-moz-appearance: none;
	height: 2.3em;
 }
 .form-control:focus{
	border-color: var(--dark-grey);
	box-shadow: none;
 }
.form-group{margin-bottom:1em;}


/*Content*/
#site-content:has(.email-verify-container) {
	padding-left: 30px;
	padding-right: 30px;
}
@media (max-width:767px){
	#site-content:has(.email-verify-container) {
		padding-left: 0;
		padding-right: 0;
	}
}

.content-container{
	max-width: 100%;
	position: relative;
	padding: 1em;
	overflow:hidden;
}
@media (min-width: 769px) and (max-width: 992px) {
	.content-container{
		padding-top:10.25em;
	}
}
@media (min-width: 993px) {
	.content-container{
		padding:2em;
		padding-top:11em;
	}
}
.container-sm{
	max-width: 700px;
	margin-right: auto;
	margin-left: auto;
}


/* Dropdown Modifiers */
.dropdown-menu{
	border-color:var(--light-grey);
	border-radius: 0;
}
.dropdown-menu>li{
	margin-bottom:.5em;
}
.dropdown-menu>li>a{
	color:var(--black);
}
	.dropdown-menu>li>a:hover, 
	.dropdown-menu>li>a:focus{
		background-color: var(--light-grey);
		color:var(--black);
	}


/*Utilities*******************************************************************************************************************************/

/*Backgrounds*/
.bg-light,
.bg-light-trans{
	background-color: var(--white);
}
.bg-dark{
	background-color: var(--black);
}
.bg-scarlet{
	background-color: var(--scarlet);
}
.bg-scarlet-dark{
	background-color: var(--scarlet-dark);
}
.bg-dark-pink{
	background-color: var(--dark-pink);
}
.bg-light-grey,
.bg-lightgrey{
	background-color: var(--light-grey);
}
.bg-dark-grey{
	background-color: var(--dark-grey);
}
.bg-gold{
	background-color: var(--gold);
}
.bg-danger,
.bg-red{
	background-color: var(--red);
}
.bg-info,
.bg-blue{
	background-color: var(--blue);
}
.bg-success,
.bg-green{
	background-color: var(--green);
}

/*Text Colors*/
.text-light{
	color: var(--white);
}
.text-dark{
	color: var(--black);
}
.text-scarlet{
	color: var(--scarlet);
}
.text-pink{
	color: var(--pink);
}
.text-dark-pink{
	color: var(--dark-pink);
}
.text-light-grey{
	color: var(--light-grey);
}
.text-dark-grey{
	color: var(--dark-grey);
}
.text-gold{
	color: var(--gold);
}
.text-success,
.text-green{
	color: var(--green);
}
.text-danger,
.text-red{
	color: var(--red);
}
.text-info,
.text-blue{
	color: var(--blue);
}

/*Text Sizing*/
.text-xs{font-size: .64em;}
.text-sm{font-size: .8em;}
.text-md{font-size: 1em;}
.text-lg{font-size:1.75em;}
.text-xl{font-size:2.5em;}
.text-xxl{font-size:3em;}

/*Text Weights*/
.text-normal{font-weight: normal;}
.text-strong{font-weight: 600;}
.text-heavy{font-weight: 700;}

/*Text Display*/
.text-fluid{display: block;}
.text-inline{display: inline;}
.text-inline-block{display: inline-block;}

/*Text Modifiers*/
.text-underline{text-decoration: underline;}
.text-shadow{
	text-shadow: 0px 0px 30px rgba(10,10,10, 1);
}
.strikethrough{
	text-decoration:line-through;
}


/*Misc
16:9 ratio - padding-top: 56.25%;
*/

/*Wells*/
.well{
	padding:0;
	border-color: var(--dark-grey);
	border-radius:0;
	margin:0;
	background-color: var(--light-grey);
	box-shadow:none;
}

/*Grid Modifiers*/
.row{
	margin-right:-.5em;
	margin-left:-.5em;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	position: relative;
	min-height:0;
	padding-right: .5em;
	padding-left: .5em;
 }

/***************************************************/
/* Flexing the Grid */
/*
.row{
	display: flex;
	flex-wrap: wrap;
}
	.digital-cart-container .row,
	.row.flybuy-container,
	.vod-successful-order-container .row{
		display: table;
		width:100%;
	}
	.row>div{
		order:0;
	}
		.row>div.pull-left{
			order:-1;
		}
		.row>div.pull-right{
			order:66;
		}
		@media screen and (max-width: 48em){
			.row>div.pull-left,
			.row>div.pull-right{
				order:0;
			}
		}
/
/***************************************************/


/*Padding and Margin Utilities*/
.p-a-0{padding:0;}
.p-t-0{padding-top:0;}
.p-b-0{padding-bottom:0;}
.p-l-0{padding-left:0;}
.p-r-0{padding-right:0;}
.p-x-0{padding-left:0;padding-right:0;}
.p-y-0{padding-top:0;padding-bottom:0;}
.p-a-1{padding:1em;}
.p-t-1{padding-top:1em;}
.p-b-1{padding-bottom:1em;}
.p-l-1{padding-left:1em;}
.p-r-1{padding-right:1emx;}
.p-x-1{padding-left:1em;padding-right:1em;}
.p-y-1{padding-top:1em;padding-bottom:1em;}
.p-a-2{padding:2em;}
.p-t-2{padding-top:2em;}
.p-b-2{padding-bottom:2em;}
.p-l-2{padding-left:2em;}
.p-r-2{padding-right:2em;}
.p-x-2{padding-left:2em;padding-right:2em;}
.p-y-2{padding-top:2em;padding-bottom:2em;}
.p-a-3{padding:3em;}
.p-t-3{padding-top:3em;}
.p-b-3{padding-bottom:3em;}
.p-l-3{padding-left:3em;}
.p-r-3{padding-right:3em;}
.p-x-3{padding-left:3em;padding-right:3em;}
.p-y-3{padding-top:3em;padding-bottom:3em;}
.m-a-0{margin:0;}
.m-t-0{margin-top:0;}
.m-b-0{margin-bottom:0;}
.m-l-0{margin-left:0;}
.m-r-0{margin-right:0;}
.m-x-0{margin-left:0;margin-right:0;}
.m-x-auto{margin-left:auto;margin-right:auto;}
.m-y-0{margin-top:0;margin-bottom:0;}
.m-a-1{margin:1em;}
.m-t-1{margin-top:1em;}
.m-b-1,
.spacing-bottom{margin-bottom:1em;}
.m-l-1{margin-left:1em;}
.m-r-1{margin-right:1em;}
.m-x-1{margin-left:1em;margin-right:1em;}
.m-y-1{margin-top:1em;margin-bottom:1em;}
.m-a-2{margin:2em;}
.m-t-2{margin-top:2em;}
.m-b-2{margin-bottom:2em;}
.m-l-2{margin-left:2em;}
.m-r-2{margin-right:2em;}
.m-x-2{margin-left:2em;margin-right:2em;}
.m-y-2{margin-top:2em;margin-bottom:2em;}
.m-a-3{margin:3em;}
.m-t-3{margin-top:3em;}
.m-b-3{margin-bottom:3em;}
.m-l-3{margin-left:3em;}
.m-r-3{margin-right:3em;}
.m-x-3{margin-left:3em;margin-right:3em;}
.m-y-3{margin-top:3em;margin-bottom:3em;}

/*Image Helpers*/
.img-fluid{
	display:block;
	width:100%;
	height:auto;
	max-width:100%;
}

/*Inputs*/
input[type="text"], 
input[type="search"], 
input[type="number"], 
input[type="password"], 
input[type="tel"], 
input[type="email"], 
textarea,
form input[type="text"], 
form input[type="search"], 
form input[type="number"], 
form input[type="password"], 
form input[type="tel"], 
form input[type="email"],
form select, 
input.form-control,
select.form-control{
	margin: 0;
	transition: border 0.3s ease-in-out;
	border-width:1px;
	border-style:solid;
	border-color:var(--silver);
	_font-size: 1em;
	padding: .4em .5em;
	background:var(--white);
	width: 100%;
	border-radius: 0;
	box-shadow:none;
 }
 label {
	font-weight: normal;
	cursor: pointer;
	display: block;
	margin-bottom: .4em;
	position: relative;
	top: 0;
	left: 0;
	line-height: 1em;
 }
 .input-group{
	 background-color: var(--white);
	 border-width: 1px;
	 border-style: solid;
	 border-color:var(--silver);
 }
 	.input-group input.form-control{
		border:none;
	 }
	 .input-group .input-group-btn select{
		border:none;
		min-width: 8em;
		background-color:transparent;
		font-size:.75em;
		margin:0;
	 }
p{
	padding:0;
	margin:0;
}

/* Hide Spinners on number type input fields */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}

/*Carousel*/
.carousel-inner>.item{
	transition: .9s ease-in-out left;
}
.carousel-indicators{
	position: relative;
	left:auto;
	width:auto;
	margin:0;
	bottom:0;
}
	.carousel-indicators li{
		border:none;
		background-color:var(--dark-grey);
		margin: 0 .5em;
	}
		.carousel-indicators .active{
			width: 10px;
			height: 10px;
			margin: 0 .5em;
			background-color:var(--silver);
		}

/*Buttons*/
.btn,
.e-button{
	padding: .5em 1em;
	font-size: 1.3em;
	cursor: pointer;
	box-shadow: 1px 1px 2px rgba(68,68,68,0.3);
	box-shadow: none;
	line-height: 1.2em;
	font-weight: 400;
	color:var(--black);
	background-color: var(--light-grey);
	border-radius:0;
	border:none;
	outline:none;
	white-space: normal;
}
.btn:active, .btn.active{
	box-shadow: none;
}
.btn:focus{
	outline:none;
	outline-offset: 0;
}
.btn.btn-fluid{
	display: block;
	min-width:100%;
	width:100%;
}
.btn-sm,
.e-cookiebar .e-button,
#dv_Coupon{
	font-size: .75em;
	padding:.5em .5em;
	line-height: 1em;
}
.btn-xl{
	font-size: 1.7em;
	padding:.5em .75em;
	line-height:normal;
}
.btn-default,
.btn-default:visited{
	background:var(--light-grey);
	color:var(--black);
}
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.btn-default.active,
.btn-default[disabled].active{
	background-color: var(--dark-grey);
}
.user-action-wrapper .btn-default:active,
.user-action-wrapper .btn-default:focus{
    background-color: initial;
}
.user-action-wrapper .btn-default:hover,
.user-action-wrapper .btn-default.active{
    background-color: var(--dark-grey);
}
.btn-primary,
.btn-primary:visited,
.btn-primary.disabled,
.btn-primary[disabled],
.btn-success,
.btn-success:visited,
.btn-success.disabled,
.btn-success[disabled],
.btn-gold,
.e-cookiebar .e-button{
	background:var(--pink);
	color:var(--white) !important;
}
	.btn-primary:active,
	.btn-primary:focus,
	.btn-primary:hover,
	.btn-success:active,
	.btn-success:focus,
	.btn-success:hover,
	.btn-success[disabled]:hover,
	.btn-success[disabled]:active,
	.btn-gold:active,
	.btn-gold:focus,
	.btn-gold:hover,
	.open .dropdown-toggle.btn-primary{
		background-color: var(--pink-dark);
		color:var(--white);
	}
	.btn-primary-outline,
	.btn-primary-outline:visited,
	.btn-primary-outline.disabled,
	.btn-primary-outline[disabled]{
		background-color: transparent;
		color: var(--pink);
		border:solid 2px var(--pink)
	}
	
	.btn-primary-outline:active,
	.btn-primary-outline:focus,
	.btn-primary-outline:hover{
		color:var(--dark-pink);
		border-color: var(--dark-pink);
	}

/* NEW BUTTONS ADDED FROM HM*/	
.btn-secondary,
.btn-dark-outline {
    background-color: transparent !important;
    border: solid 1px var(--scarlet) !important;
    color: var(--scarlet)!important;
}
	.btn-secondary.active{
		background-color: var(--blue-dark) !important;
		border: solid 1px var(--blue-dark) !important;
		color: var(--blue-dark)!important;
	}
	.btn-secondary.inactive{
		cursor: default;
		background-color:transparent !important;
		border: solid 1px var(--grey) !important;
		color: var(--grey)!important;
	}
	
	/* Dark Context Variant*/
	.dark .btn-secondary,
	.dark .btn-dark-outline{
		background-color: transparent !important;
		border: solid 1px var(--white) !important;
		color: var(--white)!important;
	}
		.dark .btn-secondary.active{
			background-color: var(--grey) !important;
			border: solid 1px var(--grey) !important;
			color: var(--grey)!important;
		}
		.dark .btn-secondary.inactive{
			cursor: default;
			background-color:transparent !important;
			border: solid 1px var(--grey) !important;
			color: var(--grey)!important;
		}

.btn-light,
.btn-light:visited{
	background:var(--white);
	color:var(--black);
}

.btn-secondary.btn-light {
	background-color: transparent !important;
	border: solid 1px var(--white) !important;
	color: var(--white)!important;
 }
	 .btn-secondary.btn-light.active{
		 background-color: var(--white) !important;
		 border: solid 1px var(--white) !important;
		 color: var(--black)!important;
	 }
/* END OF NEW BUTTONS */
	
/* .btn-light,
.btn-light:visited{
	background:var(--white);
	color:var(--black);
} */
.btn-dark,
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:visited,
.btn-danger,
.btn-danger:visited{
	background:var(--black);
	color:var(--white);
}
	.btn-dark:active,
	.btn-dark:focus,
	.btn-dark:hover,
	.btn-danger:active,
	.btn-danger:focus,
	.btn-danger:hover{
		background-color: var(--scarlet);
	}
.btn-text,
.btn-text:active,
.btn-text:focus,
.btn-text:visited{
	background-color: transparent;
	border: none;
	line-height: normal;
	padding:0;
	box-shadow: none;
	font-size: inherit;
	outline:none;
	vertical-align: baseline;
	_color:var(--scarlet);
	color:inherit;
	text-align: left;
}
.btn-text .icon{position:relative;top;:-2px;}
.btn-view-all,
h1 .add{
	font-weight: 600;
	font-size: .9em;
	background: var(--light-grey);
	border-radius: 4px;
	padding: 0.16em 0.7em;
	color: var(--scarlet);
	white-space: nowrap;
	vertical-align: middle;
	box-shadow: none;
}
h1 .add{
	font-size: .66em;
}
	h1 .add .fa{
		margin-right: 5px;
	}

.site-nav-search .input-group-btn .btn{
	background-color: transparent;
	color:var(--black);
	box-shadow: none;
	padding: 0 8px;
	width: 2.5rem !important;
	height: 2.3rem !important;
}

/*Stickers*/
.sticker,
.ribbon{
	display: block;
	color:var(--white);
	background-color: var(--dark-pink);
	position: absolute;
	text-align: center;
	font-size: .75em;
	width:80px;
	z-index: 2;
}
.sticker.sticker-new,
.sticker.sticker-gender,
.ribbon{
	transform-origin: left top;
	transform: rotate(-45deg);
	top: 40px;
	left: -15px;
}
.sticker.sticker-preview{
	transform-origin: left top;
	transform: rotate(-45deg);
	top: 65px;
	left: -20px;
	width:120px;
}
.sticker.sticker-onsale{
	transform-origin: right top;
	transform: rotate(45deg);
	top: 40px;
	right: -15px;
}
.sticker.sticker-price{
	background-color:rgba(255,255,255,.75);
	bottom:.5em;
	right:.5em;
	color:var(--black);
	width: auto;
	font-size: 1em;
	padding:.25em .25em;
	font-weight:700;
}
.sticker.sticker-unlimited-eligible{
	bottom: 5px;
	right: 5px;
	background-color: var(--dark-pink);
	color: var(--white);
	width: 1.25em;
	height: 1.25em;
	border-radius: 500em;
	font-size: 1.25em;
	line-height: 1.25em;
	box-shadow: 0px 0px 0px 2px var(--white);
}
.sticker.sticker-uhd{
	top:5px;
	left:5px;
	width: auto;
	font-weight: 700;
	padding:0 .25em;
}
.sticker.sticker-length{
	bottom:5px;
	left:5px;
	width: auto;
	font-weight: 400;
	padding:0 .25em;
}
.animated-screen .sticker{
	transition:all .3s;
}
	.animated-screen:hover .sticker-uhd,
	.animated-screen:hover .sticker-length{
		opacity:0;
	}

/*Pagination*/
.pagination li{
	display:inline-block;
	vertical-align: middle;
	margin:0 .25em;
}
.pagination>li>a, 
.pagination>li>span{
	display: block;
	font-size: 1.1em;
	padding: 0 .3em;
	line-height: 1.7em;
	text-align: center;
	width: 1.7em;
	height: 1.7em;
	box-shadow: none;
	color:var(--black);
	background-color: var(--dark-grey);
	border-radius: 0;
}
.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>li>a:focus, 
.pagination>li>span:focus {
	background-color:var(--light-grey);
 }
.pagination>li:first-child>a, 
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span{
	border-radius: 0;
}
.pagination form{
	display:inline-block;
	vertical-align: middle;
	width:5em;
}
.pagination input.form-control{
	border-radius:4px;
	text-align: right;
	padding: .2em .1em;
	font-size: 1em;
	height: 1.8em;
}

/*Accordion*/
.accordion-container ul.list-overflow{
	/*Added for list refines.  Probably very poorly named.*/
	max-height: 500px;
	overflow-y: auto;
}

.accordion-container a,
.accordion-container .btn-text{
	display:inline-block;
}
.accordion-container .btn i{
	transition:all .3s linear;
}
	.accordion-container .btn.collapsed i{
		transform: rotateX(180deg);
	}

/*Purchase Options*/
.purchase-options-container{
	background-color: var(--light-grey);
	border: solid 1px var(--dark-grey);
}
	.purchase-options-container fieldset{
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color:var(--dark-grey);
		margin:0;
	}
	.purchase-options-container legend{
		display: none;
	}
	.purchase-options-container label{
		display: flex;
		flex-wrap: nowrap;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color:var(--dark-grey);
		padding:.5em;
		margin:0;
	}
	.purchase-options-container label .prod-input{
		display: block;
		position: relative;
		width:35px;
	}
	/********************************************************************/	
	/* Custom Radio Buttons */
	.purchase-options-container label input {
		position: absolute;
		z-index: -1;
		opacity: 0;
	}
	.prod-indicator {
		position: absolute;
		top: .25em;
		left: 0;
		height: 18px;
		width: 18px;
		border-radius: 50%;
		background: var(--white);
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1);
	}
	.purchase-options-container label:hover input ~ .prod-indicator,
	.purchase-options-container label input:focus ~ .prod-indicator {
		background: var(--white);
	}
	.purchase-options-container label input:checked ~ .prod-indicator {
		background: var(--white);
	}
	.purchase-options-container label:hover input:not([disabled]):checked ~ .prod-indicator,
	.purchase-options-container label input:checked:focus ~ .prod-indicator {
		background: var(--white);
	}
	.purchase-options-container label input:disabled ~ .prod-indicator {
		background: var(--white);
		opacity: 0.66;
		pointer-events: none;
	}
	.prod-indicator:after {
		content: '';
		position: absolute;
		left: 5px;
		top: 5px;
		height: 8px;
		width: 8px;
		border-radius: 50%;
		background: var(--scarlet);
		opacity:0;
	}
		.purchase-options-container label:hover .prod-indicator:after{
			opacity:.2;
		}
	.purchase-options-container label input:checked ~ .prod-indicator:after {
		opacity:1;
	}

	/********************************************************************/
		
	.purchase-options-container label .prod-desc{
		width:100%;
	}
	.purchase-options-container label .prod-title{
		display: block;
	}
	.purchase-options-container label .prod-detail{
		font-size: .75rem;
	}
	.purchase-options-container label .prod-price{
		width:6em;
		text-align: right;
		font-weight: 600;
	}
	.purchase-options-container label .icon{
		font-size: 1.25em;
		vertical-align: baseline;
	}
	.purchase-options-container .btn-play{
		display: block;
		height: 63px;
		background:var(--white);
		font-size: 1.3em;
		color: var(--black);
		font-weight: 600;
		border:none;
		outline:none;
		padding:0;
		width:100%;
		text-align: center;
	}
		.purchase-options-container .btn-play .icon{
			display: inline-block;
			vertical-align: middle;
			font-size:2.2em;
			padding:0 .25em;
		}
		.purchase-options-container .btn-play .btn-play-text{
			display: inline-block;
			vertical-align: middle;
			line-height: 1em;
			text-align: left;
		}
		
		.purchase-options-container .btn-play .vod-ratio{
			font-size: .8rem;
			display:block;
			font-style: italic;
		}
		.purchase-options-container .btn-buy-mins{
			display: block;
			height: 63px;
			text-align: center;
		}
			.purchase-options-container .btn-buy-mins::before{
				display: inline-block;
				vertical-align: middle;
				content:'';
				height: 100%;
				width:0;
			}
			.purchase-options-container .btn-buy-mins .btn-buy-mins-text{
				display: inline-block;
				vertical-align: middle;
				line-height: 1em;
			}
			.purchase-options-container .btn-buy-mins .btn-buy-mins-text strong{
				display: block;
				color: var(--black);
			}
	.purchase-options-secondary-actions{
		background-color: var(--white);
		text-align: center;
		display: flex;
		justify-content: center;
		gap: 8px;
	}
		.purchase-options-secondary-actions .user-count{
			font-size: .7em;
		}
		.purchase-options-secondary-actions .btn-secondary-action{
			border:none;
			background-color: transparent;
			padding:0;
			margin:0 .25em;
			display:inline-block;
			vertical-align: top;
		}
		.purchase-options-secondary-actions .btn-secondary-action .icon{
			background-color: var(--dark-grey);
			color:var(--black);
			height: auto;
			line-height: 1;
			display: inline-block;
			padding: 0.4rem;
			font-size: 1rem;
			border-radius: 0;
		}
			.purchase-options-secondary-actions .btn-secondary-action.active .icon{
				color:var(--white);
				background-color: var(--scarlet);
			}
		.purchase-options-secondary-actions .btn-secondary-action span{
			display: block;
			font-size:.7em;
		}
.bottom-action {
	background-color: var(--white);
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 8px;
	padding: 15px 0 10px; 
}
.bottom-action .user-action-wrapper {
	position: static;
	display: block;
}
.bottom-action .user-action-wrapper .btn-secondary-action {
	padding: 3px 6px;
}
.bottom-action .user-action-wrapper .btn-secondary-action {
	background-color: var(--light-grey);
}
.bottom-action .user-action-wrapper .btn-secondary-action.active {
	background-color: var(--scarlet);
}
.bottom-action .user-action-wrapper .btn-secondary-action .icon {
	color: var(--black);
}
.bottom-action .user-action-wrapper .btn-secondary-action.active .icon {
	color: var(--white);
}
.bottom-action .user-action-wrapper .user-count {
    font-size: .7em;
}
/* Movie Scenes */
.movie__scenes__scene__meta{
	padding:15px;
	background-color: var(--white);
	border-radius: var(--border-radius);
}

@media (min-width: 768px) {
	.movie__scenes__scene__meta__primary{
		display: flex;
		width: 100%;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-content: flex-start;
		align-items: flex-start;
	}
	.movie__scenes__scene__meta__primary>div{
		flex: 0 1 auto;
		align-self: center;
	}
	.movie__scenes__scene__attributes{
		flex: 1 1 auto !important;
	}
}
.movie__scenes__scene__actions{
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
}
.movie__scenes__scene__action{
	flex: 0 1 auto;
	text-align: center;
	padding-right: .5rem;
}

/* Pay w/ Minutes */
.movie__scenes__scene__action .btn-secondary.inactive {
    cursor: pointer;
    background-color: transparent !important;
    border: solid 1px var(--silver) !important;
    color: var(--silver)!important;
}

/*Popovers*/
.popover {
	background-color: var(--light-grey);
	color:var(--black);
	border: none;
	border-radius:0;
	padding:0;
	text-align: left;
}

.popover-title {
	background-color: var(--dark-grey);
	color:var(--black);
	border-radius:0;
	border:none;
	font-size: 1em;
}

.popover-content {
	padding:1em;
}
.popover.top .arrow{
	border-top-color:var(--dark-grey);
}
.popover.top> .arrow:after {
	border-top-color: var(--light-grey);
 }
 .popover.left .arrow{
	 border-left-color:var(--dark-grey);
 }
 .popover.left> .arrow:after {
	 border-left-color: var(--light-grey);
  }
  .popover.right .arrow{
	  border-right-color:var(--dark-grey);
  }
  .popover.right> .arrow:after {
	  border-right-color: var(--light-grey);
   }
   
   
/*Hover Popovers - Older Style of Popovers.  Would love to depricate. */
.hover-popover-container{
	display:inline-block;
	position:relative;
	cursor:pointer;
	margin-left:5px;
}
.hover-popover{
	display:none;
	position:absolute;
	top:-40px;
	right:-310px;
	width:300px;
	background-color:var(--light-grey);
	border:none;
	z-index:5;
	font-style:normal;
}
	.hover-popover.hover-popover-left{
		right:auto;
		left:-310px;
	}
	.hover-popover-container:hover .hover-popover{display:block;}
	@media (max-width: 768px) {
		/*Hide popovers on small screens*/
		.hover-popover-container:hover .hover-popover{display:none;}
	}
	.hover-popover:after 
	{
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 10px 10px 10px 0;
		border-color: transparent var(--light-grey);
		display: block;
		width: 0;
		z-index: 1;
		margin-top: -10px;
		left: -10px;
		top: 50px;
	}
		.hover-popover.hover-popover-left:after{
			left:auto;
			right:-10px;
			border-width: 10px 0 10px 10px;
		}
	.hover-popover:before 
	{
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 10px 10px 10px 0;
		border-color: transparent var(--dark-grey);
		display: block;
		width: 0;
		z-index: 0;
		margin-top: -10px;
		left: -11px;
		top: 50px;
	}
		.hover-popover.hover-popover-left:before{
			left:auto;
			right:-11px;
			border-width: 10px 0 10px 10px;
		}
	.hover-popover .hover-popover-title{
		background-color:var(--dark-grey);
		padding:5px;
		font-size:1em;
		text-align:left;
	}
	.hover-popover .hover-popover-detail{
		padding:1em;
		font-size:1em;
		color:var(--black);
		line-height:normal !important;
		text-align:left;
	}
	.hover-popover .hover-popover-detail img{float:left;}

/*Showcase*/
.showcase-title{
	display: flex;
	align-items: center;
}
.showcase-title h1 a,
.showcase-title h2 a,
.showcase-title h3 a{
	color: var(--black);
}
.showcase-title:before, 
.showcase-title:after {
	content: '';
	border-top: 1px solid var(--black);
	flex: 1 0 1em;
 }
 .showcase-title:before{
	margin-right:1em;
 }
.showcase-title:after{
	margin-left:1em;
}

/*Product Grids*/
.product-container-flex{
	display: flex;
	justify-content: space-evenly;
}
	.product-container-flex>div{
		padding:0 .5em;
		margin-bottom:1em;
	}
.product-container{
	position: relative;
	text-align: center;
}
	.product-container.product-container-sex-toy img{
		border:solid 1px var(--light-grey);
	}

	/* Hover Over Scene Player Preview */
#hoverPreviewScenePlayer {
	z-index: 3; 
}
#hoverPreviewScenePlayerContainer .video-preview {
	border: 0;
}

/* Hover Over Item Player Preview */

#hoverPreviewPlayer {
	display: block;
	width: 100%;
	height:0;
	/* aspect-ratio: 16 / 9; This shit not working. */
	padding-top: 56.25%;
	overflow: hidden;
}

.hover-video-preview {
	display: none;
	position: absolute;
	width: 275px; /* Legacy size.  Don't be shy about adjusting. - DG*/
	top:0; /* Will be positioned via script when instantiated. - DG */
	left:0;
	z-index: 3;
	box-shadow: var(--shadow);
	background-color: var(--black);
	color:var(--white);
	z-index: 2;
	/* border-radius: var(--border-radius); */
}

.hover-video-preview__actions {
	position: absolute;
	top: 3px;
	right: 3px;
	/* border-radius: var(--border-radius); */
	z-index: 3;
	background-color: var(--black);
	padding:.33rem;
}

.hover-video-preview__actions .btn{
	display: block;
	width: 100%;
	color: var(--white);
	font-size: var(--text-min);
	text-align: center;
}
.hover-video-preview__actions .btn:first-child{
	margin-bottom: .33rem;
}
	.hover-video-preview__actions .btn .fa{
		display: block;
		font-size: var(--text-plus-1);
	}


.hover-video-preview__video {
	background-color: var(--black);
	width: 100%;
	object-fit: contain;
	z-index: 0;
}

.hover-video-preview__details{
	padding:.5rem;
}
.hover-video-preview__title{
	margin-bottom: .5rem;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
	.hover-video-preview__title a{
		color: var(--white) !important;
		font-weight: 700;
	}


/* Featured CTAs */
.featured-cta-container a{
	display:block;
	overflow:hidden;
	border-radius:30px;
	box-shadow: 0px 0px 0px 2px rgba(0,0,0,1);
	position: relative;
}
.featured-cta-container a img{
	transition:all .3s linear;
}
	.featured-cta-container a:hover img{
		transform: scale(1.2);
	}
.featured-cta-container a .label{
	display: block;
	padding: 1em;
	background-color: var(--black);
	color:var(--white);
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	border-radius: 0;
	text-transform: uppercase;
	z-index: 2;
	font-size:1.25em;
	font-weight: 400;
	overflow:hidden;
	/*border-radius:0 0 30px 30px;*/
}
@media screen and (max-width: 767px){
	.featured-cta-container a .label{
		font-size: .75em;
	}
}
.featured-cta-container a .overlay-label{
	display: block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color: rgba(2,2,2,.8);
	color:var(--white);
	text-align: center;
	transition:all .3s linear;
	opacity:0;
}
.featured-cta-container a:hover .overlay-label{
	opacity:1;
}
	.featured-cta-container a .overlay-label::before{
		display: inline-block;
		content:'';
		width:0;
		height:100%;
		vertical-align: middle;
	}
	.featured-cta-container a .overlay-label-text{
		display: inline-block;
		width:90%;
		vertical-align: middle;
		font-size:1.25em;
	}
	.featured-cta-container a .overlay-label-text strong{
		font-size:1.5em;
		display:block;
	}

/*Alerts*/
.alert{
	padding:1em;
	margin-bottom: 1em;
	border-radius:0;
	border:none;
	border-style: solid;
	border-width:2px;
	background-color: transparent;
	text-align: left;
}
.alert a{
	text-decoration: underline;
}
	.alert a:hover{
		text-decoration: underline;
	}
	.alert-danger,
	.alert-warning{
		color:var(--red);
		border-color: var(--red);
	}
	.alert-info{
		color:var(--blue);
		border-color: var(--blue);
	}
	.alert-success{
		color:var(--green);
		border-color: var(--green);
	}

/*Account Page Modifiers*/
.panel{
	margin-bottom:2em;
	box-shadow:none;
	border-color:var(--light-grey);
	border-radius: 0;
}
.panel-heading,
.panel-footer{
	padding:.5em;
	background-color: var(--light-grey);
	border:none;
}
.panel-info>.panel-heading{
	color:var(--black);
	background-color: var(--light-grey);
}
.panel-primary>.panel-heading{
	color:var(--white);
	background-color: var(--scarlet);
}
.AddressList{
	padding-top:2em;
}
.account-form-container{
	max-width:600px;
	margin:0 auto;
}
	.account-form-container h1,
	.account-form-container h2,
	.account-form-container h3{
		margin-bottom: 1em;
	}
	.row.address-types hr{
		margin-top: 1em;
	}
.form-actions{
	text-align: center;
}

/*CVV2*/
span.cvv2,
label.cvv2{
	position:relative;
	/* display:inline-block; Removing this might break shit.  But leaving it in there was causing alignment issues because none of these are consistent. - DG */
	cursor:pointer;
}
span.cvv2 img,
label.cvv2 img
img.cvv2,
.cvv2 .cvv2detail{
	display:none;
	position:absolute;
	top:-120px;
	right:-20px;
	background-color:var(--light-grey);
	padding:0px;
	border:solid 1px var(--light-grey);
	border-radius:0px;
	min-width: 195px;
}
span.cvv2:hover img,
label.cvv2:hover img,
.cvv2:hover .cvv2detail{display:block;}

/*Nav Tabs Justified*/
.nav-tabs.nav-justified{
	margin-bottom:2em;
}
.nav-tabs.nav-justified.payment-options img{
	max-width:60px;
}
.nav-tabs.nav-justified>li>a{
	border-bottom-color:var(--light-grey)
}

/*Cart Toast*/
.cart-alert{
	position: absolute;
	top:100%;
	right:0;
	background-color: var(--white);
	border:solid 1px var(--dark-grey);
	width:360px;
	padding:2em;
	z-index: 1;
}
@media only screen and (max-width: 767px) {
	.cart-alert{
		position:fixed;
		top:0;
		z-index: 10000;
	}
}
	.cart-alert .btn{
		font-size: 1em;
	}
	.cart-alert .text-xl{font-size: 2em;}

/*Cookie Bar*/
.e-cookiebar{
	background-color: var(--black);
	color:var(--white);
	padding:1em;
	z-index: 5;
}
	.e-cookiebar .e-link{color:var(--white);text-decoration: underline;padding-left:.25em;}
	.e-cookiebar .e-link:hover{
		color:var(--pink) !important;
	}
	.e-cookiebar .e-button{
		margin: 0 1em;
	}

/*Cart*/
.checkout-page h2,
.checkout-page h3,
.checkout-page h2 .text-xl{
	font-size: 1.2em;
}
.checkout-page #p_FreeShip .text-xxl{
	font-size: 1.8em;
}
.checkout-page #ShippingCalculator h3{
	margin-bottom: 1em;
}
.checkout-page .emptycart p{ /*HACK, bad one. - DG*/
	display: none !important;
}
.checkout-steps,
.checkout-page .checkout-steps,
.orderreceived-container .checkout-steps{
	margin-bottom: 2em;
	border-spacing:2em 0;
}
	.checkout-steps li,
	.checkout-page .checkout-steps li,
	.orderreceived-container .checkout-steps li{
		background-color: var(--light-grey);
		text-align: center;
		padding: .5em;
		border-radius: 500em;
	}
		.checkout-steps li.active,
		.checkout-page .checkout-steps li.active,
		.orderreceived-container .checkout-steps li.active{
			background-color: var(--scarlet);
			color: var(--white);
		}
.checkout-page th{
	white-space: nowrap;
}
.table.cart-table tbody>tr>td.price, 
.table.cart-table tbody>tr>td.qty-noinput, 
.table.cart-table tbody>tr>td.extprice{
	padding-top:8px !important;
}
.checkout-page #p_SameDay,
.checkout-page #p_FreeShip{
	font-size: .75em;
}

.account-form-container{
	max-width:660px;
	margin:0 auto;
}
	.account-form-container form .form-actions{text-align:center;}
		.account-form-container form .form-actions .btn{margin-bottom:15px;}
	a.cvv2{display:inline-block;position:relative;}
		a.cvv2 img{
			display:none;
			position:absolute;
			bottom:0;
			left:15px;
			border-radius:3px;
			border:solid 1px var(--light-grey);
			background-color:var(--white);
		}
			a.cvv2:hover img{display:block;}

	.account-form-container .address-types label{font-weight:normal;}
	.account-form-container .address-types label.active{font-weight:bold;}
	.account-form-container .form-actions{width:100%;}
	.account-form-container hr,
	.account-form-container .address-types{margin-bottom:1em;}
	.account-form-container span.Note{
		position: absolute;
		top:0;
		right:.5em;
	}
	.account-form-container .well.address-display{padding:1em;margin-bottom: 1em;}
	.account-form-container .well.address-display input{
		border:none;
		background-color: transparent;
	}


.account-form-container .userprefs hr{margin:0 0 30px;}
.account-form-container .userprefs input[type="checkbox"],
.dg-checkbox input[type="checkbox"]{
	display: none;
}

.account-form-container input[type="checkbox"]+label,
.dg-checkbox input[type="checkbox"]+label{
	font-size:16px;
	font-weight:normal;
	vertical-align:top;
	line-height:20px;
	margin:0 0 20px;
	cursor:pointer;
	white-space:nowrap;
}
	.account-form-container input[type="checkbox"]+label .fa,
	dg-checkbox input[type="checkbox"]+label .fa
	{color:#dadada;transition: all .3s ease;font-size:40px;vertical-align:middle;margin:0 5px 0 0;}
		.account-form-container input[type="checkbox"]:checked+label .fa,
		.dg-checkbox input[type="checkbox"]:checked+label .fa{color:#37c237;}

/*Checkout*/
.checkout-page{
	padding-top:0 !important;
}
	.checkout-page .spacing-bottom{
		margin-bottom: 2em;
	}
	.checkout-page .spacing-bottom-alt,
	.checkout-page h4
	{
		margin-bottom: 1em;
	}
	.checkout-page p{
		margin-bottom: 1em;
	}
	.checkout-page hr{
		margin-bottom: 2em;
	}
	.checkout-page .well{
		padding:1em;
		margin-bottom: 2em;
	}
	.checkout-page #BillingAddress,
	.checkout-page #ShippingAddress{
		padding:1em;
		margin-bottom: 1em;
	}
	
/* Order Received */
.orderreceived-container .well{
	padding:1em;
	background-color: transparent;
}
.orderreceived-container .row{
	margin-bottom:2em;
}
.orderreceived-container a.tile-link{
	font-size: .9em;
}

/* Rating Stars*/
.rating-stars{
	vertical-align:middle;
	white-space:nowrap;
}
	.rating-stars-container{
		display:inline-block;
		position:relative;
		z-index:0;
		white-space:nowrap;
		color:var(--light-grey);
	}
		.rating-stars-active{
			position:absolute;
			top:0;
			left:0;
			overflow:hidden;
			white-space:nowrap;
			width:10%;
			color:var(--gold);
		}


/* Digital Cart */
.digital-cart-container .bg-dark .btn-text{
	color:var(--white);
}
	.digital-cart-container .bg-dark .btn-text:hover{
		text-decoration: underline;
	}
.digital-cart-container .bg-dark .e-couponcode .input-group{
	padding:0;
}
.digital-cart-container .movie-list .btn{
	display:block;
	width:100%;
	font-size: .75em;
	padding:.5em .5em;
	line-height: 1em;
}
.digital-cart-container h1{
	font-weight: 700;
}
.digital-cart-container .bg-lightgrey h2,
.checkout-page .bg-lightgrey h2{
	font-size: 1.2em;
	font-weight: 700;
}
.digital-cart-container .bg-lightgrey h3,
.checkout-page .bg-lightgrey h3{
	font-size: 1em;
	margin-bottom: 1em;
}
.digital-cart-container .bg-lightgrey .btn,
.checkout-page .bg-lightgrey .btn{
	font-size: 1em;
	padding:.5em .5em;
	line-height: 1em;
}
@media (min-width: 768px) and (max-width: 991px) {
	.digital-cart-container .btn-gold{
		font-size: 1em;
	}
	.digital-cart-container .btn-gold .fa,
	.digital-cart-container .btn-primary-outline .fa{
		display: none;
	}
}

.digital-cart-container .cart-totals{
	margin-bottom:1em;
}
.cart-totals dd,
.cart-totals dt{
	margin:0;
}

/* Product Card */
/* On Digital Cart */
.product-card-wrapper{
	position:relative;
}
.product-card{
	position:absolute;
	top:0;
	left:15px;
	width:100%;
	border:solid 1px transparent;
	margin: -15px;
	padding:15px;
	height:auto;
	z-index:1;
}
	.product-card.active{
		border:solid 1px #dadada;
		background-color:#fff;
		z-index:3;
		-moz-box-shadow: 0px 0px 20px #e6e6e6;
		box-shadow: 0px 0px 20px #e6e6e6 !important;
	}

	.product-card .product-details{display:none;}
		.product-card.active .product-details{display:block;}
	.product-card .item-title{}
	.product-card .item-title a{
		color:var(--black);
}
	.product-card.active .boxcover img{box-shadow:none !important;}

/* Cookie Bar*/
.cookiebar-info a{
	color: var(--white);
	text-decoration: underline;
}

/* Digital Checkout*/
/* Flybuy */
.flybuy-container .custservice-info{
	padding-top: 2em;
}
.flybuy-container .custservice-info a{
	display:block;
	color:#var(var(--black));
	text-align:center;
	text-decoration:none;
	font-size:11px;
	border-radius:3px;
	padding:10px 0;
}
	.flybuy-container .custservice-info a:hover{
		color:var(--black);
		background-color:var(--light-grey);
	}
		.flybuy-container .custservice-info a.phone:hover{background-color:transparent}
	.flybuy-container .custservice-info a .fa{font-size:40px;padding-bottom:5px;}
	.flybuy-container .custservice-info a strong{font-size:13px;font-weight:bold;}
.flybuy-container #CreateForm p,
.flybuy-container #LoginForm p{
	margin:1em 0;
}
/* Digital Cart Success */
.vod-successful-order-container h1{
	margin-bottom: 1em;
	font-weight: 700;
}
.vod-successful-order-container h2{
	margin-bottom: 1em;
	font-weight: 400;
}
.vod-successful-order-container .well h2{
	margin:0;
	padding:.5em;
	background: var(--dark-grey);
	font-weight: 400;
}
.vod-successful-order-container .well h3{
	margin:.5em 0;
}
.vod-successful-order-container .crypto-container h3,
.vod-successful-order-container .crypto-container button,
.vod-successful-order-container .crypto-container p{
	margin-bottom: 1em;
}

/*Guest Checkout*/
#guestCheckoutForm{
	margin-top:1em;
}
#guestCheckoutForm h2{
	margin-bottom:.75em;
}
#guestCheckoutForm hr{
	margin-bottom:1em;
}

/* Modal */
.modal-content{
	border-radius: 0;
}
.modal .close{
	float: none;
	position: absolute;
	top:.25em;
	right:.25em;
	font-size: 2em;
	color:var(--black);
	opacity: 1;
}
	.modal .close:hover,
	.modal .close:focus,
	.modal .close:active{
		color:var(--red);
	}
.modal-header,
.modal-body{
	padding:1em;
	border-color:var(--light-grey);
}

/*Help Pages*/
.help-page-container h1{
	font-weight: 700;
	margin-bottom:.5em;
}
.help-page-container h2{
	font-size: 1.25em;
	font-weight: 700;
	margin-bottom:.5em;
}
.help-page-container h3{
	font-size: 1.1em;
	font-weight: 700;
	margin-bottom:.75em;
}
.help-page-container h4{
	font-size: 1em;
	font-weight: 00;
	margin-bottom:1em;
}
.help-page-container hr,
.help-page-container p{
	margin-bottom: 1em;
}
.help-page-container .well{
	padding:1em;
}


/*Animated Screenshots*/
.animated-screen{
	display: block;
	position: relative;
}
.animated-scene{
	position:relative;
	text-align:left;
	line-height:normal;
}
	.animated-scene a{
		display:block;
		position:relative;
		text-decoration:none;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
		.animated-scene .animated-screen-container{position:relative;}
		.animated-scene .animated-screen{
			display: block;
			background-color:#dadada;
			width: 100%;
			position: relative;
			height: 0;
			padding: 56.25% 0 0 0;
			overflow: hidden;
			vertical-align:middle;
		}
		.animated-scene img{
			display:block;
			width:100%;
			height:auto;
			position:relative;
			z-index:1;
			background-size:contain;
			vertical-align:middle;
		}
			.animated-scene img.screenshot{
				display: inline-block;
				position:relative;
				z-index:1;
				max-width: 100%;
				margin: auto;
				-webkit-transition: all 2s ease-out;
				transition: all 2s ease-out;
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				box-shadow:none !important;
			}
	.animated-scene .animated-scene-info{
		line-height: 1.5em;
		min-height: 6em;
		overflow: hidden;
	}
	.animated-scene .animated-scene-title{
		display: block;
		max-height: 3em;
		overflow: hidden;
	}
	/*HACK*/
	.vod-own-title{
		display: block;
		height: 3em;
		overflow: hidden;
	}

/*Video*/
.video-container{
	background-color: var(--black);
	overflow: hidden;
	height: 0;
	padding-top: 56.25%;
	position: relative;
}
	.video-container iframe{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}

/* Empire Video Player */
.evp-video-container{
	position: relative !important;
	height: 0;
	padding-bottom: 56.25%; /* 16:9 */
	text-align: center;
	background-color:var(--light-grey);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	overflow: hidden;
	transition:all .3s;
}
	.evp-video-container.inactive{
		padding-bottom:39%;
		opacity:1;
	}
	
@media only screen and (max-width: 991px) {
	.evp-video-container.inactive{
		padding-bottom: 56.25%; /* 16:9 */
	}
}
	.evp-video-container.active{
		padding-bottom: 56.25%; /* 16:9 */
	}

/* Pring*/
@media print{
	.site-beacon,
	.site-header .pull-right,
	.site-nav-container,
	footer{
		display:none;
	}
	.site-logo{
		font-size: 0;
	}
	.site-header-wrapper{
		position: static;
	}
	.content-container{
		padding-top:2em;
	}
}

/* Clip Page */
.clip-meta{
	background-color:var(--dark-grey);
}
	.clip-meta__heading {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.clip-meta #ClipDetails {
		display: none;
		padding: 0 15px 15px 15px;
		background-color: var(--dark-grey);
	}
		.clip-meta #ClipDetails > div{
			background: var(--white);
			padding: 10px;
			margin: 0;
		}

/* Description List Mods - brough over from HM*/
dl.dl-horizontal{
	margin-top: .5rem;
}
@media (min-width: 768px){
	.dl-horizontal dt {
		width: auto;
		overflow: visible;
		padding-right: .5rem;
		font-weight: 400;
		font-style: italic;
	}
	.dl-horizontal dd{
		margin: 0 0 .5rem;
	}
}

/* brought over from HM */


.purchase-option__action__secondary{
	padding-top: 1rem;
}
.purchase-option__action__secondary__title{
	display: inline-block;
	font-size: 1em;
}
.purchase-option__action__secondary p{
	margin-top: .5rem;
	font-size: .8em;
}
.purchase-option__action__secondary__title strong{
	color: var(--black);
}

.purchase-option__action{
	display: none;
	/* text-align: right; */
}

.purchase-option__action.active{
	display: block;
}

.purchase-option__action__secondary .btn-secondary.inactive{
	background-color: transparent !important;
    border: solid 1px var(--silver) !important;
    color: var(--silver)!important;
}

@media (min-width: 768px){
	.purchase-option__action.active{
	}
	.purchase-option__action__primary{
	}
	.purchase-option__action__secondary{
	}
}

/* FC Main Nav Cross Promotional Stuff*/

.site-nav-fc{
	position: relative;
}

.site-nav.site-nav-fc a:hover, 
.site-nav.site-nav-fc a:active{
	color: var(--white);
}

.site-nav-fc .icon{
	height: 19.83px;
}
.site-nav-fc__icon{
	margin:0 auto;
	margin-bottom:0 !important;
	position: relative;
	top:-3px;
}

.sub-nav__fc{
	max-height:0;
	overflow: hidden;
	position: absolute;
	transition: all .3s ease-in-out;
	z-index: 500;
	display:none;
}
.site-nav-fc:hover .sub-nav__fc{
	max-height: 500px;
}

.sub-nav-container__wrapper{
	padding:15px;
	color: var(--white);
	min-height: 600px; /*This should fit a min of 5 notifications. Not sure why it wasn't sizing/scrolling right on xs viewports. Fuck it.  It all needs rewritten anyway. - DG 1.3.2023*/
}
	@media (min-width: 768px) {
		.sub-nav__fc{
			display: block;
			border-radius: 8px;
			width: 300px;
			top:-7px;
			left: 0;
		}	
		.sub-nav-container__wrapper{
			min-height: 0;
		}
	}
.sub-nav-container a.sub-nav__fc__title{
	padding: 0;
}
.main-nav__fc img,
.sub-nav__fc__title img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
.sub-nav__fc__subtitle{
	color: var(--white);
	font-size: 19px;
}

.sub-nav__fc__notifications__header,
.sub-nav__fc__counts,
a.sub-nav__fc__notification{
	display: flex;
	align-items: flex-start;
}
.sub-nav__fc__notifications__title{
	flex: 1 1 auto;
	color: var(--white);
	font-size: 28px;
	font-weight: bold;
}
.sub-nav__fc__notifications__title__badge{
	display: inline-block;
	color: var(--white);
	font-size: 13px;
	border-radius: 4px;
	padding: 0 8px;
	line-height: 24px;
	position: relative;
	top: -4px;
}
.sub-nav__fc__notifications__cta{
	flex: 0 1 auto;
}
	.sub-nav__fc__notifications__cta .btn{
		color: var(--white);
		border:solid 1px var(--white);
		padding:8px 30px;
	}
	.sub-nav__fc__notifications__cta .btn:hover{
		color: var(--grey);
		border-color: var(--grey);
	}
.sub-nav__fc__counts__count{
	flex: 1 1 auto;
	align-self: auto;
	text-align: center;
	font-size: 18px;
}
	.sub-nav__fc__counts__count_number{
		font-size: 45px;
		line-height: 45px;
	}

.sub-nav-container .sub-nav__fc__notifications ul li{
	padding: 0;
	margin-bottom: 15px;
	border: none !important;
}
.sub-nav-container .sub-nav__fc__notifications ul li:last-child{
	margin-bottom: 0;
}

.sub-nav-container a.sub-nav__fc__notification{
	color: var(--white);
	padding: 0;
}
	a.sub-nav__fc__notification:hover,
	a.sub-nav__fc__notification:active,
	a.sub-nav__fc__notification:focus{
		color: var(--grey);
	}
.sub-nav__fc__notification__avatar{
	flex: 0 0 44px;
	width: 44px;
	position: relative;
}
.sub-nav__fc__notification__avatar img{
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 500em;
	overflow: hidden;
	box-shadow: 0px 0px 0px 2px #fff;
	position: relative;
	z-index: 0;
}
.sub-nav__fc__notification__avatar__live{
	display: block;
	position: absolute;
	width: 36px;
	border-radius: 4px;
	box-shadow: 0px 0px 0px 1px var(--white);
	bottom:-4px;
	left:4px;
	z-index: 1;
	text-align: center;
	font-size: 13px;
	line-height: 17px;
}
.sub-nav__fc__notification__message{
	flex: 1 1 auto;
	padding-left: 15px;
	text-align: left;
}
.mark-wrapper {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 30px;
	justify-content: center;
}