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

:root 
{
	--test-variable: #000000;
	
	--blue: #2C62A7;
	--blue-hover: #729BCF;
	
	--purple: #28015C;
	--purple-hover: #1C0042;
	
	--pink: #EF027D;
	--pink-hover: #B4005F;
	
	--red: #CC0000;
	--red-hover: #7D0000;
	
	--orange: #9F3F00;
	--orange-hover: #FF6A09;

	--peach: #FED3A6;
	--peach-hover: #FFE5C9;
	
	--yellow: #997000;
	--yellow-hover: #FDC018;
	
	--green: #21AA7D;
	--green-hover: #6AD0AF;
	
	--teal: #2BDEFF;
	--teal-hover: #00D0F7;
	
	--dark: #464646;
	--dark-10: rgba(70,70,70,.10);
	--dark-15: rgba(70,70,70,.15);
	--dark-25: rgba(70,70,70,.25);
	--dark-50: rgba(70,70,70,.50);
	--dark-75: rgba(70,70,70,.75);
	--dark-85: rgba(70,70,70,.85);
	
	--body: #FFFFFF;
	--body-10: rgba(255,255,255,.10);
	--body-15: rgba(255,255,255,.15);
	--body-25: rgba(255,255,255,.25);
	--body-50: rgba(255,255,255,.50);
	--body-75: rgba(255,255,255,.75);	
	--body-85: rgba(255,255,255,.85);
		
	--text-body: #464646;
	
	--white: #FEFEFE;
	--transparent: transparent;
	
	--gray-dark:#707070;
	--gray: #BBBBBB;
	--gray-light: #E4E4E4;
	
	
	/*Main Colors*/
	/*Accent*/
	--accent: #FF5D32;

	/*Primary*/
	--primary: #FF5D32;
	--primary-hover: #FF9B81;
	--primary-25: rgba(255,93,50,.25);
	--primary-50: rgba(255,93,50,.5);
	--primary-hover-25: rgba(255,155,129,.25);
	--primary-hover-50: rgba(255,155,129,.5);
	
	/*Secondary*/
	--secondary: #FF8F02;
	--secondary-hover: #FFBA64;
	--secondary-25: rgba(255,143,2,.25);
	--secondary-50: rgba(255,143,2,.5);
	--secondary-hover-25: rgba(255,186,100,.25);
	--secondary-hover-50: rgba(255,186,100,.5);

	/*Accent*/
	--accent: #73B8C8;
	--accent-hover: #A3D7E3;
	--accent-05: rgba(115,184,200,.05);
	--accent-08: rgba(115,184,200,.08);
	--accent-25: rgba(115,184,200,.25);
	--accent-50: rgba(115,184,200,.5);
	--accent-hover-25: rgba(163,215,227,.25);
	--accent-hover-50: rgba(163,215,227,.5);	
	
	/*Support Colors*/
	/*Success*/
	--success: #21AA7D;
	--success-hover: #6AD0AF;
	--success-25: rgba(33,170,125,.25);
	--success-50: rgba(33,170,125,.5);
	--success-hover-25: rgba(33,170,125,.25);
	--success-hover-50: rgba(33,170,125,.5);
	
	/*Info*/
	--info: #2C62A7;
	--info-hover: #729BCF;
	--info-25: rgba(44,98,167,.25);
	--info-50: rgba(44,98,167,.5);
	--info-hover-25: rgba(114,155,207,.25);
	--info-hover-50: rgba(114,155,207,.5);
	
	/*Warning*/
	--warning: #9F3F00;
	--warning-hover: #FF6A09;
	--warning-25: rgba(248,80,0,.25);
	--warning-50: rgba(248,80,0,.5);
	--warning-hover-25: rgba(195,64,1,.25);
	--warning-hover-50: rgba(195,64,1,.5);
	
	/*Danger*/
	--danger: #D20639;
	--danger-hover: #F37B99;
	--danger-25: rgba(210,6,57,.25);
	--danger-50: rgba(210,6,57,.5);
	--danger-hover-25: rgba(210,6,57,.25);
	--danger-hover-50: rgba(210,6,57,.5);

	/*Buttons*/
	--btn-background: ;
	--btn-boxshadow: 0 0 0 .2em;
	--btn-padding: .75em .85em;
	
	--btn-hover-boxshadow: ;
	
	/*Borders*/
	--border-radius: 0;
	--border-width: .125em;
	--border-style: solid;

	/*Site Content Padding*/
	--site-content-padding-top: 0;
	--poster-padding-top: 10em;
	
	/*Fonts*/
	--font-family-header: 'Qwigley', cursive;
	--font-family-copy: 'Open Sans', sans-serif;	
}

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

/* ==========================================================================
   Home and Tour Scene Update
   ========================================================================== */
.update{
	position:relative;
	line-height:normal;
	background:none;
}
	.update a{
		position:relative;
		text-decoration:none;
	}
	.update-container{position:relative;}
	.update-container .update-a,
	.update-container a.scene-img{
			position:relative;
			display:block;
			width:100%;
			height:auto;
			vertical-align:middle;
			padding:100% 0 0 0;
			border-radius:50%;
			z-index:0;
			overflow:hidden;
		}
	
		.update-container a:hover{
			color:inherit;
			text-decoration:none;
		}
		.update-container img.update-img{
			display:inline-block;
			position:relative;
			width:auto;
			max-width:none;
			height:101%;
			margin-bottom:auto !important;
			-webkit-transition:all 2s ease-out;
			transition:all 2s ease-out;
			position:absolute;
			top:50%;
			left:50%;
			-webkit-transform:translateX(-50%) translateY(-50%);
			transform:translateX(-50%) translateY(-50%);
			box-shadow:none !important;
			z-index:1;		
		}
			.update-container img.update-img.update-img-vertical{
				width:101%;
				height:auto;	
			}
		
	.update-details-container{
		color:#FF5D32;
		text-align:center;
	}
		.update-details-container a.update-title{
			display:block;
			padding-bottom:.25em;
			margin-bottom:.5em;
			border-bottom:.1em solid #73B8C8;
		}
		.update .update-details-container ul{
			font-family: 'Open Sans', sans-serif;
			font-weight:300;
			font-size:1em;
			text-align:left;
		}
		
	.scene-update{
		flex: 0 0 100%;
		max-width: 100%;
		margin: 0;
	}
	.update-a {
		position: relative;
		height: 0;
		padding: 100% 0 0 0;
		overflow: hidden;
		vertical-align: middle;
		border-radius: 25rem;
		border-radius: var(--border-radius);
		margin-bottom: .25em;
	}
		.update-a img {
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translateX(-50%) translateY(-50%);
			transform: translateX(-50%) translateY(-50%);
			width: auto;
			max-width: none;
			height: 101%;
			z-index: 1;
			margin: auto;
			background-size: contain;
			vertical-align: middle;
		}			
		
/* ==========================================================================
   Circle Hover Effect
   ========================================================================== */
.pulse {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	z-index:0;
	background:none;
	border:.13em solid #FF8F02;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	-moz-transition:all 0.3s cubic-bezier(0.53, -0.67, 0.79, 0.74);
	-o-transition:all 0.3s cubic-bezier(0.53, -0.67, 0.79, 0.74);
	-webkit-transition:all 0.3s cubic-bezier(0.53, -0.67, 0.79, 0.74);
	transition:all 0.3s cubic-bezier(0.53, -0.67, 0.79, 0.74);
}
.pulse-square {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	z-index:0;
	background:none;
	border:.13em solid #FF8F02;
	-moz-transition:all 0.3s cubic-bezier(0.53, -0.67, 0.79, 0.74);
	-o-transition:all 0.3s cubic-bezier(0.53, -0.67, 0.79, 0.74);
	-webkit-transition:all 0.3s cubic-bezier(0.53, -0.67, 0.79, 0.74);
	transition:all 0.3s cubic-bezier(0.53, -0.67, 0.79, 0.74);
}

.pulse .btn{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
	.update:hover .pulse, .nav-item>a:hover .pulse, a.dropdown-item:hover .pulse,
	.btn.btn-circle:hover .pulse, .scene-widget:hover .pulse-square{
		opacity:1;
		-moz-transform:scale(1.05);
		-ms-transform:scale(1.05);
		-webkit-transform:scale(1.05);
		transform:scale(1.05);
		-moz-transition-timing-function:cubic-bezier(0.37, 0.74, 0.15, 1.65);
		-o-transition-timing-function:cubic-bezier(0.37, 0.74, 0.15, 1.65);
		-webkit-transition-timing-function:cubic-bezier(0.37, 0.74, 0.15, 1.65);
		transition-timing-function:cubic-bezier(0.37, 0.74, 0.15, 1.65);
	}
	.nav-item>a:hover .pulse, a.dropdown-item:hover .pulse,
	.btn.btn-circle:hover .pulse{
		-moz-transform:scale(1.15);
		-ms-transform:scale(1.15);
		-webkit-transform:scale(1.15);
		transform:scale(1.15);
	}
	
/* ==========================================================================
   Decorative Image Placement
   ========================================================================== */
.wave-right-down{
	position:absolute;
	top:7rem;
	right:2%;
	opacity:.15;
}
.wave-right-up{
	position:absolute;
	right:0;
	opacity:.15;
	-moz-transform: scaleX(-1) scaleY(-1);
	-webkit-transform: scaleX(-1) scaleY(-1);
	-o-transform: scaleX(-1) scaleY(-1);
	transform: scaleX(-1) scaleY(-1);
	-ms-filter: fliph flipy; /*IE*/
	filter: fliph flipy; /*IE*/
	z-index:-1;
}

@media (max-width: 992px){
.wave-right-up {
	width: 340px;
}
}

@media (max-width: 768px){
.wave-right-up {
	width: 250px;
}
}

.flip-y{
	position:absolute;
	right:0;
	opacity:.15;
	-moz-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	transform: scaleY(-1);
	-ms-filter: flipy; /*IE*/
	filter: flipy; /*IE*/
	z-index:-1;
}
.wave-left-down{
	position:absolute;
	top:-2rem;
	left:1%;
	opacity:.3;
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter: fliph; /*IE*/
	filter: fliph; /*IE*/
	z-index:0;
}

.wave-left-up{
	position:absolute;
	left: 0;
	opacity:.15;
	-moz-transform: scaleX(-1) scaleY(-1);
	-webkit-transform: scaleX(-1) scaleY(-1);
	-o-transform: scaleX(-1) scaleY(-1);
	transform: scaleX(-1) scaleY(-1);
	-ms-filter: fliph flipy; /*IE*/
	filter: fliph flipy; /*IE*/
	z-index:0;
}

.wave-footer{
	position:absolute;
	left:1%;
	bottom:13rem;
	opacity:.15;
	z-index:0;
}



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

.swirl{
	z-index: 0;
}

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

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

body:before {
	content: '';
	background: url(https://imgs1cdn.adultempire.com/res/bn/reagan-foxx-wave-dark.png);
	position:absolute;
	width: 351px;
	height: 222px;
	background-size: contain;
	background-repeat: no-repeat;
	right: 0;
	top: 16%;
	opacity: 0.2;
	z-index: -1;
}

@media (max-width: 992px){
body:before {
	width: 270px;
	height: 180px;
}
}

@media (max-width: 768px){
body:before {
	width: 180px;
	height: 130px;
}
}

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

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

/*Links*/
a{
	color: #FF5D32;
	color: var(--primary);
}
	a:hover{
		color: #FF5D32;
		color: var(--primary);
		text-decoration: none;
	}
	a.text-primary:focus, a.text-primary:hover {
		color: #FF5D32 !important;
		color: var(--primary) !important;
	}


/*Footer*/
footer{
	position: relative;
	padding: 3em 0 4em 0;
	background-color: #464646;
	background-color: var(--dark);
	color: #FFFFFF;
	color: var(--body);
}
	footer a, footer h4 {
		color: #FFFFFF;
		color: var(--body);
	}
		footer a:not(.btn):hover {
			color: #FF5D32;
			color: var(--primary);
		}

/*Spacing*/
.mb-6 {
	margin-bottom: 7em!important;
}

/* ==========================================================================
   Fonts & Typography
   ========================================================================== */
/*Body: Elements to use body font & styling.*/
.badge{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

h1,
h2,
h3,
h4,
.nav-tabs .nav-link.active,
.btn,
.sash,
.overlay,
.pagination,.pagination .active,
.site-features-nav a,
.link-player-action,
.video-tags a,
a.membership-link,
.nav-beacon,
.movie-title span,.scene-title>span,
.list-group-item{
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
}

h1.script,
h2.script,
h3.script,
h4.script,
h5.script,
h6.script
{
	font-family: 'Qwigley', cursive;
	font-weight:400;
}

h1.script, h2.script, h3.script, h4.script{
  font-weight:inherit;
  line-height:1.2;
}

h1.script{
  margin-top:0;
  font-size:6.854em;
}

h2.script{font-size:4.236em;}

h3.script{font-size:2.618em;}

h4.script{font-size:1.618em;}
	
/* ==========================================================================
   Navigation
   ========================================================================== */
.nav-beacon {
	padding: 0;
	color: #464646;
	color: var(--text-body);
	background-color: #E4E4E4;
	background-color: var(--gray-light);
}
.nav-beacon .btn {
	padding: .4em .85em;
}
nav.navbar {
	padding: .5em 1em;
	background-color: #FFFFFF;
	background-color: var(--body);
	-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.15);
	-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.15);
	box-shadow:0px 0px 15px 0px rgba(0,0,0,0.15);	
}
nav .nav-link{
	color: #707070;
	color: var(--gray-dark); 
	background-color: transparent;
	background-color: var(--transparent);
	border-color: #FF8F02;
	border-color: var(--secondary);		
	border-radius: 0;
	border-radius: var(--border-radius);
	background-position: right center;
	padding: .75em .85em;	
}

	nav .nav-link:not(.form-control):hover:not(.btn-success):hover:not(.btn-danger):hover{
		color: #FF5D32;
		color: var(--primary);
	}
	
	.nav-item svg:not(.fa-chevron-down):not(.fa-clock){
		font-size: 2em;
		display:block; 
		margin: 0 auto;   
	}

	.navbar-expand-lg .navbar-nav .nav-link:not(.dropdown-item) {
		padding:2.5em 1.5em; 
	}

/*2-Up Display for toggle menu.*/
@media (max-width: 1199px){
	.navbar-nav {
		flex-direction: row;
		flex-wrap: wrap;
	}
	.navbar .nav-link {
		font-size: 1em;
		width: 45%;
		margin: 2%;
		white-space: normal;
		padding: 2px;
	}
	.navbar .nav-link:last-child {
		width: 100%;
	}
	.form-inline {
		flex-grow: 1;
		width: 100%;
	}
	.form-inline .input-group {
		width: 100%;
	}
	.navbar .nav-link svg{
		display:none; 
		margin: 0 auto;   
	}
	.navbar-expand-lg .navbar-nav .nav-link:not(.dropdown-item) {
		padding:.5em .5em; 
	}		
}

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

@media (min-width: 992px){
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}
}
/* ==========================================================================
   Search
   ========================================================================== */
   .site-search{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	z-index: 20;
	overflow: hidden;
	transform: translate(-50%, -50%);
}
.site-search.active{
	overflow: visible;
}
	.site-search .search-bg{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
		background: rgba(70,70,70,.85);
		background: var(--dark-85);
	}
		.site-search .search-container{
			position: relative;
			width: 100%;
			top: 5%;
			left: 50%;
			text-align: center;
			z-index: 15;
			transform: translate(-50%, -5%);
		}
		.site-search .search-container:before{
			display: inline-block;
			content: '';
			width: 0;
			height: 100%;
			vertical-align: middle;
		}
		.site-search .search-container .form-inline{
			display: inline-block;
			vertical-align: middle;
			width: 90%;
		}
			#site-search input[type="text"],
			#site-search select{
				font-size: 1rem;
				border: 1px solid #FF5D32;
				border: var(--border-width) var(--border-style) var(--primary);
			}
		
			#site-search .form-control {
				background-color: #FFFFFF;
				background-color: var(--body);
			}
		.site-search .search-input:focus{color:#FF5D32;}
		
		@media(min-width:64em){
			.site-search .search-container .form-inline{
				width:60%;
			}
			
			#site-search input[type="text"],
			#site-search select{
				font-size: 2rem;
			}
		}
		
.search_container{
	position:relative;
}


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

.btn{
	padding: .75em .85em;
	padding: var(--btn-padding);
	color: #FFFFFF;
	color: var(--body);
	background: #FF5D32;
	background: var(--primary);
	border-color: #FF5D32;
	border-radius: 0;
	border-radius: var(--border-radius);
	border: .125em solid #FF5D32;
	text-transform: uppercase;
	transition: all .2s ease;
}
	.btn:hover,
	.btn:active, .btn.active {
		color: #FFFFFF;
		color: var(--body);
		background-position: left center;
		background-color: #FF9B81;
		background-color: var(--primary-hover);
		border: .125em solid #FF9B81;
	}
	.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;
	}
	
.btn.btn-circle{
	vertical-align:middle;
	text-align:center;
	position:relative;
	color:#707070;
	background-color:transparent;
	font-size:.7em;
	width:6em;
	height:6em;
	padding:1.18em 0;
	border-radius:50%;
	cursor:pointer;
	margin:0 auto 1em;
}

.btn.btn-circle:hover{
	color:#FFFFFF;
	background-color:#FF8F02 !important;
}

.btn.btn-circle i{
	font-size:5.5em;
	display:block;
}

.btn-circle.btn-lg{
	font-size:1em;
}	

/*Button Circle*/
.btn.btn-circle{
	font-weight:normal !important;
	border:0;
	text-transform: capitalize;	
}

/*FONT AWESOME ICONS*/
.navbar .nav .nav-item a i,
.btn.btn-circle i{
	font-size:2.5em;
	display:block;
}

.navbar .nav .nav-item a i,
.btn.btn-circle i{
	font-size:2.5em;
	display:block;
}

.btn.btn-circle svg{
	font-size: 2em;
	display:block; 
	margin: 0 auto;   
}

/*Button Link*/
.btn-link {
	color: #FF5D32;
	color: var(--primary);
	background-color: transparent;
	background-image: none;
	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: #FF5D32;
		color: var(--primary);
	}
	.btn-link:active:hover, .btn-link.active:hover,
	.btn-link:active:focus, .btn-link.active:focus{
		background-color: transparent;
	}
	.btn-link.focus, .btn-link:focus {
		outline: 0;
		box-shadow: none;
	}
	.btn-link.disabled, .btn-link:disabled {
		background-color: transparent;
		opacity: .65;
	}

/*Primary*/
.btn-primary,
.btn-primary.disabled, .btn-primary:disabled{
	color: #FF5D32;
	color: var(--primary);
	background-color: transparent;	
	border-color: #FF5D32;
	border-color: var(--primary);
}

	/*Hover & Active*/
	.btn-primary:hover,
	.btn-primary:not(:disabled):not(.disabled).active,
	.btn-primary:not(:disabled):not(.disabled):active,
	.show>.btn-primary.dropdown-toggle{
		color: #FF9B81;
		color: var(--primary-hover);
		background-position: left center;
		background-color: transparent;	
		border-color: #FF9B81;
		border-color: var(--primary-hover);
	}
		
	/*Focus*/
	.btn-primary.focus, .btn-primary:focus{
		box-shadow: 0 0 0 .2em rgba(143,248,110,.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: #FF9B81;
		color: var(--primary-hover);
		background-position: left center;
		background-color: transparent;	
		box-shadow: 0 0 0 .2em rgba(75,205,41,.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(75,205,41,.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: #FF8F02;
	color: var(--secondary);
	background-color: transparent;
	border-color: #FF8F02;
	border-color: var(--secondary);
}

	/*Hover & Active*/
	.btn-secondary:hover,
	.nav-item.btn-secondary:hover .nav-link,
	.btn-secondary:not(:disabled):not(.disabled).active,
	.btn-secondary:not(:disabled):not(.disabled):active,
	.show>.btn-secondary.dropdown-toggle,
	.navbar-toggler:hover,
	.navbar-toggler:not(:disabled):not(.disabled).active,
	.navbar-toggler:not(:disabled):not(.disabled):active{
		color: #FFBA64;
		color: var(--secondary-hover);
		background-position: left center;
		background-color: transparent;
		border-color: #FFBA64;
		border-color: var(--secondary-hover);
	}
		
	/*Focus*/
	.btn-secondary.focus, .btn-secondary:focus,
	.navbar-toggler.focus, .navbar-toggler:focus{
		box-shadow: 0 0 0 .2em rgba(79,79,79,.25);
		box-shadow: var(--btn-boxshadow) var(--secondary-25);
	}
	.btn-secondary:not(:disabled):not(.disabled).active:focus, 
	.btn-secondary:not(:disabled):not(.disabled):active:focus, 
	.show>.btn-secondary.dropdown-toggle:focus,
	.navbar-toggler:not(:disabled):not(.disabled).active:focus, 
	.navbar-toggler:not(:disabled):not(.disabled):active:focus{
		color: #FFBA64;
		color: var(--secondary-hover);
		background-position: left center;
		background-color: transparent;
		box-shadow: 0 0 0 .2em rgba(48,48,48,.25);
		box-shadow: var(--btn-boxshadow) var(--secondary-hover-25);
	}
		.btn-secondary:not(:disabled):not(.disabled).active:hover, 
		.btn-secondary:not(:disabled):not(.disabled):active:hover, 
		.btn-secondary:active:hover, .btn-secondary.active:hover,
		.btn-secondary:active:focus, .btn-secondary.active:focus,
		.navbar-toggler:not(:disabled):not(.disabled).active:hover, 
		.navbar-toggler:not(:disabled):not(.disabled):active:hover, 
		.navbar-toggler:active:hover, .navbar-toggler.active:hover,
		.navbar-toggler:active:focus, .navbar-toggler.active:focus{
			box-shadow: 0 0 0 .2em rgba(48,48,48,.5);
			box-shadow: var(--btn-boxshadow) var(--secondary-hover-50);
		}
	
	/*Disabled*/
	.btn-secondary.disabled, .btn-secondary:disabled,
	.navbar-toggler.disabled, .navbar-toggler:disabled{
		opacity: .65;
	}
	
	.alpha-sort-container .btn-secondary{
		padding: .375rem .75rem;
	}
	
/*white-outline*/
.btn-white-outline,
.nav-item.btn-white-outline .nav-link,
.btn-white-outline.disabled, .btn-white-outline:disabled,
#acceptCookiesBar .btn.btn-primary{
	color: #FFFFFF;
	color: var(--body);
	background-color: transparent;
	border-color: #FFFFFF;
	border-color: var(--body);
}

	/*Hover & Active*/
	.btn-white-outline:hover,
	.nav-item.btn-white-outline:hover .nav-link,
	.btn-white-outline:not(:disabled):not(.disabled).active,
	.btn-white-outline:not(:disabled):not(.disabled):active,
	.show>.btn-white-outline.dropdown-toggle,
	.navbar-toggler:hover,
	.navbar-toggler:not(:disabled):not(.disabled).active,
	.navbar-toggler:not(:disabled):not(.disabled):active,
	#acceptCookiesBar .btn.btn-primary:hover{
		color: #464646;
		color: var(--dark);
		background-position: left center;
		background-color: #FFFFFF;
		background-color: var(--body);
		border-color: #FFFFFF;
		border-color: var(--body);
	}
		
	/*Focus*/
	.btn-white-outline.focus, .btn-white-outline:focus,
	.navbar-toggler.focus, .navbar-toggler:focus,
	#acceptCookiesBar .btn.btn-primary:focus{
		box-shadow: 0 0 0 .2em rgba(79,79,79,.25);
		box-shadow: var(--btn-boxshadow) var(--secondary-25);
	}
	.btn-white-outline:not(:disabled):not(.disabled).active:focus, 
	.btn-white-outline:not(:disabled):not(.disabled):active:focus, 
	.show>.btn-white-outline.dropdown-toggle:focus,
	.navbar-toggler:not(:disabled):not(.disabled).active:focus, 
	.navbar-toggler:not(:disabled):not(.disabled):active:focus{
		color: #464646;
		color: var(--dark);
		background-position: left center;
		background-color: #FFFFFF;
		background-color: var(--body);
		box-shadow: 0 0 0 .2em rgba(48,48,48,.25);
		box-shadow: var(--btn-boxshadow) var(--body);
	}
		.btn-white-outline:not(:disabled):not(.disabled).active:hover, 
		.btn-white-outline:not(:disabled):not(.disabled):active:hover, 
		.btn-white-outline:active:hover, .btn-white-outline.active:hover,
		.btn-white-outline:active:focus, .btn-white-outline.active:focus,
		.navbar-toggler:not(:disabled):not(.disabled).active:hover, 
		.navbar-toggler:not(:disabled):not(.disabled):active:hover, 
		.navbar-toggler:active:hover, .navbar-toggler.active:hover,
		.navbar-toggler:active:focus, .navbar-toggler.active:focus{
			box-shadow: 0 0 0 .2em rgba(48,48,48,.5);
			box-shadow: var(--btn-boxshadow) var(--secondary-hover-50);
		}
	
	/*Disabled*/
	.btn-white-outline.disabled, .btn-white-outline:disabled,
	.navbar-toggler.disabled, .navbar-toggler:disabled{
		opacity: .65;
	}
	
	.alpha-sort-container .btn-white-outline{
		padding: .375rem .75rem;
	}	

/*Success*/
.btn-success,
.nav-item.btn-success,
.btn-success.disabled, .btn-success:disabled{
	color: #21AA7D;
	color: var(--success) !important;
	background-color: transparent;
	border-color: #21AA7D;
	border-color: var(--success);
}

	/*Hover & Active*/
	.btn-success:hover,
	.nav-item.btn-success:hover,
	.btn-success:not(:disabled):not(.disabled).active,
	.btn-success:not(:disabled):not(.disabled):active,
	.show>.btn-success.dropdown-toggle{
		color: #6AD0AF;
		color: var(--success-hover);
		background-color: transparent;
		border-color: #6AD0AF;
		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,
	.nav-item.btn-success:not(:disabled):not(.disabled):active:focus, 
	.show>.btn-success.dropdown-toggle:focus{
		color: #6AD0AF;
		color: var(--success-hover);
		background-position: left center;
		background-color: transparent;
		box-shadow: 0 0 0 .2em rgba(75,205,41,.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(75,205,41,.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: #2C62A7;
	color: var(--info);
	background-color: transparent;
	border-color: #2C62A7;
	border-color: var(--info);
}

	/*Hover & Active*/
	.btn-info:hover,
	.btn-info:not(:disabled):not(.disabled).active,
	.btn-info:not(:disabled):not(.disabled):active,
	.show>.btn-info.dropdown-toggle{
		color: #729BCF;
		color: var(--info-hover);
		background-position: left center;
		background-color: transparent;
		border-color: #729BCF;
		border-color: var(--info-hover);
	}
		
	/*Focus*/
	.btn-info.focus, .btn-info:focus{
		box-shadow: 0 0 0 .2em rgba(0,163,209,.25);
		box-shadow: var(--btn-boxshadow) var(--info-25);
	}
	.btn-info:not(:disabled):not(.disabled).active:focus, 
	.btn-info:not(:disabled):not(.disabled):active:focus, 
	.show>.btn-info.dropdown-toggle:focus{
		color: #729BCF;
		color: var(--info-hover);
		background-position: left center;
		background-color: transparent;
		box-shadow: 0 0 0 .2em rgba(0,118,209,.25);
		box-shadow: var(--btn-boxshadow) var(--info-hover-25);
	}
		.btn-info:not(:disabled):not(.disabled).active:hover, 
		.btn-info:not(:disabled):not(.disabled):active:hover, 
		.btn-info:active:hover, .btn-info.active:hover,
		.btn-info:active:focus, .btn-info.active:focus{
			box-shadow: 0 0 0 .2em rgba(0,118,209,.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: #9F3F00;
	color: var(--warning);
	background-color: transparent;
	border-color: #9F3F00;
	border-color: var(--warning);
}

	/*Hover & Active*/
	.btn-warning:hover,
	.btn-warning:not(:disabled):not(.disabled).active,
	.btn-warning:not(:disabled):not(.disabled):active,
	.show>.btn-warning.dropdown-toggle{
		color: #FF6A09;
		color: var(--warning-hover);
		background-position: left center;
		background-color: transparent;
		border-color: #FF6A09;
		border-color: var(--warning-hover);
	}
		
	/*Focus*/
	.btn-warning.focus, .btn-warning:focus{
		box-shadow: 0 0 0 .2em rgba(248,80,0,.25);
		box-shadow: var(--btn-boxshadow) var(--warning-25);
	}
	.btn-warning:not(:disabled):not(.disabled).active:focus, 
	.btn-warning:not(:disabled):not(.disabled):active:focus, 
	.show>.btn-warning.dropdown-toggle:focus{
		color: #FF6A09;
		color: var(--warning-hover);
		background-position: left center;
		background-color: transparent;
		box-shadow: 0 0 0 .2em rgba(195,64,1,.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(195,64,1,.5);
			box-shadow: var(--btn-boxshadow) var(--warning-hover-50);
		}
	
	/*Disabled*/
	.btn-warning.disabled, .btn-warning:disabled{
		opacity: .65;
	}
	
/*Danger*/
.btn-danger,
.nav-item.btn-danger,
.btn-danger.disabled, .btn-danger:disabled{
	color: #D20639;
	color: var(--danger);
	background-color: transparent;
	border-color: #D20639;
	border-color: var(--danger);
}

	/*Hover & Active*/
	.btn-danger:hover,
	.nav-item.btn-danger:hover,
	.btn-danger:not(:disabled):not(.disabled).active,
	.btn-danger:not(:disabled):not(.disabled):active,
	.show>.btn-danger.dropdown-toggle{
		color: #F37B99;
		color: var(--danger-hover);
		background-position: left center;
		background-color: transparent;
		border-color: #F37B99;
		border-color: var(--danger-hover);
	}
	
	/*Focus*/
	.btn-danger.focus, .btn-danger:focus{
		box-shadow: 0 0 0 .2em rgba(226,0,57,.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,
	.nav-item.btn-danger:not(:disabled):not(.disabled):active:focus,  
	.show>.btn-danger.dropdown-toggle:focus{
		color: #F37B99;
		color: var(--danger-hover);
		background-position: left center;
		background-color: transparent;
		box-shadow: 0 0 0 .2em rgba(128,23,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(128,23,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: #FFFFFF;
	color: var(--body);
	background-color: transparent;
	border-color: #FFFFFF;
	border-color: var(--body);
}

	/*Hover & Active*/
	.btn-white:hover,
	.btn-white:not(:disabled):not(.disabled).active,
	.btn-white:not(:disabled):not(.disabled):active,
	.show>.btn-white.dropdown-toggle{
		color: rgba(255,255,255,.75);
		color: var(--body-75);
		background-color: transparent;
		border-color: rgba(255,255,255,.75);
		border-color: var(--body-75);
	}
		
	/*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: #E4E4E4;
		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: 0;
	text-align: center;
	background-color: #FFFFFF;
	background-color: var(--body);
	border: .125em solid #FF9B81;
	border: var(--border-width) var(--border-style) var(--primary-hover);
	border-radius: 0;
	border-radius: var(--border-radius);
	box-shadow: 0 0 0 0;
}
	.dropdown-item:focus, .dropdown-item:hover {
		border-radius: 0;
		border-radius: var(--border-radius);
		background-color: #E4E4E4;
		background-color: var(--gray-light);		
	}



/* ==========================================================================
   Text
   ========================================================================== */
.text-peach {
	color: #FED3A6;
	color: var(--peach);
}
	.text-peach:hover {
		color: #FFE5C9;
		color: var(--peach-hover);
	}
.text-primary {
	color: #FF5D32;
	color: var(--primary);
}
.text-secondary {
	color: #FF8F02;
	color: var(--secondary);
}
.text-accent {
	color: #73B8C8;
	color: var(--accent);
}
.text-gray-dark {
	color: #707070;
	color: var(--gray-dark);
}

/* ==========================================================================
   Backgrounds
   ========================================================================== */
.bg-light {
	background-color: #E4E4E4;
	background-color: var(--gray-light);
}
.bg-promotion {
	background-color: #FF9B81!important;
	background-color: var(--primary-hover)!important;
	color: #FFFFFF;
	color: var(--body);	
}
.bg-accent {
	background-color: #73B8C8;
	background-color: var(--accent)!important;
}

.bg-body-85 {
	background-color: rgba(255,255,255,.85);
	background-color: var(--body-85)!important;
}


/* ==========================================================================
   Pagination
   ========================================================================== */
.pagination {
	border-radius: 0;
	border-radius: var(--border-radius);
}
	.page-link {
		padding: .55em 1em;
		padding: (--btn-padding);
		color: #464646;
		color: var(--text-body);
		background-color: transparent;
		border-radius: 0;
		border-radius: var(--border-radius);
		border: .125em solid transparent;
		border: var(--border-width) var(--border-style) transparent;
	}
		.page-link:hover {
			color: #464646;
			color: var(--text-body);
			background-color: transparent;
			border-color: #464646;
			border-color: var(--text-body);			
		}
		.page-item.active .page-link {
			z-index: 1;
			color: #FFFFFF;
			color: var(--body);
			background-color: #FF5D32;
			background-color: var(--primary);
			border-color: #FF5D32;
			border-color: var(--primary);
		}
		.page-link:focus {
			box-shadow: 0 0 0 .2em rgba(143,248,110,.25);
			box-shadow: var(--btn-boxshadow) var(--primary-hover-25);
		}
		.page-item.disabled .page-link {
			color: #BBBBBB;
			color: var(--gray);
			background-color: transparent;
			border-color: transparent;
			opacity: .7;
		}
		.page-item:first-child .page-link {
			border-top-left-radius: 0;
			border-top-left-radius: var(--border-radius);
			border-bottom-left-radius: 0;
			border-bottom-left-radius: var(--border-radius);
		}
		.page-item:last-child .page-link {
			border-top-right-radius: 0;
			border-top-right-radius: var(--border-radius);
			border-bottom-right-radius: 0;
			border-bottom-right-radius: var(--border-radius);
		}



/* ==========================================================================
   Nav Tabs
   ========================================================================== */
.nav-tabs {
	border-bottom: .125em solid #FF5D32;
	border-bottom: var(--border-width) var(--border-style) var(--primary);
}

.nav-tabs .nav-item {
    margin-bottom: -.125em;
    margin-bottom: -var(--border-width);
}

.nav-tabs .nav-link {
	border: .125em solid transparent;
	border-top-left-radius: 0;
	border-top-left-radius: var(--border-radius);
	border-top-right-radius: 0;
	border-top-right-radius: var(--border-radius);   	
}
	.nav-tabs .nav-link:focus,
	.nav-tabs .nav-link:hover {
		color: #FF5D32;
		color: var(--primary);
		border-color: #FF5D32 #FF5D32 #464646;
		border-color: var(--primary) var(--primary) var(--text-body);
	}
	
	.nav-tabs .nav-link.disabled {
		color: #6c757d;
		background-color: transparent;
		border-color: transparent;
	}

	.nav-tabs .nav-item.show .nav-link,
	.nav-tabs .nav-link.active {
		color: #FFFFFF;
		color: var(--body);
		background-color: #FF5D32;
		background-color: var(--primary);
		border-color: #FF5D32 #FF5D32 #464646;
		border-color: var(--primary) var(--primary) var(--text-body);
	}
	.nav-tabs .nav-link.active:hover {
		color: #FFFFFF;
		color: var(--body);
		background-color: #FF9B81;
		background-color: var(--primary-hover);
	}

  
   
/* ==========================================================================
   Badges
   ========================================================================== */
.badge {
	line-height: inherit;
	border-radius: 0;
	border-radius: var(--border-radius);
	font-weight: 700;
	vertical-align: top;
}
	.badge-primary {
		color: #FFFFFF;
		color: var(--body);
		background-color: #FF5D32;
		background-color: var(--primary);
	}
	.badge-secondary {
		color: #FEFEFE;
		color: var(--white);
		background-color: #FF8F02;
		background-color: var(--secondary);
	}
	.badge-success {
		color: #FFFFFF;
		color: var(--body);
		background-color: #21AA7D;
		background-color: var(--success);
	}
	.badge-info {
		color: #FEFEFE;
		color: var(--white);
		background-color: #2C62A7;
		background-color: var(--info);
	}
	.badge-warning {
		color: #FEFEFE;
		color: var(--white);
		background-color: #9F3F00;
		background-color: var(--warning);
	}
	.badge-danger {
		color: #FEFEFE;
		color: var(--white);
		background-color: #D20639;
		background-color: var(--danger);
	}



/* ==========================================================================
   Stickers
   ========================================================================== */
.sticker{
	border: .15em solid #464646;
	border: .15em var(--border-style) var(--dark);
}
.sticker.sticker-success{
	color: #FFFFFF;
	color: var(--body);
	background-color: #21AA7D;
	background-color: var(--success);
}
.sticker.sticker-info{
	color: #FEFEFE;
	color: var(--white);
	background-color: #2C62A7;
	background-color: var(--info);
}
.sticker.sticker-warning{
	color: #FEFEFE;
	color: var(--white);
	background-color: #9F3F00;
	background-color: var(--warning);
}
.sticker.sticker-danger{
	color: #FEFEFE;
	color: var(--white);
	background-color: #D20639;
	background-color: var(--danger);
	word-break: break-all;
}



/* ==========================================================================
   Alerts
   ========================================================================== */
.alert{
	border-radius: 0;
	border-radius: var(--border-radius);
	border: .125em solid #D20639;
	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(128,23,51,.50);
		background-color: var(--danger-hover-50);
		color: #FEFEFE !important;
		color: var(--white) !important;
		border: .125em solid #D20639;
		border: var(--border-width) var(--border-style) var(--danger);
	}
	.alert-success{
		background-color: rgba(75,205,41,.5);
		background-color: var(--success-hover-50);
		color: #464646 !important;
		color: var(--text-body) !important;
		border: .125em solid #21AA7D;
		border: var(--border-width) var(--border-style) var(--success);
	}
	.alert-info{
		background-color: rgba(0,118,209,.5);
		background-color: var(--info-hover-50);
		color: #FEFEFE !important;
		color: var(--white) !important;
		border: .125em solid #2C62A7;
		border: var(--border-width) var(--border-style) var(--info);
	}
	.alert-warning{
		background-color: rgba(195,64,1,.5);
		background-color: var(--warning-hover-50);
		color: #FEFEFE !important;
		color: var(--white) !important;
		border: .125em solid #9F3F00;
		border: var(--border-width) var(--border-style) var(--warning);
	}
	#acceptCookiesBar a{
		color: #FFFFFF !important;
	}
	#acceptCookiesBar a:hover{
		text-decoration: none !important;
	}

	.help-block {
		display: block;
		backgroung-color: rgba(128,23,51,.50);
		background-color: var(--danger-hover-50);
		color: #FEFEFE !important;
		color: var(--white) !important;
		border: .125em solid #D20639;
		border: var(--border-width) var(--border-style) var(--danger);
	}



/* ==========================================================================
   Popover
   ========================================================================== */
.popover {
	color: #464646;
	color: var(--text-body);
	background-color: #FFFFFF;
	background-color: var(--body);
	border: .125em solid #464646;
	border: var(--border-width) var(--border-style) var(--dark);
	border-radius: 0;
	border-radius: var(--border-radius);
}

.popover-header {
	padding: .75em .85em;
	padding: var(--btn-padding);
	color: #FF5D32;
	color: var(--primary);
	background-color: #464646;
	background-color: var(--dark);
	border-bottom: .125em solid #464646;
	border-bottom: var(--border-width) var(--border-style) var(--dark);
}
.popover-body {
	padding: .75em .85em;
	padding: var(--btn-padding);
	color: #464646;
	color: var(--text-body);
}



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

.close{
	color: #D20639;
	opacity: 1;
}
.close:hover{
	color: #F37B99;
}

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



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



/* ==========================================================================
   Cards
   ========================================================================== */
.card {
	text-align: center;
	color: #464646;
	color: var(--text-body);
	background-color: #FFFFFF;
	background-color: var(--body);
	border: .140em solid #E4E4E4;
	border-radius: 0;
	border-radius: var(--border-radius);
	margin: 1em;
	padding: .7em;	
}
.card:hover {
	border: .140em solid #FF5D32;
}
	.card.best-value {
	}
	.card.best-value .card-header{
		background-color: #21AA7D;
		background-color: var(--success);
		color: #73B8C8;
		color: var(--accent);
	}

.card-body {
	padding: .55rem;
}
.card-body h6 {
	font-family: 'Qwigley', cursive;
	font-weight:400;
	font-size: 2em;		
}
.card-header:first-child,
.card-footer:last-child {
	border-radius: 0 0 calc(.25rem - 0) calc(.25rem - 0);
	border-radius: 0 0 calc(.25rem - var(--border-radius)) calc(.25rem - var(--border-radius));
}
.card-header,
.card-header[style] {
	padding: .75em .85em;
	padding: var(--btn-padding);
	background-color: #FFFFFF !important;
	background-color: var(--body) !important;	
	color: #FF5D32 !important;
	color: var(--primary) !important;
	border-bottom: .140em solid #73B8C8 !important;
}
.card-header h3{
	font-size: 2.4em;
}
.card-footer {
	padding: .45rem;
	background-color: transparent;
	border-top: 0;
}
.card-deck .card .card-footer {
	padding: 0 1.25rem .75rem;	
}

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

	.membership-cards-container .card .card-header,
	.membership-cards-container .card .card-footer{
		width: 100%;
	}
}
	/*Styling for cards promoting memberships.  Video/Scene pages.*/
	.card-promote-membership {
		color: #FEFEFE!important;
		color: var(--white)!important;
		background-color: #464646;
		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;
	}
	
@media (max-width: 1024px){
	.membership-cards-container .card .card-header,
	.membership-cards-container .card .card-footer{
		flex-shrink: 1;
	}
}


@media (max-width: 784px){
	.membership-cards-container .card{
		max-width: 100%;
	}
}
@media (max-width: 384px){
	.membership-cards-container .card,
	.membership-options .card{
		-ms-flex-flow: column;
		flex-flow: column;
		text-align: center;
	}
	.membership-cards-container .card .card-body.text-left,
	.membership-options .card .card-body.text-left{
		text-align: center !important;
	}
	.membership-cards-container .card .card-header,
	.membership-options .card .card-header{
		box-shadow: inset 0 -5px 0 0 #464646;
		flex: 0 1 auto;
	}
	.membership-cards-container .card .card-footer,
	.membership-options .card .card-footer{
		flex: 0 1 auto;
	}
}

.join-page-membership-plans .card.active {
	border: .125em solid #21AA7D;
	border: var(--border-width) var(--border-style) var(--success);
}
	.join-page-membership-plans .card.active .card-footer.bg-success {
		color: #464646;
		color: var(--dark);
	}



/* ==========================================================================
   Lists
   ========================================================================== */
.list-group {
	border-radius: 0;
	border-radius: var(--border-radius);
	background-color: #E4E4E4;
	background-color: var(--gray-light);	
}
.list-group-item {
	background-color: #E4E4E4;
	background-color: var(--gray-light);
	border: .125em solid #E4E4E4;
	border: var(--border-width) var(--border-style) var(--gray-light);
	background-size: 220% auto;
	transition: all .2s ease;
}
.list-group-item-action {
	color: #464646;
	color: var(--text-body);
}
	.list-group-item:first-child {
		border-top-left-radius: 0;
		border-top-left-radius: var(--border-radius);
		border-top-right-radius: 0;
		border-top-right-radius: var(--border-radius);
	}
	.list-group-item:last-child {
		border-bottom-right-radius: 0;
		border-bottom-right-radius: var(--border-radius);
		border-bottom-left-radius: 0;
		border-bottom-left-radius: var(--border-radius);
	}
	
	.list-group-item-action:focus, .list-group-item-action:hover {
		color: #FFFFFF;
		color: var(--body);
		background-position: left center;
		background-color: #FF5D32;
		background-color: var(--primary);
		border-color: #FF5D32;
		border-color: var(--primary);
	}


/* ==========================================================================
   Sex Toy & Performer Page
   ========================================================================== */
/*Sex Toy & Performer Page Header*/
.custom-sex-toy-page, .performer-page{
	background-position: top var(--poster-padding-top) center;
	background-attachment: fixed;
	background-size:contain;
	background-repeat: no-repeat;
}
	/*Set padding to display background image as page header.*/
	.custom-sex-toy-page .img-placeholder,
	.performer-page .performer-img-placeholder{
		height: 0;
		padding-bottom: 39%;
		opacity: 0;
	}
		@media screen and (max-width: 576px){
			.custom-sex-toy-page .img-placeholder,
			.performer-page .performer-img-placeholder{
				height: auto;
				padding-bottom: 5.5%;
			}
		}
		
/* ==========================================================================
   Sex Toy Page
   ========================================================================== */
a.sex-toy img {
	padding: .5em;
	background-color: #FFFFFF;
	border: .125em solid rgba(8,8,8,.1);
	border: var(--border-width) var(--border-style) var(--dark-10);
	box-shadow: none;
}
	a .sex-toy-title, 
	a .sex-toy-price {
		color: #464646;
		color: var(--text-body);
	}
	a:hover .sex-toy-title, 
	a:hover .sex-toy-price {
		color: #FF9B81;
		color: var(--primary-hover);
	}
/*Background image styling for scroll effect.*/
#custom-sex-toy-page-content.sticky {
	background-position: top 16.25em left 10%;
}
		
#main-purchase-info {
	background-color: #464646 !important;
	background-color: var(--dark)!important;
}



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



/* ==========================================================================
   Forms
   ========================================================================== */
.form-control {
	padding: .75em .85em;
	padding: var(--btn-padding);
	background-color: #E4E4E4;
	background-color: var(--gray-light);
	color: #464646;
	color: var(--text-body);
	border-radius: 0;
	border-radius: var(--border-radius);
	border: .125em solid #E4E4E4;
	border: var(--border-width) var(--border-style) var(--gray-light);
}

.form-control,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
select,
textarea{
	border-radius: var(--border-radius);
	border: var(--border-width) var(--border-style) var(--gray-light);
}

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

.form-control:focus {
	color: #464646;
	color: var(--text-body);
	background-color: #FFFFFF;
	background-color: var(--body);
}
.form-control:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
	border-radius: 0;
	border-radius: var(--border-radius);
	border: .125em solid #FF5D32;
	border: var(--border-width) var(--border-style) var(--primary);
}
.form-control:disabled, .form-control[readonly] {
	background-color: rgba(8,8,8..15);
	background-color: var(--dark-15);
}
.custom-control-label::before {
	background-color: #FEFEFE;
	background-color: var(--white);
}
.custom-radio .custom-control-input:checked~.custom-control-label::before {
	background-color: #FF5D32;
	background-color: var(--primary);
	border: .125em solid #FF5D32;
	border: var(--border-width) var(--border-style) var(--primary);
}



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



/* ==========================================================================
   Checkout Steps
   ========================================================================== */
ol.checkout-steps{
	list-style-position:inside;
	background: #E4E4E4;
	background: var(--gray-light);
}
	ol.checkout-steps li{
		flex-grow:1;
	}
	ol.checkout-steps li.active{
		color: #FEFEFE;
		color: var(--white);
		background: #FF8F02;
		background: var(--secondary);
	}



/* ==========================================================================
   Overlays
   ========================================================================== */
.overlay-inner svg {
	font-size: calc( 3em + (3.25 - 3) * ( (150vw - 36em) / ( 150 - 36) ));
}
.overlay{
	background-color: transparent;
	transition: all .2s ease;
	opacity: 1;
	overflow: hidden;
}
	.overlay .overlay-inner{
		opacity: 0;
	}
		.overlay:hover,
		.overlay.overlay-show{
			background-color: rgba(70,70,70,.5);
			
		}
		.overlay:hover .overlay-inner,
		.overlay.overlay-show .overlay-inner{
			opacity: 1;
		}



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

	.video-performer {
		position: relative;
		width: 25%;
		min-width: 100px;
	}
	.video-performer img {
		border: 4px solid #FFFFFF;
		border: 4px var(--border-style) var(--body);
	}	
	@media (max-width:576px){
		.video-details-container .boxcover{
			width: 100%;
			margin-bottom: 1em;
		}
		.video-performer {
			width: 50%;
		}
	}

.video-page .membership-cards-container,
.scene-page .membership-cards-container {
	padding: 1em;
	background-color: rgba(8,8,8,.50);
	background-color: var(--dark-50);
	color: #FEFEFE;
	color: var(--white);
}

	@media (max-width:500px){
		.video-page .membership-cards-container {
			padding: 1em .5em;
		}
	}

/*Scene Details*/
.scene-details {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
}
	.scene-title, .scene-length{
	  flex: 1;
	}
		.scene-title {
			text-align: left;
		}
		.scene-length {
			text-align: right;
			padding-left: 1em;
			flex: 1 0 auto;
		}
	.scene-cast-list {
		width: 100%;
		text-align: left;
		margin-bottom: .5em;
	}
	.scene-buy-options {
		width: 100%;
	}
	.scene-buy-options a.btn{
		padding: 0.55em !important;
	}
	/*Test Comment*/

.recommendations {
	background-color: #E4E4E4;
	background-color: var(--gray-light);
	padding-top: 1em;
	padding-bottom: 1em;
}


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



/* ==========================================================================
   Empire Player
   ========================================================================== */
.link-player-action{
	text-transform: uppercase;
}
.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
   ========================================================================== */
/* START: List Refines displayed across the top */
.list-page-refine, .list-page-grid{
	grid-column: 1 / -1;
}

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

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

/* ==========================================================================
   Scene Widget
   ========================================================================== */
.scene-widget {
	background-color: var(--accent-08);
}
.feature-screenshot {
	position: relative;
}
.feature-screenshot-container{
	display: block;
	position: relative;
	width: 100%;
	height: 0;
	padding: 34.25% 0 0 0;
	overflow: hidden;
	vertical-align: bottom;
}
	.grid-item a.feature-screen{
		position: absolute;
		left: 0;
		right: 0;
		top: auto;
		bottom: -50%;
		box-shadow: none !important;
		z-index: 1;
		width: 100%;
		margin: 0;
		-webkit-transition: all 2s ease-out;
		transition: all 2s ease-out;
	}
	
	.feature-screenshot-details {
		position: absolute;
		top: auto;
		bottom: 0;
		left: 0;
		width: 100%;
		height: auto;
		padding: 1em 3em;
		color: #464646;
		color: var(--text-body);
		background-color: rgba(8,8,8,.5);
		background-color: var(--dark-50);
		z-index: 2;
		text-align: left;
	}
		@media (max-width: 768px) {
			.feature-screenshot-details {
				position: relative;
			}
		}
		.feature-screenshot-details:hover {
			color: #FF5D32;
			color: var(--primary);
		}
	
	.feature-screenshot-details svg {
		color: #FF5D32 !important;
		color: var(--primary) !important;
		padding-right: 16px;
		box-shadow: 5px 0 0 0 #FF5D32;
	}


.custom-inset-stroke {
	box-shadow: inset 0 0 0 0 #FF5D32;
}
.custom-inset-stroke.custom-stroke-right {
	box-shadow: inset -5px 0 0 0 #FF5D32;
}
.custom-inset-stroke.custom-stroke-left {
	box-shadow: inset 5px 0 0 0 #FF5D32;
}

.custom-stroke {
	box-shadow: 0 0 0 0 #FF5D32;
}
.custom-stroke.custom-stroke-right {
	box-shadow: 5px 0 0 0 #FF5D32;
}
.custom-stroke.custom-stroke-left {
	box-shadow: -5px 0 0 0 #FF5D32;
}



/* ==========================================================================
   Device Logos
   ========================================================================== */
.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(0.8);
}

.stamp{
			display:block;
			position:absolute;
			top: -5px;
			left: -5px;
			padding: .25em;
			width: 85px;
			height: 85px;
			border-radius: 50em;
			font-size: 1em;
			line-height: 1;
			overflow:hidden;
			text-align:center;
			z-index: 5;
			color: #FFFFFF;
			background-color: #FF8F02;
		}
			@media (max-width:991px){
				.stamp{
					width: 68px;
					height: 68px;
					font-size: .85em;
					top:-10px;
					left:-10px;
				}
			}
			.stamp:before{
				display:inline-block;
				content:"";
				height:100%;
				width:0;
				vertical-align:middle;
			}
				.stamp .stamp-inner{
					display:inline-block;
					vertical-align:middle;
				}
		
		.twitter-timeline-container{
			overflow:auto;
			height:375px;
		}
			@media (max-width: 1199px){
				.twitter-timeline-container{
					overflow:auto;
					height:375px;
				}
			}
			@media (max-width: 991px){
				.twitter-timeline-container{
					overflow:auto;
					height:425px;
				}
			}
			@media (max-width: 767px){
				.twitter-timeline-container{
					overflow:auto;
					height:350px;
				}
			}
			@media (max-width: 577px){
				.twitter-timeline-container{
					overflow:show;
					height:auto;
				}
			}
			
			

		@media (min-width: 768px) {
		.container-small {
			width: 310px;
		}
		} 
		@media (min-width: 992px) {
		.container-small {
			width: 400px;
		}
		} 
		@media (min-width: 1200px) {
		.container-small {
			width: 470px;
		}
		}

		.container-small, .container-large {
			max-width: 100%;
		}
		.feature-update {
			grid-template-columns: repeat(auto-fill, minmax(49%,1fr));
		}
		.feature-update .scene-info-container {
			justify-content: center;
			align-items: center;
		}
		.feature-update .scene-title {
			width: auto;
			flex: 0 1 auto;
			font-family: 'Qwigley', cursive;
			color: var(--white);
			border-bottom: 2px solid transparent;
			margin-bottom: 1em;
		}
		.feature-update .scene-title:hover {
			border-bottom: 2px solid var(--white);
		}		
		.feature-update .scene-title h6 {
			font-size: 4em;
			white-space: normal;
			overflow: visible;
		}		
		.feature-update .user-interactions {
			margin-bottom: 3em;
		}