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

   :root 
   {
	   --blue: #037171;
	   --blue-hover: #005C5C;
	   
	   --purple: #28015c;
	   --purple-hover: #1C0042;
	   
	   --pink: #EB2BEB;
	   --pink-hover: #C600C6;
	   
	   --red: #cc0000;
	   --red-hover: #7D0000;
	   
	   --orange: #EC7513;
	   --orange-hover: #BC5805;
	   
	   --yellow: #FFA200;
	   --yellow-hover: #FFC764;
	   
	   --green: #049604;
	   --green-hover: #007B00;
	   
	   --teal: #2BDEFF;
	   --teal-hover: #00D0F7;
	   
	   --dark: #000000;
	   --dark-10: rgba(0,0,0,.10);
	   --dark-15: rgba(0,0,0,.15);
	   --dark-25: rgba(0,0,0,.25);
	   --dark-50: rgba(0,0,0,.50);
	   --dark-65: rgba(0,0,0,.65);
	   --dark-75: rgba(0,0,0,.75);
	   --dark-85: rgba(0,0,0,.85);
	   
	   --body: #1C1C1C;
	   --text-body: #FFF;
	   
	   --white: #FFFFFF;
	   --white-10: rgba(255,255,255,.1);
	   --white-15: rgba(255,255,255,.15);
	   --white-25: rgba(255,255,255,.25);
	   --white-50: rgba(255,255,255,.5);
	   --white-85: rgba(255,255,255,.85);
	   --white-90: rgba(255,255,255,.9);
	   
	   --gray: #808080;
	   --gray-15: rgba(128,128,128,.15);
	   --gray-50: rgba(128,128,128,.5);
	   --gray-75: rgba(128,128,128,.75);
	   --gray-light: #C4C4C4;
	   --gray-light-50: rgba(196,196,196,.5);
	   --gray-light-15: rgba(196,196,196,.15);
	   --gray-light-10: rgba(196,196,196,.1);
	   --gray-light-05: rgba(196,196,196,.05);
	   
	   
	   /*Main Colors*/
	   /*Accent*/
	   --accent: #FF0000;
	   --accent-25: rgba(241,15,15,.25);
	   --accent-50: rgba(241,15,15,.5);
	   --accent-75: rgba(241,15,15,.75);
	   --accent-80: rgba(241,15,15,.80);
	   --accent-hover: #BC0505;
	   --accent-hover-25: rgba(188,5,5,.25);
	   --accent-hover-50: rgba(188,5,5,.5);
	   
	   /*Primary*/
	   --primary: #C4C4C4;
	   --primary-25: rgba(196,196,196,.25);
	   --primary-50: rgba(196,196,196,.5);
	   --primary-hover: #999999;
	   --primary-hover-25: rgba(153,153,153,.25);
	   --primary-hover-50: rgba(153,153,153,.5);
	   
	   /*Secondary*/
	   --secondary: #808080;
	   --secondary-25: rgba(128,128,128,.25);
	   --secondary-50: rgba(128,128,128,.5);
	   --secondary-hover: #4E4E4E;
	   --secondary-hover-25: rgba(78,78,78,.25);
	   --secondary-hover-50: rgba(78,78,78,.5);
	   
	   /*Support Colors*/
	   /*Success*/
	   --success: #049604;
	   --success-25: rgba(4,150,4,,.25);
	   --success-50: rgba(4,150,4,,.5);
	   --success-hover: #007B00;
	   --success-hover-25: rgba(0,123,0,.25);
	   --success-hover-50: rgba(0,123,0,.5);
	   
	   /*Info*/
	   --info: #037171;
	   --info-25: rgba(3,113,113,.25);
	   --info-50: rgba(3,113,113,.5);
	   --info-hover: #005C5C;
	   --info-hover-25: rgba(0,92,92,.25);
	   --info-hover-50: rgba(0,92,92,.5);
	   
	   /*Warning*/
	   --warning: #EC7513;
	   --warning-25: rgba(236,117,19,.25);
	   --warning-50: rgba(236,117,19,.5);
	   --warning-hover: #BC5805;
	   --warning-hover-25: rgba(188,88,5,.25);
	   --warning-hover-50: rgba(188,88,5,.5);
	   
	   /*Danger*/
	   --danger: #BC2E05;
	   --danger-25: rgba(188,46,5,.25);
	   --danger-50: rgba(188,46,5,.5);
	   --danger-hover: #992200;
	   --danger-hover-25: rgba(153,34,0,.25);
	   --danger-hover-50: rgba(153,34,0,.5);
   
	   /*Buttons*/
	   --btn-boxshadow: 0 0 0 .2em;
	   --btn-padding: 6px 12px;
	   
	   /*Borders*/
	   --border-radius: 0;
	   --border-width: .125em;
	   --border-style: solid;
   
	   /*Site Content Padding*/
	   --site-content-padding-top: 0;
	   
	   /*Fonts*/
	   --font-family-header: 'Special Gothic Expanded One', sans-serif;
	   --font-family-copy: 'Oswald', sans-serif;
	   
	   /*Email Generator Styling*/
	   --email-background: #000000;
	   --email-body-background: #1C1C1C;
	   --email-text-body: #FFF;
	   --email-logo-background-color: #1C1C1C;
	   --email-footer-background: #000000;
	   --email-text-footer: #FFF;
	   --email-footer-link: #FF0000;
	   --email-accent: #FF0000;
	   --email-text-button: #1C1C1C;
	   --email-special-message-text: #1C1C1C;
	   --email-dark: #181818;
	   --email-border-radius: 0;
   }
   
	   @media (max-width:991px){
		   :root {
			   --site-content-padding-top: 0;
		   }
	   }
   
   /* ==========================================================================
	  Basic Site Setup
	  ========================================================================== */
   /*HTML*/
   html {
	   color: #FFF;
	   color: var(--text-body);
	   background-color: #1C1C1C;
	   background-color: var(--body);
   }
   
   /*Body*/
   body{
	   color: #FFF;
	   color: var(--text-body);
	   background-color: #1C1C1C;
	   background-color: var(--body);
	   font-family: 'Lato', sans-serif;
	   font-family: var(--font-family-copy);
	   font-weight: 400;
   }
   
   /*Site Content*/
   .site-content{
		margin: auto;
		max-width: 1400px;
		padding: 1em 0;
   }
   .site-content:before {
	max-width: inherit;
   }
   
   /*HR*/
   hr {
	   border-top: .125em solid rgba(0,0,0,1);
	   border-top: var(--border-width) var(--border-style) var(--gray-light);
   }
   
   /*Links*/
   a{
	   color: #C4C4C4;
	   color: var(--primary);
   }
	   a:hover, .user-action:hover {
		   color: #FF0000;
		   color: var(--accent);
		   text-decoration: none;
	   }
	   a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
		   color: #FF0000;
		   color: var(--accent);
		   text-decoration: none;
	   }   
	.user-action:hover a:hover, .user-action a.active {
		background: #FF0000;
		background: var(--accent);
	}
	.user-action.no-likes a {
		width: auto;
		height: auto;
		padding: 5px;
	}
   /*Tables*/
   .table thead th {
	   border-bottom: .125em solid #C4C4C4;
   }
   .table td, .table th {
	   border-top: .125em solid #C4C4C4;
   }
   
   /*Footer*/
   footer{
	   position: relative;
	   padding: 3em 0 4em 0;
	   background-color: rgba(0,0,0,1);
	   background-color: var(--dark);
	   color: #FFF;
	   color: var(--text-body);
   }
	   footer a {
		   color: #C4C4C4;
		   color: var(--primary);
		   font-size: larger;
			text-decoration: none !important;
	   }
		   footer a:not(.btn):hover {
			   color: #FF0000;
			   color: var(--accent);
		   }
	footer .btn {
		border-radius: 0.5em;
	}
	footer h4 {
		font-family: var(--font-family-copy);
		font-weight: bold;
		font-size: 2em;
	}
	.input-group>.form-control:not(:last-child){
		border: 1px solid var(--accent);
		border-radius: 10px 0 0 10px;
	}

   
   /* ==========================================================================
	  Fonts & Typography
	  ========================================================================== */
   h1, .h1,
   h2, .h2,
   h3, .h3,
   h4, .h4,
   h5, .h5,
   h6, .h6,
   .overlay-inner {
	   font-family: 'Jura', sans-serif;
	   font-family: var(--font-family-header);
	   font-weight: 400;
	   text-transform: uppercase;
	   text-decoration: none !important;
   }
   h1 a, a.h1,
   h2 a, a.h2,
   h3 a, a.h3,
   h4 a, a.h4,
   h5 a, a.h5,
   h6 a, a.h6 {
	   text-decoration: none !important;
   }
   .safe-list-container p {
	   color: #000;
	   color: var(--body);
   }

   h6, .h6,
	.overlay-inner {
		font-family: 'Special Gothic Expanded One', sans-serif;
	}
	.scene-title h6 {
		font-family: 'Oswald', sans-serif;
		font-weight: 800;
		font-size: 1.4rem;
	}
	.small, small {
		font-size: 75%;
		font-weight: 300;
	}
   /* ==========================================================================
	  Navigation
	  ========================================================================== */
	.join-btn {
		margin: 0 1px;
	}
   .beacon-top {
	   padding: 0;
	   display: flex;
	   justify-content: space-around;
	   background: black;
   }
   .beacon-top a {
	   width: 100%;
	   border-right: none;
   }
   .beacon-top .btn,
	.navbar .btn{
		border-radius: 0;
	}
   .beacon-top .btn-accent {
	   color: #FFF;
	   color: var(--white);
   }
   .sub-menu {
	   background-color: var(--dark);
	   color: var(--text-body);
	   padding: 0;
	   display: flex;
	   justify-content: space-around;
	   text-transform: uppercase;
   }
   
   .sub-menu > .nav-item {
	   color: var(--white);
	   font-size: 1.2em;
	   padding: 0.3em 0.5em;
	   width: 100%;
	   text-align: center;
	   border-right: none;
   }
   @media (max-width:340px) {
		.sub-menu > .nav-item {
			font-size: 0.8em;
		}
	}
	   .sub-menu > .nav-item:hover {
		   background-color: var(--dark);
		   color: var(--accent);		
	   }
   .nav-beacon {
	   padding: 0;
	   background-color: rgba(0,0,0,.15);
	   background-color: var(--dark-15);
	   color: #FFF;
	   color: var(--text-body); 
	   font-size: .8em;
   }
	   .nav-beacon .membership-link {
		   box-shadow: none;
	   }
	   .nav-beacon .btn-link:hover {
		   color: #000000;
		   color: var(--dark);
	   }	
   nav.navbar {
	   padding: .5em 1em;
	   background-color: #000000;
	   background-color: var(--dark);
   }
   .navbar-logo {
	   flex: 2;
   }
   
   nav .nav-link{
	   color: #FFF;
	   color: var(--text-body);
	   text-transform: uppercase;
   }
	   nav .nav-link:not(.form-control):hover:not(.btn-success):hover{
		   color: #FF0000;
		   color: var(--accent); 
	   }
	
   .navbar-nav a {
	   width: 100%
   }
   .navbar-nav .nav-link {
	   background-color: none;
	   color: #FFF;
	   color: var(--white);
	   margin: 0.2em 0; 
   }
   .navbar-nav .nav-link:hover {
	   color: var(--accent);
	   background: none;
   }
   /*2-Up Display for toggle menu.*/
   @media (max-width: 1199px){
	   .navbar-nav {
		   flex-direction: row;
		   flex-wrap: wrap;
	   }
	   .navbar .nav-link {
		   font-size: 1em;
		   width: 50%;
	   }
	   .form-inline {
		   flex-grow: 1;
		   width: 100%;
	   }
	   .form-inline .input-group {
		   width: 100%;
	   }
   }
   
   /*Refine menu at small screen.*/
   @media (max-width: 991px) {
	   .offcanvas-collapse {
		   background-color: #1C1C1C;
		   background-color: var(--body);
	   }
   }
   
   #off-can-menu {
	   padding-top: 35dvh;
   }
   @media screen and (orientation: landscape) {
		#off-can-menu {
			padding-top: 225px;
		}
	}
   
   .off-canvas__left, .off-canvas__right{
		   position: fixed;
		   top: 0;
		   z-index: 998;
		   width: 25%;
		   min-width: 200px;
		   height: 100vh;
		   background: rgba(0, 0, 0, .95);
		   transition: -webkit-transform .2s ease-in-out;
		   transition: transform .2s ease-in-out;
		   transition: transform .2s ease-in-out,-webkit-transform .3s ease-in-out;
		   overflow-y: scroll;
		   scrollbar-width: none;	
	   }
	   @media (max-width:767px) {
			.off-canvas__left {
				width: 100%;
			}
		}
	   .off-canvas__right {
		   -webkit-transform: translateX(1000%);
		   transform: translateX(1000%);
		   right:0;
   
		}
	   .off-canvas__right .announce-cards .card {
		   -webkit-box-flex: 0;
		   -ms-flex: 0 0 100%;
		   flex: 0 0 100%;
		   max-width: 100%;
		}
	   .off-canvas__right .announce-cards {
		   display: flex;
		   flex-direction: column;
		   background-color: var(--white);
	   }
	   .off-canvas__left {
		   -webkit-transform: translateX(-100%);
		   transform: translateX(-100%);
	   }
	   .off-canvas__left.active-left, .off-canvas__right.active {
		   -webkit-transform: translateX(0);
			  transform: translateX(0);	
	   }
	   .off-canvas__left .card {
		   background:#FFF;
	   }
	   .off-canvas__left.active-left > a{
		   left: 0;
		   transition-property: left;
		   transition-duration: 0.4s;
	   }
   /* ==========================================================================
	  Search
	  ========================================================================== */
   .site-search{
	   display: none;
	   position: absolute;
	   width: 100%;
	   height: 100%;
	   top: 50%;
	   z-index: 1021;
	   overflow: hidden;
   }
   .site-search.active{
	   overflow: visible;
   }
	   .site-search .search-bg{
		   position: fixed;
		   width: 100%;
		   height: 100%;
		   top: 0;
		   left: 0;
		   z-index: 0;
		   background: rgba(0,0,0,.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 #C4C4C4;
					   border: var(--border-width) var(--border-style) var(--primary);
				   }
		   
				   #site-search .form-control {
					   background-color: #1C1C1C;
					   background-color: var(--body);
				   }
		   .site-search .search-input:focus {
			   color: #FF0000;
			   color: var(--accent);
		   }
		   
		   @media(min-width:64em){
			   .site-search .search-container .form-inline{
				   width:60%;
			   }
			   
			   #site-search input[type="text"],
			   #site-search select{
				   font-size: 2rem;
			   }
		   }
		   #site-search .form-control:not(:last-child) {
				border-radius: 0;
			}
			#site-search .btn-secondary {
				color: #FFF;
				   color: var(--white);
				   background: #FF0000 !important;
				   background: var(--accent) !important;
				   border-color: #FF0000;
				   border-color: var(--accent);
				border-radius: 0 0.5em 0.5em 0;
			}
			#site-search .btn-secondary:hover {
				background: #BC0505;
				background: var(--accent-hover);
				border-color: #BC0505;
				border-color: var(--accent-hover);
			}
		   
   .search_container{
	   position:relative;
   }
   
   /* ==========================================================================
	  Button Styling
	  ========================================================================== */
   .btn {
	   position: relative;
	   color: #FFFFFF;
	   color: var(--white);
	   background: #000;
	   background: var(--dark);
	   border-radius: 0.5em;
	   border: .125em solid #C4C4C4;
	   font-size: 1.2em;
	   text-transform: uppercase;
	   transition: all .2s ease;
	   z-index: 1;
   }
	   .btn:hover,
	   .btn:active, .btn.active {
		   color: #FFF;
		   color: var(--white);
		   background: #BC0505;
		   background: var(--accent);
		   border: .125 solid transparent;
	   }
	   .btn:focus {
			box-shadow: none !important;
			border: none !important;
		}
	   .btn:active:hover, .btn.active:hover,
	   .btn:active:focus, .btn.active:focus{
		   outline: 0;
	   }
	   .btn.focus, .btn:focus {
		   outline: 0;
	   }
	   .btn.disabled, .btn:disabled {
		   opacity: .35;
		   background: #C4C4C4;
		   background: var(--primary);
	   }
	   
   /*Button Link*/
   .btn-link {
	   color: #000000;
	   color: var(--primary);
	   background-color: transparent;
	   box-shadow: none;
	   border: 0 solid transparent;
	   font-family: 'Jura', sans-serif;
	   font-family: var(--font-family-header);
	   font-weight: 400;
	   text-transform: capitalize;
   }
	   .btn-link:hover,
	   .btn-link:active, .btn-link.active{
		   color: #FF0000;
		   color: var(--accent);
		   background-color: transparent;
		   border: 0 solid transparent;
		   box-shadow: none;
	   }
	   .btn-link:active:hover, .btn-link.active:hover,
	   .btn-link:active:focus, .btn-link.active:focus{
		   background-color: transparent;
	   }
	   .btn-link.focus, .btn-link:focus {
		   outline: 0;
		   box-shadow: none;
	   }
	   .btn-link.disabled, .btn-link:disabled {
		   background-color: transparent;
		   opacity: .65;
	   }
   
   /*Primary*/
   .btn-primary,
   .btn-primary.disabled, .btn-primary:disabled{
	   color: #FFF;
	   color: var(--white);
	   border-color: var(--accent);
   }
   .btn-primary.disabled, .btn-primary:disabled{
		color: #FFF;
		color: var(--white);
		border-color: #fff;
		border-color: var(--white);
	}
   
	   /*Hover & Active*/
	   .btn-primary:hover,
	   .btn-primary:not(:disabled):not(.disabled).active,
	   .btn-primary:not(:disabled):not(.disabled):active,
	   .show>.btn-primary.dropdown-toggle{
		   background: #FF0000;
		   background: var(--accent);
		   border: .125em solid #FF0000;
		   border: var(--border-width) var(--border-style) var(--accent);
	   }
		   
	   /*Focus*/
	   .btn-primary.focus, .btn-primary:focus{
		   box-shadow: 0 0 0 .2em rgba(196,196,196,.25);
		   box-shadow: var(--btn-boxshadow) var(--primary-25);
	   }
	   .btn-primary:not(:disabled):not(.disabled).active:focus, 
	   .btn-primary:not(:disabled):not(.disabled):active:focus, 
	   .show>.btn-primary.dropdown-toggle:focus{
		   color: #FFFFFF;
		   color: var(--white);
		   box-shadow: 0 0 0 .2em rgba(153,153,153,.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(153,153,153,.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: #FFF;
	color: var(--white);
	background: #000;
	background: var(--dark);
	border-color: #FF0000;
	border-width: thin;
   }
	   
	   /*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{
		   background: #FF0000;
		   background: var(--accent);
		   border-color: var(--accent);
	   }
		   
	   /*Focus*/
	   .btn-secondary.focus, .btn-secondary:focus,
	   .navbar-toggler.focus, .navbar-toggler:focus {
		   box-shadow: 0 0 0 .2em rgba(255,255,255,.25);
		   box-shadow: var(--btn-boxshadow) var(--white-25);
	   }
	   .btn-secondary:not(:disabled):not(.disabled).active:focus, 
	   .btn-secondary:not(:disabled):not(.disabled):active:focus, 
	   .show>.btn-secondary.dropdown-toggle:focus {
		   box-shadow: 0 0 0 .2em rgba(153,153,153,.25);
		   box-shadow: var(--btn-boxshadow) var(--gray-25);
	   }
		   .btn-secondary:not(:disabled):not(.disabled).active:hover, 
		   .btn-secondary:not(:disabled):not(.disabled):active:hover, 
		   .btn-secondary:active:hover, .btn-secondary.active:hover,
		   .btn-secondary:active:focus, .btn-secondary.active:focus{
			   box-shadow: 0 0 0 .2em rgba(153,153,153,.5);
			   box-shadow: var(--btn-boxshadow) var(--gray-50);
		   }
	   
	   /*Disabled*/
	   .btn-secondary.disabled, 
	   .btn-secondary:disabled,
	   footer .input-group-append .btn-primary.disabled, 
	   footer .input-group-append .btn-primary:disabled,
	   .navbar-toggler.disabled, .navbar-toggler:disabled{
		   opacity: .65;
	   }
	   
	   .alpha-sort-container .btn-secondary{
		   padding: .375rem .75rem;
	   }
   
   /*Accent*/
   .btn-accent,
   .btn-accent.disabled, .btn-accent:disabled{
	  	color: #FFF;
		color: var(--white);
	   background: #FF0000 !important;
	   background: var(--accent) !important;
	   border-color: #FF0000;
	   border-color: var(--accent);
   }
	   /*Hover & Active*/
	   .btn-accent:hover,
	   .btn-accent:not(:disabled):not(.disabled).active,
	   .btn-accent:not(:disabled):not(.disabled):active,
	   .show>.btn-accent.dropdown-toggle{
		   background: #BC0505 !important;
		   background: var(--accent-hover);
		   border-color: #BC0505;
		   border-color: var(--accent-hover);
	   }
		   
	   /*Focus*/
	   .btn-accent.focus, .btn-accent:focus{
		   box-shadow: 0 0 0 .2em rgba(241,15,15,.25);
		   box-shadow: var(--btn-boxshadow) var(--accent-25);
	   }
	   .btn-accent:not(:disabled):not(.disabled).active:focus, 
	   .btn-accent:not(:disabled):not(.disabled):active:focus, 
	   .show>.btn-accent.dropdown-toggle:focus{
		   color: #000000;
		   color: var(--dark);
		   box-shadow: 0 0 0 .2em rgba(241,15,15,.25);
		   box-shadow: var(--btn-boxshadow) var(--accent-25);
	   }
		   .btn-accent:not(:disabled):not(.disabled).active:hover, 
		   .btn-accent:not(:disabled):not(.disabled):active:hover, 
		   .btn-accent:active:hover, .btn-accent.active:hover,
		   .btn-accent:active:focus, .btn-accent.active:focus{
			   box-shadow: 0 0 0 .2em rgba(241,15,15,.5);
			   box-shadow: var(--btn-boxshadow) var(--accent-50);
		   }
	   
	   /*Disabled*/
	   .btn-accent.disabled, .btn-accent:disabled{
		   opacity: .65;
	   }
	   
   /*Success*/
   .btn-success,
   .nav-item.btn-success,
   .btn-success.disabled, .btn-success:disabled{
	   background: #049604;
	   background: var(--success);
	   border-color: #049604;
	   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: #FFFFFF;
		   color: var(--white);
		   background: #007B00;
		   background: var(--success-hover);
		   border-color: #007B00;
		   border-color: var(--success-hover);
	   }
		   
	   /*Focus*/
	   .btn-success.focus, .btn-success:focus{
		   box-shadow: 0 0 0 .2em rgba(6,133,6,.25);
		   box-shadow: var(--btn-boxshadow) var(--success-25);
	   }
	   .btn-success:not(:disabled):not(.disabled).active:focus, 
	   .btn-success:not(:disabled):not(.disabled):active:focus, 
	   .show>.btn-success.dropdown-toggle:focus{
		   box-shadow: 0 0 0 .2em rgba(0,71,0,.25);
		   box-shadow: var(--btn-boxshadow) var(--success-hover-25);
	   }
		   .btn-success:not(:disabled):not(.disabled).active:hover, 
		   .btn-success:not(:disabled):not(.disabled):active:hover, 
		   .btn-success:active:hover, .btn-success.active:hover,
		   .btn-success:active:focus, .btn-success.active:focus{
			   box-shadow: 0 0 0 .2em rgba(0,71,0,.5);
			   box-shadow: var(--btn-boxshadow) var(--success-hover-50);
		   }
	   
	   /*Disabled*/
	   .btn-success.disabled, .btn-success:disabled{
		   opacity: .65;
	   }
	   
   /*Info*/
   .btn-info,
   .btn-info.disabled, .btn-info:disabled{
	   background: #037171;
	   background: var(--info);
	   border-color: #037171;
	   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: #FFFFFF;
		   color: var(--white);
		   background: #005C5C;
		   background: var(--info-hover);
		   border-color: #005C5C;
		   border-color: var(--info-hover);
	   }
		   
	   /*Focus*/
	   .btn-info.focus, .btn-info:focus{
		   box-shadow: 0 0 0 .2em rgba(3,113,113,.25);
		   box-shadow: var(--btn-boxshadow) var(--info-25);
	   }
	   .btn-info:not(:disabled):not(.disabled).active:focus, 
	   .btn-info:not(:disabled):not(.disabled):active:focus, 
	   .show>.btn-info.dropdown-toggle:focus{
		   box-shadow: 0 0 0 .2em rgba(0,92,92,.25);
		   box-shadow: var(--btn-boxshadow) var(--info-hover-25);
	   }
		   .btn-info:not(:disabled):not(.disabled).active:hover, 
		   .btn-info:not(:disabled):not(.disabled):active:hover, 
		   .btn-info:active:hover, .btn-info.active:hover,
		   .btn-info:active:focus, .btn-info.active:focus{
			   box-shadow: 0 0 0 .2em rgba(0,92,92,.5);
			   box-shadow: var(--btn-boxshadow) var(--info-hover-50);
		   }
	   
	   /*Disabled*/
	   .btn-info.disabled, .btn-info:disabled{
		   opacity: .65;
	   }
	   
   /*Warning*/
   .btn-warning,
   .btn-warning.disabled, .btn-warning:disabled{
	   background: #EC7513;
	   background: var(--warning);
	   border-color: #EC7513;
	   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: #FFFFFF;
		   color: var(--white);
		   background: #BC5805;
		   background: var(--warning-hover);
		   border-color: #BC5805;
		   border-color: var(--warning-hover);
	   }
		   
	   /*Focus*/
	   .btn-warning.focus, .btn-warning:focus{
		   box-shadow: 0 0 0 .2em rgba(236,117,19,.25);
		   box-shadow: var(--btn-boxshadow) var(--warning-25);
	   }
	   .btn-warning:not(:disabled):not(.disabled).active:focus, 
	   .btn-warning:not(:disabled):not(.disabled):active:focus, 
	   .show>.btn-warning.dropdown-toggle:focus{
		   box-shadow: 0 0 0 .2em rgba(188,88,5,.25);
		   box-shadow: var(--btn-boxshadow) var(--warning-hover-25);
	   }
		   .btn-warning:not(:disabled):not(.disabled).active:hover, 
		   .btn-warning:not(:disabled):not(.disabled):active:hover, 
		   .btn-warning:active:hover, .btn-warning.active:hover,
		   .btn-warning:active:focus, .btn-warning.active:focus{
			   box-shadow: 0 0 0 .2em rgba(188,88,5,.5);
			   box-shadow: var(--btn-boxshadow) var(--warning-hover-50);
		   }
	   
	   /*Disabled*/
	   .btn-warning.disabled, .btn-warning:disabled{
		   opacity: .65;
	   }
	   
   /*Danger*/
   .btn-danger,
   .btn-danger.disabled, .btn-danger:disabled{
	   background: #BC2E05;
	   background: var(--danger);
	   border-color: #BC2E05;
	   border-color: var(--danger);
   }
	   /*Hover & Active*/
	   .btn-danger:hover,
	   .btn-danger:not(:disabled):not(.disabled).active,
	   .btn-danger:not(:disabled):not(.disabled):active,
	   .show>.btn-danger.dropdown-toggle{
		   color: #FFFFFF;
		   color: var(--white);
		   background: #992200;
		   background: var(--danger-hover);
		   border-color: #992200;
		   border-color: var(--danger-hover);
	   }
		   
	   /*Focus*/
	   .btn-danger.focus, .btn-danger:focus{
		   box-shadow: 0 0 0 .2em rgba(188,46,5,.25);
		   box-shadow: var(--btn-boxshadow) var(--danger-25);
	   }
	   .btn-danger:not(:disabled):not(.disabled).active:focus, 
	   .btn-danger:not(:disabled):not(.disabled):active:focus, 
	   .show>.btn-danger.dropdown-toggle:focus{
		   box-shadow: 0 0 0 .2em rgba(153,34,0,.25);
		   box-shadow: var(--btn-boxshadow) var(--danger-hover-25);
	   }
		   .btn-danger:not(:disabled):not(.disabled).active:hover, 
		   .btn-danger:not(:disabled):not(.disabled):active:hover, 
		   .btn-danger:active:hover, .btn-danger.active:hover,
		   .btn-danger:active:focus, .btn-danger.active:focus{
			   box-shadow: 0 0 0 .2em rgba(153,34,0,.5);
			   box-shadow: var(--btn-boxshadow) var(--danger-hover-50);
		   }
	   
	   /*Disabled*/
	   .btn-danger.disabled, .btn-danger:disabled{
		   opacity: .65;
	   }
   
	   
   /*White*/
   .btn-white,
   .btn-white.disabled, .btn-white:disabled{
	   color: #1C1C1C;
	   color: var(--body);
	   background: #FFFFFF;
	   background: var(--white);
	   border-color: #FFFFFF;
	   border-color: var(--white);
   }	
	   /*Focus*/
	   .btn-white.focus, .btn-white:focus{
		   box-shadow: 0 0 0 .2em rgba(255,255,255,.25);
		   box-shadow: var(--btn-boxshadow) var(--white-25);
	   }
	   .btn-white:not(:disabled):not(.disabled).active:focus, 
	   .btn-white:not(:disabled):not(.disabled):active:focus, 
	   .show>.btn-white.dropdown-toggle:focus{
		   background-color: #C4C4C4;
		   background-color: var(--gray-light);
		   box-shadow: 0 0 0 .2em rgba(255,255,255,.25);
		   box-shadow: var(--btn-boxshadow) var(--white-hover-25);
	   }
		   .btn-white:not(:disabled):not(.disabled).active:hover, 
		   .btn-white:not(:disabled):not(.disabled):active:hover, 
		   .btn-white:active:hover, .btn-white.active:hover,
		   .btn-white:active:focus, .btn-white.active:focus{
			   box-shadow: 0 0 0 .2em rgba(255,255,255,.5);
			   box-shadow: var(--btn-boxshadow) var(--white-hover-50);
		   }
	   
	   /*Disabled*/
	   .btn-white.disabled, .btn-white:disabled{
		   opacity: .65;
	   }
	   
   /*Dark*/
   .btn-dark,
   .btn-dark.disabled, .btn-dark:disabled{
	   color: #FFFFFF;
	   color: var(--white);
	   background: #000000;
	   background: var(--dark);
	   border-color: #000000;
	   border-color: var(--dark);
   }	
	   /*Focus*/
	   .btn-dark.focus, .btn-dark:focus{
		   box-shadow: 0 0 0 .2em rgba(0,0,0,.25);
		   box-shadow: var(--btn-boxshadow) var(--dark-25);
	   }
	   .btn-dark:not(:disabled):not(.disabled).active:focus, 
	   .btn-dark:not(:disabled):not(.disabled):active:focus, 
	   .show>.btn-dark.dropdown-toggle:focus{
		   background-color: rgba(0,0,0,.1);
		   background-color: var(--dark-10);
		   box-shadow: 0 0 0 .2em rgba(0,0,0,.25);
		   box-shadow: var(--btn-boxshadow) var(--dark-25);
	   }
		   .btn-dark:not(:disabled):not(.disabled).active:hover, 
		   .btn-dark:not(:disabled):not(.disabled):active:hover, 
		   .btn-dark:active:hover, .btn-dark.active:hover,
		   .btn-dark:active:focus, .btn-dark.active:focus{
			   box-shadow: 0 0 0 .2em rgba(0,0,0,.5);
			   box-shadow: var(--btn-boxshadow) var(--dark-50);
		   }
	   
	   /*Disabled*/
	   .btn-dark.disabled, .btn-dark:disabled{
		   opacity: .65;
	   }

	.show_more_btn {
		width: 100%;
		border-radius: 0.5em;
		color: #FFF;
		color: var(--text-body);
	}
	   
   /*Dropdown Menus*/
   	.dropdown a{
		color:white;
   	}
   .dropdown-menu {
	   padding: .5rem;
	   margin: .25rem;
	   text-align: center;
	   background-color: #000000;
	   background-color: var(--dark);
	   border: .125em solid #000000;
	   border: var(--border-width) var(--border-style) var(--dark);
	   border-radius: 0;
	   border-radius: var(--border-radius);
	   box-shadow: 0 0 0 0;
   }
	   .dropdown-item:focus, .dropdown-item:hover {
		   background-color: #000000;
		   background-color: var(--dark);
	   }
	.dropdown-menu.show {
		top:-5px !important;
		right:0;
	}
   /* ==========================================================================
	  Text
	  ========================================================================== */
   .text-dark {
	   color: #FFF;
	   color: var(--text-body);
   }
   .text-accent {
	   color: #FF0000;
	   color: var(--accent);
   }
   .text-primary {
	   color: #C4C4C4 !important;
	   color: var(--primary) !important;
   }
   
   /* ==========================================================================
	  Backgrounds
	  ========================================================================== */
   .bg-light {
	   background-color: #000000;
	   background-color: var(--dark)!important;
   }
   .bg-dark-65 {
	   background-color: rgba(0,0,0,.65);
	   background-color: var(--dark-65)!important;
   }
   .bg-promotion {
	   color: #FFFFFF;
	   color: var(--white);
	   background-color: #FF0000 !important;
	   background-color: var(--accent) !important;
   }
   
   .bg-accent {
	   color: #1C1C1C;
	   color: var(--body);
	   background-color: #FF0000 !important;
	   background-color: var(--accent) !important;
   }
   
   .hulu-grid section {
	   background: rgba(0,0,0,.75);
   }
   	.hulu-grid .btn-link {
		font-family: 'Oswald', sans-serif;
		font-family: var(--font-family-copy);
		color: #FFF;
		color: var(--white);
	}
	.hulu-grid .btn-link:hover {
		color: #FF0000;
		color: var(--accent);
		text-decoration: none;
	}
   
   /* ==========================================================================
	  Borders
	  ========================================================================== */
   .border-accent {
	   border-color: #FF0000 !important;
	   border-color: var(--accent) !important;
   }
   
   /* ==========================================================================
	  Pagination
	  ========================================================================== */
   .pagination {
	   border-radius: 0;
	   border-radius: var(--border-radius);
   }
	   .page-link {
		   padding: 6px 12px;
		   padding: (--btn-padding);
		   color: #FFF;
		   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: #000000;
			   color: var(--dark);
			   background-color: #FF0000;
			   background-color: var(--accent);
			   border-color: transparent;
		   }
		   .page-item.active .page-link {
			   z-index: 1;
			   color: #FFF;
			   color: var(--white);
			   background-color: var(--body);
			   border-color: #FF0000;
			   border-color: var(--accent);
		   }
		   .page-item.active .page-link:hover {
				color: #000;
				background-color: var(--accent);
				border-color: #FF0000;
		   }
		   .page-link:focus {
			   box-shadow: 0 0 0 .2em rgba(241,15,15,.25);
			   box-shadow: var(--btn-boxshadow) var(--accent-25);
		   }
		   .page-item.disabled .page-link {
			   color: #808080;
			   color: var(--gray);
			   background-color: transparent;
			   border-color: transparent;
		   }
		   .page-item:first-child .page-link {
			   border-top-left-radius: 0;
			   border-top-left-radius: var(--border-radius);
			   border-bottom-left-radius: 0;
			   border-bottom-left-radius: var(--border-radius);
		   }
		   .page-item:last-child .page-link {
			   border-top-right-radius: 0;
			   border-top-right-radius: var(--border-radius);
			   border-bottom-right-radius: 0;
			   border-bottom-right-radius: var(--border-radius);
		   }
   
   /* ==========================================================================
	  Badges
	  ========================================================================== */
   .badge {
	   line-height: inherit;
	   border-radius: 0;
	   border-radius: var(--border-radius);
	   font-weight: 400;
	   vertical-align: top;
   }
	   .badge-primary {
		   color: #FFFFFF;
		   color: var(--white);
		   background-color: #C4C4C4;
		   background-color: var(--primary);
	   }
	   .badge-secondary {
		   color: #1C1C1C;
		   color: var(--body);
		   background-color: #FFFFFF;
		   background-color: var(--white);
	   }
	   .badge-success {
		   color: #FFFFFF;
		   color: var(--white);
		   background-color: #049604;
		   background-color: var(--success);
	   }
	   .badge-info {
		   color: #FFFFFF;
		   color: var(--white);
		   background-color: #037171;
		   background-color: var(--info);
	   }
	   .badge-warning {
		   color: #FFFFFF;
		   color: var(--white);
		   background-color: #EC7513;
		   background-color: var(--warning);
	   }
	   .badge-danger {
		   color: #FFFFFF;
		   color: var(--white);
		   background-color: #BC2E05;
		   background-color: var(--danger);
	   }
   
   /* ==========================================================================
	  Stickers
	  ========================================================================== */
   .sticker{
	   border: .15em solid #FFFFFF;
	   border: .15em var(--border-style) var(--white);
	   transition: all .2s ease;
   }
   .sticker-promo{
	   opacity: 1;
   }
   a:hover .sticker{
	   opacity: 0;
   }
   .sticker.sticker-success{
	   color: #FFFFFF;
	   color: var(--white);
	   background-color: #049604;
	   background-color: var(--success);
   }
   .sticker.sticker-info{
	   color: #FFFFFF;
	   color: var(--white);
	   background-color: #037171;
	   background-color: var(--info);
   }
   .sticker.sticker-warning{
	   color: #FFFFFF;
	   color: var(--white);
	   background-color: #EC7513;
	   background-color: var(--warning);
   }
   .sticker.sticker-danger{
	   color: #FFFFFF;
	   color: var(--white);
	   background-color: #BC2E05;
	   background-color: var(--danger);
	   word-break: break-all;
   }
   
   /* ==========================================================================
	  Alerts
	  ========================================================================== */
   .alert{
	   border-radius: 0;
	   border-radius: var(--border-radius);
	   border: .125em solid #BC2E05;
	   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(153,34,0,.50);
		   background-color: var(--danger-hover-50);
		   color: #FFFFFF !important;
		   color: var(--white) !important;
		   border: .125em solid #BC2E05;
		   border: var(--border-width) var(--border-style) var(--danger);
	   }
	   .alert-success{
		   background-color: rgba(4,150,4,.5);
		   background-color: var(--success-hover-50);
		   color: #FFFFFF !important;
		   color: var(--white) !important;
		   border: .125em solid #049604;
		   border: var(--border-width) var(--border-style) var(--success);
	   }
	   .alert-info{
		   background-color: rgba(3,113,113,.5);
		   background-color: var(--info-hover-50);
		   color: #FFFFFF !important;
		   color: var(--white) !important;
		   border: .125em solid #037171;
		   border: var(--border-width) var(--border-style) var(--info);
	   }
	   .alert-warning{
		   background-color: rgba(236,117,19,.5);
		   background-color: var(--warning-hover-50);
		   color: #FFFFFF !important;
		   color: var(--white) !important;
		   border: .125em solid #EC7513;
		   border: var(--border-width) var(--border-style) var(--warning);
	   }
   
	   .help-block {
		   display: block;
		   background-color: rgba(153,34,0,.5);
		   background-color: var(--danger-hover-50);
		   color: #FFFFFF !important;
		   color: var(--white) !important;
		   border: .125em solid #BC2E05;
		   border: var(--border-width) var(--border-style) var(--danger);
	   }
   
   /* ==========================================================================
	  Popover
	  ========================================================================== */
   .popover {
	   color: #FFF;
	   color: var(--text-body);
	   background-color: #1C1C1C;
	   background-color: var(--body);
	   border: 1px solid #000000;
	   border: var(--border-width) var(--border-style) var(--dark);
	   border-radius: .3rem;
	   border-radius: var(--border-radius);
   }
   
   .popover-header {
	   padding: 6px 12px;
	   padding: var(--btn-padding);
	   border-bottom: 1px solid #FFF;
	   border-bottom: var(--border-width) var(--border-style) var(--text-body);
   }
   .popover-body {
	   padding: 6px 12px;
	   padding: var(--btn-padding);
	   color: #FFF;
	   color: var(--text-body);
   }
   
   /* ==========================================================================
	  Modal
	  ========================================================================== */
	.modal__actions .btn,
	.sign-in-option__action .btn {
		background: var(--accent);
		border: 1px solid #FF0000;
	}
	.modal__actions .btn:hover,
	.sign-in-option__action .btn:hover {
		background: var(--accent-hover);
		border: 1px solid #BC0505;
	}
   .ppm-rate-explination {
	   cursor: pointer;
   }
	   .ppm-rate-explination:hover {
		   color: #FFFFFF;
	   }
   
   .close{
	   color: #BC2E05;
	   opacity: 1;
   }
   .close:hover{
	   color: #992200;
   }
   
   .modal-content {
	   background-color: #1C1C1C;
	   background-color: var(--body);
	   color: #FFF;
	   color: var(--text-body);
	   border-radius: 0;
	   border-radius: var(--border-radius);
   }
   .modal-header {
	   border-bottom: .125em solid #808080;
	   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: #FFF;
	   color: var(--text-body);
   }
   
.scrolling-wrapper,
.scrolling-wrapper .item-grid-gallery {
	overflow-x: auto;
	overflow-y:hidden;
	display: flex;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none;
}
.scrolling-wrapper::-webkit-scrollbar,
.scrolling-wrapper .item-grid-gallery::-webkit-scrollbar {
	display: none; /* Safari and Chrome */
}
.scrolling-wrapper .col-7,
.scrolling-wrapper .col-8,
.scrolling-wrapper .col-9,
.scrolling-wrapper .col-10 {
	padding: 0 5px;
}

.scrolling-wrapper .movie-title {
	display: none;
}
.scrolling-wrapper a.boxcover {
	display: block;
}

   /* ==========================================================================
	  Carousel
	  ========================================================================== */
   .carousel-control-next svg, .carousel-control-prev svg {
	   width: 40px !important;
	   height: 40px;
	   padding: .45em;
	   background-color: rgba(196,196,196,1);
	   background-color: var(--primary);
	   border-radius: 500em;
   }
   .carousel-control-next, .carousel-control-prev {
	   color: #FFFFFF;
	   color: var(--white);
	   opacity: .65;
   }
   .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
	   color: #FFFFFF;
	   color: var(--white);
	   opacity: .9;
   }
   
   /* ==========================================================================
	  Cards
	  ========================================================================== */
   .card {
	   text-align: center;
	   color: #FFF;
	   color: var(--text-body);
	   background-color: #000000;
	   background-color: var(--dark);
	   border: .125em solid #000000;
	   border: var(--border-width) var(--border-style) var(--gray-light);
	   border-radius: 0;
	   border-radius: var(--border-radius);
   }
   
   .card-body {
	   padding: 0 .55rem;
   }
   	.card-body .text-warning {
		color: #FFF !important;
		color: var(--text-body) !important;
		margin-bottom: 1.5em;
	}
   .card-header:first-child,
   .card-footer:last-child {
	   border-radius: 0 0 calc(.25rem - 0) calc(.25rem - 0);
	   border-radius: 0 0 calc(.25rem - var(--border-radius)) calc(.25rem - var(--border-radius));
   }
   	.card-header {
		padding: 2.75em 0 0.45em 0;
	}
		@media (min-width: 768px) {
			.card-header {
				padding: 3.5em 1em 1em;
			}
		}
   	/*.card-header {
	   padding: .75em 1.45em;
	   padding: var(--btn-padding);
	   background-color: transparent;
	   border-bottom: 0;
   	}*/
   .card-footer {
	   background-color: transparent;
	   border-top: 0;
   }
   	.card-deck {
		margin-left: 0;
		margin-right: 0;
	}
	@media (max-width: 767px) {
		.card-deck {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
		}
		.card .best-value {
			width: 100% !important;
		}
		.card-footer {
			padding: 0 2em 0.5em 2em;
		}
	}
	@media (max-width: 767px) {
		.card-footer {
			padding: 1.25rem 2rem;
		}
	}
	.card-footer .btn {
		border-radius: 0.5em;
		background-color: var(--accent);
		border: 1px solid var(--dark);
	}
		@media (max-width: 767px) {
			.card-footer .btn {
				width: 100%;
			}
		}
	.card-footer .btn:hover {
		background-color: black;
		border: 1px solid var(--accent);
	}
   
	.card-deck .card {
		border: none !important;
	}
	.card-deck .card:hover {
		background-color: var(--accent);
	}
   .card-deck .card-title,
   .card-deck .card-text {
	   text-align: center !important;
   }
   .video-page .card .btn {
	font-size: .7em;
	font-weight: 200;
   }
   .membership-options {
	   max-width: 650px;
	   margin: 0 auto;
   }
   
   .membership-options .card{
	   display: flex;
	   -webkit-box-orient: horizontal;
	   -webkit-box-direction: normal;
	   -ms-flex-flow: row nowrap;
	   flex-flow: row nowrap;
	   justify-content: center;
	   align-items: stretch;
	   flex: 1 1 auto;
	   text-align: left;
   }
   
   .membership-options .card-header,
   .membership-options .card-footer {
	   align-self: center;
   }
   	.membership-card-interval,
	.membership-card-interval-length {
		display: inline-block;
		font-weight: 600;
		font-size: 1.4rem;
	}
		@media (max-width:767px) {
			.membership-card-interval-length {
				line-height: normal;
			}
		}
   .membership-card-interval{
	   display:block;
	   text-transform:uppercase;
   }
	   .membership-card-price{
		   display:block;
		   margin-bottom:15px;
	   }
   
	.card-body .membership-card-price {
		font-size: 60px;
		font-family: 'Oswald', sans-serif;
		font-weight: 900;
	}
		@media (max-width:990px) {
			.card-body .membership-card-price {
				font-size: 2em;
			}
		}
	.card .best-value {
		display: table-caption;
		width: 80px;
		top: 0;
		font-size: 1.2em;
		padding: .5em;
		background: var(--accent);
	}
   	.membership-cards-container .membership-card-price {
		font-size: 40px;
	}
		@media (max-width:1024px) and (orientation:landscape) {
			.membership-cards-container .price {
				padding-top: 1em;
				font-size: medium;
			}
		}
	.membership-cards-container .best-value {
		font-size: 1em;
	}
   .membership-cards-container .membership-card-interval-length{
	   display:block;
	   font-size:60px;
	   line-height:50px;
   }
   	.membership-cards-container .card .best-value {
		position: absolute;
	   	top: 0;
	   	left: 0;
	   	width: 65px;
	   	padding: 0 10px;
	   	background: var(--accent);
	   	color: var(--white);
	   	transform-origin: right top;
   	}
	   @media (max-width: 500px){
		   .membership-cards-container .card .best-value {
			   font-size: 1em;
		   }
	   }
	@media (max-width:767px) {
			.card-deck {
				display: grid;
				grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
			}
			.card-header {
				padding: 2.75em 0 0.45em 0 !important;
			}
			.card-deck .membership-card-price {
				font-size: 30px;
			}
			.card-deck .best-value {
				font-size: 1em;
			}
			.card-body .text-warning {
				margin-bottom: 0;
			}
		}
   
   /*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%;
	   }
   }
   .membership-cards-container .card {
	justify-content: space-between;
	align-items: center;
   }
   	.membership-cards-container .border-warning {
		border: none !important;
   	}
   
   /*Styling for cards promoting memberships.  Video/Scene pages.*/
   .card-promote-membership {
	   color: #FFFFFF!important;
	   color: var(--white)!important;
	   background-color: #000000;
	   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;
   }
   
   .join-page-membership-plans a:hover{
	   color: #C4C4C4;
	   color: var(--primary);
   }
   	.join-page-membership-plans .card-header {
		padding: .75em 1.25em;
	}
	.join-page-membership-plans .card-body {
		padding: 1.25em;
	}
   .join-page-membership-plans .card.active {
	   border: .125em solid #049604;
	   border: var(--border-width) var(--border-style) var(--success);
   }
	   .join-page-membership-plans .card.active .card-footer.bg-success {
		   color: #FFFFFF;
		   color: var(--white);
	   }
	   .join-page-membership-plans a.card .bg-promotion {
		   padding: .25em .5em;
		   width: auto;
		   margin: 0 auto;
	   }
	   .card-text.fine-print {
		   display: block;
		   font-size: .75em;
	   }
   
   .border-inset-primary {
	   -webkit-box-shadow: inset 0px 0px 0px 2px rgba(196,196,196,1);
	   -moz-box-shadow: inset 0px 0px 0px 2px rgba(196,196,196,1);
	   box-shadow: inset 0px 0px 0px 2px rgba(196,196,196,1);
   }
   
   /* ==========================================================================
	  Lists
	  ========================================================================== */
   .list-group {
	   border-radius: 0;
	   border-radius: var(--border-radius);
	   border: .125em solid #C4C4C4;
	   border: var(--border-width) var(--border-style) var(--gray-light);
	   background-color: #1C1C1C;
	   background-color: var(--body);
   }
   .list-group-item {
	   background-color: #1C1C1C;
	   background-color: var(--body);
	   border: .125em solid transparent;
	   border: var(--border-width) var(--border-style) transparent;
   }
   .list-group-item-action {
	   color: #FFF;
	   color: var(--text-body);
	   
   }
	   .list-group-item:first-child {
		   border-top-left-radius: 0;
		   border-top-left-radius: var(--border-radius);
		   border-top-right-radius: 0;
		   border-top-right-radius: var(--border-radius);
	   }
	   .list-group-item:last-child {
		   border-bottom-right-radius: 0;
		   border-bottom-right-radius: var(--border-radius);
		   border-bottom-left-radius: 0;
		   border-bottom-left-radius: var(--border-radius);
	   }
	   
	   .list-group-item-action:focus, .list-group-item-action:hover {
		   background-color: #FF0000;
		   background-color: var(--accent);
		   color: #000000;
		   color: var(--dark);
	   }
	   
   .list-page-refined-by a.btn-link {
	   text-align: left;
	   background-color: #000000;
	   background-color: var(--dark);
	   border: var(--border-width) var(--border-style) transparent;
   }
   
/* ==========================================================================
	Promo Page
   ========================================================================== */

.video-hero-container{
	position:relative;
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.video-hero-container .video-hero.active{
	opacity: 1;
}
   /* ==========================================================================
	  Sex Toy Page
	  ========================================================================== */
   a.sex-toy img {
	   padding: .25em;
	   background-color: #FFFFFF;
	   background-color: var(--white);
	   border: .125em solid rgba(0,0,0,.15);
	   border: var(--border-width) var(--border-style) var(--dark-15);
	   box-shadow: none;
   }
   
   .sex-toy-title{
	   color: #FFF;
	   color: var(--text-body);
   }
   .sex-toy-price{
	   color: #FFF;
	   color: var(--text-body);
   }
	   .sex-toy-title:hover,
	   .sex-toy-price:hover{
		   color: #FF0000;
		   color: var(--accent);
	   }
   
   .custom-sex-toy-page, .performer-page{
	   background-position: top center;
	   background-attachment: inherit;
   }
   .performer-page {
	max-width: 1400px;
	margin: auto;
   }
   
   /*Background image styling for scroll effect.*/
   #custom-sex-toy-page-content.sticky {
		background-attachment: inherit;
	   	/*background-position: top 8.25em left 10%;*/
   }
		   
   #main-purchase-info {
	   background-color: #000000 !important;
	   background-color: var(--dark)!important;
   }		
   #main-purchase-info h5 {
	   color: #FF0000 !important;
	   color: var(--accent) !important;
   }
   	#sextoyRecommendations {
		margin-bottom: 10px;
   	}
	.grid-item .sex-toy {
		margin-bottom: 10px;
	}
   
   /* ==========================================================================
	  Account Breadcrumbs
	  ========================================================================== */
   .breadcrumb {
	   background-color: #000000;
	   background-color: var(--dark);
	   border: .125em solid #000000;
	   border: var(--border-width) var(--border-style) var(--dark);
	   border-radius: 0;
	   border-radius: var(--border-radius);
   }
   
   /* ==========================================================================
	  Forms
	  ========================================================================== */
   .form-control, 
   input[type="text"], 
   input[type="email"], 
   input[type="number"], 
   input[type="password"], 
   select, textarea {
	   padding: 6px 12px;
	   padding: var(--btn-padding);
	   background-color: #1C1C1C;
	   background-color: var(--body);
	   color: #FFF;
	   color: var(--text-body);
	   border-radius: 0;
	   border-radius: var(--border-radius);
	   border: .125em solid #FFF;
	   border: var(--border-width) var(--border-style) var(--text-body);
   }
   
   select option{background-color: #1C1C1C;}
   
   .form-control::placeholder {
	   color: #FFF;
	   color: var(--text-body);
	   opacity: 1;
   }
   
   .form-control:focus {
	   color: #FFFFFF;
	   color: var(--white);
	   background-color: #1C1C1C;
	   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 #FF0000;
	   border: var(--border-width) var(--border-style) var(--accent);
   }
   .form-control:disabled, .form-control[readonly] {
	   background-color: rgba(0,0,0..15);
	   background-color: var(--dark-15);
   }
   .custom-control-label::before {
	   background-color: #1C1C1C;
	   background-color: var(--body);
   }
   .custom-radio .custom-control-label::before {
	   border: .125em solid #FFF;
	   border: var(--border-width) var(--border-style) var(--text-body);
   }
   .custom-checkbox .custom-control-label::before {
	   border-radius: 0;
	   border: .125em solid #FF0000;
	   border: var(--border-width) var(--border-style) var(--accent);
   }
   .custom-radio .custom-control-input:checked~.custom-control-label::before {
	   background-color: #FF0000;
	   background-color: var(--accent);
	   border: .125em solid #FF0000;
	   border: var(--border-width) var(--border-style) var(--accent);
   }
   #currency.form-control {
	min-width: max-content;
   }
   /* ==========================================================================
	  Checkout Steps
	  ========================================================================== */
   ol.checkout-steps{
	   list-style-position:inside;
	   background: rgba(0,0,0,.25);
	   background: var(--dark-25);
   }
	   ol.checkout-steps li{
		   flex-grow:1;
	   }
	   ol.checkout-steps li.active{
		   background: #000000;
		   background: var(--dark);
		   color: #FF0000;
		   color: var(--accent);
	   }
   
   /* ==========================================================================
	  Overlay
	  ========================================================================== */
   .overlay {
	   transition: all .2s ease;
   }
   .overlay-inner svg {
	   font-size: calc( 3em + (3.25 - 3) * ( (150vw - 36em) / ( 150 - 36) ));
   }
   .overlay.overlay-feature {
	   background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(77,77,77,0) 70%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
	   background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(77,77,77,0) 70%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	   background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(77,77,77,0) 70%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
	   transition: all .2s ease;
   }
	   .overlay.overlay-feature:hover {
		   background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(77,77,77,0) 70%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
		   background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(77,77,77,0) 70%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
		   background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(77,77,77,0) 70%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
	   }
   .overlay-feature .overlay-inner {
	   vertical-align: bottom;
	   padding-bottom: .5em;
	   transition: all .2s ease;
   }
	   .overlay-feature:hover .overlay-inner {
		   padding-bottom: 1em;
	   }
   
   	/* ==========================================================================
	  Video/Scene Page - Video Details
	  ========================================================================== */
	.video-page {
		max-width: 1400px;
		margin: auto;
	}
   .video-title {
	   background-color: #000000;
	   background-color: var(--dark);
	   text-align: center;
	   border-bottom: .125em solid #C4C4C4;
	   border-bottom: var(--border-width) var(--border-style) var(--primary);
   }
   .video-page > .video-title,
   .scene-page > .video-title {
	   border-bottom: 0;
   }
   .video-title .description, .video-title .description a {
	   color: #FFF;
	   color: var(--text-body);
	   margin-bottom: 0;
   }
   	.video-title a:hover {
	   color: #FF0000 !important;
	   color: var(--accent);
	   text-decoration: none;
   }
   
   .video-details-container .row.align-items-start {
	   width: 100%;
	   margin: auto;
   }
   
	   @media (min-width: 568px) {
		   .video-details-container section .boxcover {
			   position: relative;
			   width: auto;
			   margin-right: 1em;
			   text-align: center;
		   }
	   }
	   .video-performer {
		   position: relative;
		   width: 16.6%;
		   min-width: 100px;
	   }
	   .video-performer img {
		   border: 4px solid #1C1C1C;
		   border: 4px var(--border-style) var(--body);
	   }	
	   @media (max-width:576px){
		   .video-details-container .boxcover{
			   width: 100%;
			   margin-bottom: 1em;
		   }
		   .video-performer {
			   width: 50%;
		   }
	   }
   
   .video-page .membership-cards-container,
   .scene-page .membership-cards-container {
	   padding: .25em;
	   background-color: var(--body);
	   color: #FFFFFF;
	   color: var(--white);
   }
	   @media (max-width:500px){
		   .video-page .membership-cards-container {
			   padding: 1em .5em;
		   }
	   }
   
   /*Scene Details*/
   .item-grid-scene .grid-item a {
	   margin-bottom: 0;
   }
   .scene-details {
	   display: flex;
	   flex-direction: row;
	   flex-wrap: wrap;
	   justify-content: space-between;
	   align-items: baseline;
	   padding: .65em;
	   background-color: rgba(0,0,0,.25);
	   background-color: var(--dark-25);
   }
	   .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 {
		   font-size: .85em;
	   }
   
   /* Additional Purchase Options */
   .purchase-options, #purchase-options .card-deck {
	   background-color: rgba(0,0,0,.25);
	   background-color: var(--dark-25);
   }
   .digital-goods, .hard-goods {
	   width: 100%;
	   padding: 1em;
   }
   .hard-goods {
	   background-color: rgba(0,0,0,.25);
	   background-color: var(--dark-25);
   }
   
   .recommendations {
	   background-color: rgba(0,0,0,.25);
	   background-color: var(--dark-25);
	   padding-top: 1em;
	   padding-bottom: 1em;
   }
   .recommendations .description {
	margin-bottom: 10px;
   }
   
   /* ==========================================================================
	  Anchor Navigation
	  ==========================================================================*/
   .anchor-nav {
	   background-color: rgba(0,0,0,.85);
	   background-color: var(--dark-85);
   }
   a.anchor-link, 
   a.anchor-link:hover{
	   color: #FFFFFF;
	   color: var(--white);
   }
   
   /* ==========================================================================
	  Empire Player
	  ========================================================================== */
   .link-player-action:hover{
	   color: var(--accent);
   }
   
   .premium-warning-container .premium-warning{
	   display: inline-block;
	   vertical-align: middle;
	   padding: 2em;
	   background-color: rgba(255,255,255,.75);
	   border-radius: var(--border-radius);
   }
   .premium-warning .form-group {
	   max-width: 348px;
	   margin: 0 auto;
   }
   
   /* ==========================================================================
	  CSS Grid - Site Specific Changes
	  ========================================================================== */
   @media (min-width: 1200px) {
	   .container {
		   max-width: 1400px;
	   }
   }
   
   .item-grid {
	   grid-template-columns: repeat(auto-fill, minmax(46%,1fr));
	   grid-row-gap: 20px;
   }
   
   @media (min-width: 768px){
	   .item-grid {
		   grid-template-columns: repeat(auto-fill, minmax(31%,1fr));
	   }
   }
   
   @media (min-width: 992px){
	   .item-grid:not([id]){
		   grid-template-columns: repeat(auto-fill, minmax(14%,1fr));
	   }
	   
   }
   
   .item-grid.item-grid-list-view {
	   grid-template-columns: 1fr;
   }
   
   /*Customized scene grid widths for full-width layout.*/
   .item-grid.item-grid-scene {
	   grid-template-columns: repeat(auto-fill, minmax(48%,1fr));
   }
   
   @media (min-width: 1200px){
	   .item-grid.item-grid-scene {
		   grid-template-columns: repeat(auto-fill, minmax(32%,1fr));
	   }
   }
   
   /*Movie Item Page - Customized scene grid widths for fuller-width layout.*/
   .video-details-container .item-grid.item-grid-scene {
	   grid-template-columns: repeat(auto-fill, minmax(48%,1fr));
   }
   
   /* 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 */
   
   /* ==========================================================================
	  Scene Widget
	  ========================================================================== */

	  /*Scene Widget*/
		.scene-info-container {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: transparent;
			z-index: 4;
			transition: all .4s ease;
			opacity: 1 !important;
		}
		.scene-info-container h6 {
			color: white;
			color: var(--white);
			overflow: hidden;
			max-width: 360px;
		}
		/*Scene Updates*/
		.scene-update {
			position: relative;	
			max-width: none;
			margin-bottom: 15px;
		}

		/* Coming soon */
		.coming_soon .scene-update {
			width: 100% !important;
		}
		@media (min-width: 1200px){
			.upcoming-scene.scrolling-wrapper {
				flex-wrap:wrap;
			}		
		}
		.upcoming-scene .col-10{
			padding: 5px !important;
		}
		.upcoming-scene .still-screen img {
			filter:blur(2px) opacity(.35);
			border: 1px solid var(--primary);
		}
		.upcoming-scene .scene-info-container {
			align-items:center;
			overflow:hidden;
			top:20%;
		}

		.scene-update .scene-title,
		.scene-update .scene-performer-names,
		.scene-update .scene-length {
			opacity: 1;
		}
		.scene-performer-names a {
			color: #FFF;
		}
		.scene-update-feature {
			width: 100%;
			max-width: 100%;
		}
		.scene-primary-details {
			flex-direction: column;
			margin-bottom: 0;
			align-items: baseline;
			height: 100%;
		}
		.scene-info-container:hover .scene-primary-details,
        .scene-info-container:hover .scene-secondary-details > p{
            opacity: 0;
        }
        .scene-info-container:hover .user-interactions {
            opacity: 1;
        }

		.scene-primary-details .scene-title {
			height: 100%;
			width: 100%;
			align-content: end;
		}
		.scene-secondary-details {
			flex-direction: row-reverse;
			align-items: end;
		}
			@media (max-width: 767px) {
				#topTenScenes .scene-secondary-details {
					flex-direction: row;
				}
			}
		.scene-secondary-details p {
			font-size: 1.1rem;
			text-overflow: ellipsis;
			overflow: hidden;
			text-wrap: nowrap;
			max-width:80%;
		}
		.scene-secondary-details .user-interactions {
			text-align: right;
			background: rgba(30, 30, 30, .6);
			opacity: 0;
		}
		.user-action a {
			color: #fff !important;
			color: var(--white) !important;
			border-radius: 0;
			background-color: rgba(0, 0, 0, 0);
			padding: 5px;
			margin-right: 0;
		}
		.row:before {
			display: table;
			content: "";
		}

		.animated-scene {
			position: relative;
			text-align: left;
			line-height: normal;
		}
	
		.countdown_position{
			display: flex;
			flex: 1;
			flex-direction: column-reverse;
		}

		/* Scene Widget on other pages */
		.video-details-container p,
		.video-details-container h6,
		.bonus-content p,
		.bonus-content h6 {
			color: #FFF;
			color: var(--white);
		}
		.video-details-container .scene-secondary-details,
		.bonus-content .scene-secondary-details {
			flex-direction: row;
		}
		.bonus-content .scene-primary-details {
			flex-direction: initial;
		}
		#scenes .scene-secondary-details {
			flex-direction: row;
		}
		.tab-pane .scene-secondary-details {
			flex-direction: row-reverse !important;
		}
   
   /* ==========================================================================
	  Roku Logo - Change image color using CSS
	  ========================================================================== */
   .device-setup-troubleshooting a[data-label="Roku"] img, 
   .device-setup-troubleshooting img[alt="Cast Icon Image"], 
   .platform-logo a[data-label="Roku"] img {
	   filter: invert(1);
   }
   
   
   /* ==========================================================================
	  Custom Brand Styling
	  ========================================================================== */
   /*Calculate Large Text*/
   .stretch-text {
	   font-size: calc( 2em + (4.5 - 2) * ( (150vw - 36em) / ( 150 - 36) ));
   }
   
   /*Calculate Large Icon*/
   .stretch-icon {
	   font-size: calc( 4em + (8 - 4) * ( (100vw - 200px) / ( 768 - 200) ));
	   opacity: .55;
   }
   @media (min-width: 992px) {
	   .stretch-icon {
		   font-size: calc( 1em + (4.5 - 1) * ( (150vw - 36em) / ( 150 - 36) ));
		   opacity: .55;
	   }
   }
   
   .bg-fade-right .col-lg-4 section {	
	   padding: 1em;
	   border: 1em solid #FF0000;
	   border: var(--border-width) var(--border-style) var(--accent);
	   margin-bottom: 1em;
   }
	   @media (min-width: 992px) {
		   .bg-fade-right .col-lg-4 section {	
			   padding: 2em;
		   }
	   }
   /*Scene Updates*/
   .scene-update {
	   position: relative;
	   width: 100%;
	   margin-bottom: 15px;
   }
	   @media (min-width: 768px){
		   .scene-update {
			   width: 32.65%;
			   max-width: 32.65%;
		   } 
	   }
   .scene-img-wrapper {
	   display: block;
	   position: relative;
	   height: 0;
	   padding: 56.25% 0 0 0;
	   overflow: hidden;
   }
	   .scene-img-wrapper img {
		   display: block;
		   position: absolute;
		   top: 50%;
		   left: 50%;
		   width: 100%;
		   height: auto;
		   margin: auto;
		   transform: translate(-50%, -50%)
	   }
   
   .scene-update .scene-update-details {
	   display: flex;
	   flex-direction: column;
	   justify-content: space-between;
	   position: absolute;
	   top: 0;
	   left: 0;
	   width: 100%;
	   height: 100%;
	   padding: .75em;
	   background: rgba(0,0,0,.3);
	   opacity: 0;
	   transition: all .2s ease;
	   z-index: 2;
   }
   .scene-update-feature .scene-update-details {
	   display: flex;
	   flex-direction: column;
	   justify-content: center;
	   position: absolute;
	   top: 0;
	   right: 0;
	   width: 100%;
	   max-width: 100%;
	   height: 100%;
	   padding: .75em;
	   background: rgba(0,0,0,.1);
	   border: 2px solid var(--accent);
	   opacity: 1;
	   transition: all .2s ease;
	   z-index: 2;
   }
   @media (min-width: 768px) {
	   .scene-update-feature .scene-update-details {
		   display: flex;
		   flex-direction: column;
		   justify-content: center;
		   position: absolute;
		   top: 50%;
		   right: 20px;
		   max-width: 30%;
		   height: auto;
		   padding: 2em;
		   background: rgba(0,0,0,.3);
		   border: 2px solid var(--accent);
		   opacity: 1;
		   transition: all .2s ease;
		   z-index: 2;
		   transform: translateY(-50%);
	   }
   }
	   a:hover.scene-update-details,
	   .scene-update-feature a.scene-update-details {
		   color: #FFFFFF;
		   color: var(--white);
		   text-decoration: none;
	   }
	   .scene-update:hover a.scene-update-details {
		   opacity: 1;
	   }
	   
	   .scene-update-details small {
		   display: block;
	   }
	   .scene-update-details h5 {
		   display: inline-block;
	   }
	   .scene-update-stats {
		   display: flex;
		   flex-direction: row;
		   justify-content: space-between;
		   align-items: top;
		   color: transparent;
		   height: 30px;
	   }
   
   .movie-update {
	   display: inline-block;
	   padding: 1em;
	   width: 100%;
	   border: 1em solid #FF0000;
	   border: var(--border-width) var(--border-style) var(--accent);
   }
   
	   @media (min-width: 768px) {
		   .movie-update {
			   width: 90%;
		   }
	   }
   
	   @media (min-width: 1025px) {
		   .movie-update {
			   width: 72%;
		   }
	   }
   
   .movie-update article {
	   display: flex;
	   flex-direction: row;
	   justify-content: center;
	   align-items: top;
	   text-align: left;
	   padding: 1em;
   }
	   @media (max-width: 768px) {
		   .movie-update article {
			   flex-wrap: wrap;
		   }
	   }
   .movie-update article>a.boxcover {
	   flex: 2 0 auto;
	   width: 100%;
	   max-width: 300px;
   }
	   @media (max-width: 768px) {
		   .movie-update article>a.boxcover {
			   margin-bottom: 1em;
		   }
	   }
   .movie-update article>section {
	   flex: 0 1 auto;
	   width: 100%;
	   padding-left: 1em;
   }
   
   .poster-image-background:before {
	   opacity: .25 !important;
   }
   #toastcarttypemessage,
   .cart-success-message {
	   color: var(--text-body) !important;
   }
   .inner-cart .cart-details {
	   background-color: var(--dark-50) !important;
   }

   #dynamicRecommendationsGrid .scene-secondary-details {
		flex-direction: row-reverse;
   }

   #posterImageContainer h3 {
	font-size: 1.5rem;
   }