@media screen and (min-width: 800px) {
	.container .content .item_block	{
		width: 50%;
	}
}

@media screen and (max-width: 799px) {
	.container .content .item_block	{
		width: 100%;
	}
}

body	{
	background: rgb(22,22,22);
	font-family: Helvetica, Arial, sans-serif;
	font-weight: lighter;
	user-select: none;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	margin: 0;
	cursor: default;
	color: rgb(190,190,190);
}

div	{
	box-sizing: border-box;
}

.container	{
	display: block;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 45px;
	transition: margin 225ms linear;
}

@supports(padding: max(0px)) {
	.container	{
		padding-left: max(0px, env(safe-area-inset-left));
		padding-right: max(0px, env(safe-area-inset-right));
	}
}

#container.navspace	{
	margin-top: 87px;
}

#nav	{
	position: fixed;
	display: block;
	left: 0;
	right: 0;
	top: 0;
	margin-left: auto;
	margin-right: auto;
	background: rgba(25,25,25,.8);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	-moz-backdrop-filter: blur(5px);
	-edge-backdrop-filter: blur(5px);
	-ie-backdrop-filter: blur(5px);
	-chrome-backdrop-filter: blur(5px);
	z-index: 100;
	overflow: hidden;
}

#nav .logo_link	{
	position: relative;
	display: block;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 45px;
}
#nav #navMenu	{
	position: relative;
	display: none;
	left: 0px;
	right: 0px;
	text-align: center;
	opacity: 1;
	min-height: 42px;
}

#nav #navMenu.open	{
	opacity: 1;
}

#nav #navMenu a {
	text-decoration: none;
}

#nav #navMenu .item	{
	display: inline-block;
	letter-spacing: 1px;
	color: rgb(160,160,160);
	font-size: 110%;
	font-weight: lighter;
	margin: 0px 2px 0px 2px;
	padding: 10px 6px 10px 6px;
	transition: color 200ms ease-in-out, opacity 250ms ease-in-out;
	text-align: left;
	opacity: 0;
}
#nav #navMenu.open .item	{
	opacity: 1;
}
#nav #navMenu .item:hover	{
	color: rgb(35,155,215);
}

#nav #navMenuBtn	{
	display: block;
	position: absolute;
	left: 7.5px;
	top: 7.5px;
	width: 30px;
	height: 30px;
	z-index: 5;
}

#nav #navMenuBtn .line	{
	display: block;
	height: 2px;
	background: rgb(140,140,140);
	border-radius: 2px;
	width: 24px;
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	transition: margin 200ms ease-in-out 100ms, transform 150ms ease-in-out, background 400ms ease-in-out;
}
#nav #navMenuBtn.active .line	{
	background: rgb(240,240,240);
}
#nav #navMenuBtn .l1	{
	margin-top: 9px;
}
#nav #navMenuBtn .l2	{
	margin-top: 20px;
}
#nav #navMenuBtn.open .line	{
	transition: margin 200ms ease-in-out, transform 150ms ease-in-out 100ms, background 400ms ease-in-out 100ms;
}
#nav #navMenuBtn.open .l1	{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	margin-top: 14px;
}
#nav #navMenuBtn.open .l2	{
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	margin-top: 14px;
}

#navMenu	{
	display: none;
}

#nav #x_statusDisplay_container	{
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transition: opacity 300ms linear;
}
#nav #x_statusDisplay_container.show	{
	opacity: 1;
	
}

#nav #x_statusDisplay_container svg	{
	position: absolute;
	z-index: 5;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(270deg);
}
#nav #x_statusDisplay_container svg circle	{
	fill: none;
	stroke: rgb(35,155,215);
	stroke-width: 2px;
	stroke-dasharray: 147;
	stroke-dashoffset: 147;
	transition: stroke-dashoffset linear 400ms;
}
#nav #x_statusDisplay_container.error svg circle 	{
	fill: none;
	stroke:  rgb(220,40,40);
}

#nav #x_statusDisplay_container.error svg circle 	{
	fill: none;
	stroke:  rgb(220,40,40);
}

.brand_logo_icon		{
	display: block;
	background-image: url('/assets/site_logo_white.png');
	background-size: 75%;
	background-repeat: no-repeat;
	background-position: center center;
	width: 45px;
	height: 45px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.container .splash:before	{
	content: "";
	display: block;
	padding-top: 56.2%;
}
.container .splash	{
	position: relative;
	display: block;
	width: 90vw;
	max-width: 1300px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	text-align: center;
}
.container .splash .splashimg	{
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background-size: 100%;
	background-repeat: no-repeat;
	opacity: 0;
}

@keyframes introAnimation {
	0%	{
		opacity: 0;
	}
	100%	{
		opacity: 1;
	}
	
}

.container .splash .logo	{
	background-image: url('/0X._core/v2/images/splash/v3/logo@2x.png');
	z-index: 10;
	animation: introAnimation 1s ease-in-out 500ms forwards;
	background-size: 100%;
	background-position: center center;
}
.container .splash .company{
	background-image: url('/0X._core/v2/images/splash/v3/company@2x.png');
	z-index: 10;
	animation: introAnimation 1s ease-in-out 2s forwards;
}
.container .splash .tagline	{
	background-image: url('/0X._core/v2/images/splash/v3/tagline@2x.png');
	z-index: 10;
	animation: introAnimation 1s ease-in-out 2.2s forwards;
}
.container .splash .bg1	{
	background-image: url('/0X._core/v2/images/splash/v3/bg1@2x.png');
	z-index: 9;
	animation: ringAnimation 3.8s ease-in-out 1.6s forwards;
}
.container .splash .bg2	{
	background-image: url('/0X._core/v2/images/splash/v3/bg2@2x.png');
	z-index: 8;
	animation: ringAnimation 3.5s ease-in-out 1.2s forwards;
}
.container .splash .bg3	{
	background-image: url('/0X._core/v2/images/splash/v3/bg3@2x.png');
	z-index: 7;
	animation: ringAnimation 3.3s ease-in-out .8s forwards;
}
@keyframes ringAnimation {
	0%	{
		opacity: 0;
	}
	20%	{
		opacity: 1;
	}
	100%	{
		opacity: 1;
	}
	
}

.container .content	{
	display: block;
	position: relative;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	max-width: 1300px;
	opacity: 0;
	animation: introAnimation 400ms ease-in-out 0ms forwards;
	vertical-align: top;
	white-space: 0;
	font-size: 0px;
}
.container .content.c {
	text-align: center;
}

.container.startup_animation .content	{
	animation: introAnimation 1s ease-in-out 3s forwards;
}

.container .content .anchor_list	{
	display: block;
	padding-left: 20px;
	padding-top: 20px;
	background: rgb(30,30,30);
	border-radius: 5px;
}
.container .content .anchor_list	>li	{
	padding-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
	list-style: none;
}
.container .content .anchor_list	>li>ul	{
	padding-left: 0px;
}
.container .content .anchor_list	>li>ul>li	{
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 16px;
	font-weight: lighter;
	list-style: none;
	padding: 5px;
	display: block;
	
}

.container .content .anchor_list	>li>ul>li>a	{
	display: block;
	padding: 8px 15px 8px 15px;
	background: rgb(200,200,200);
	border-radius: 20px;
	max-width: 120px;
	text-align: center;
}
.container .content .anchor_list	>li>ul>li>a:hover, .container .content .anchor_list	>li>ul>li>a:active	{
	color: rgb(245,245,245);
	background: rgb(35,155,215);
}

.container .content .header	{
	padding: 15px 15px 5px 15px;
	font-size: 20px;
	font-weight: lighter;
	text-align: center;
}

.container .content .subheader {
	font-size: 15px;
	color: rgb(250,250,250);
}

.container .content .title	{
	padding: 15px 15px 5px 15px;
	text-align: left;
	font-size: 25px;
	font-weight: lighter;
	font-style: italic;
}
.container .content .title.ns	{
	font-style: normal;
}
.container .content .tagline {
	padding: 0px 15px 5px 15px;
	font-size: 14px;
	text-align: left;
	font-weight: lighter;
	color: rgb(20,20,20);
}

.container .content .banner_image:before	{
	content: '';
	display: block;
	padding-top: 50%;
}
.container .content .banner_image	{
	display: block;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
}


.container .content .home_img:before {
	content: '';
	display: block;
	padding-top: 56%;
}

.container .content .home_img {
	display: block;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	background-image: url('/assets/splash_logo_4_8bit.png');
}

.container .content .home_img.zmbxms {
	background-image: url('/assets/zmbxms_wtsplash.png');
}

.container .content .video {
	display: block;
	position: relative;
}

.container .content .video:before {
	content: '';
	padding-top: 56.25%;
	display: block;
}

.container .content .htmlvideo {
	display: block;
	position: relative;
}

.container .content .htmlvideo video	{
	display: block;
	width: 100%;
}

.container .content .video #ytplayer		{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.container .content .text_block	{
	padding: 15px;
	text-align: left;
	font-size: 14px;
	user-select: auto;
	-webkit-user-select: auto;
	-moz-user-select: auto;
}
.container .content .text_block.c	{
	text-align: center;
}
.container .content .text_block.center	{
	text-align: center;
}

.container .content .text_block ol>li {
	margin-bottom: 20px;
}

.container .content .text_block ol>li:last-child {
	margin-bottom: 0px;
}

.container .content .text_block .deprecated, .container .content .text_block .deprecated a {
	color: rgb(150,150,150);
}

.container .content .product_block {
	display: inline-block;
	/*width: 90%;*/
	padding: 15px;
	vertical-align: top;
	box-sizing: border-box;
	text-align: center;
	max-width: 250px;
}

.container .content .product_block:hover .product_image {
	border-color: rgba(229,16,117,1.00);
}

.container .content .product_block .product_name {
	display: block;
	font-size: 18px;
	color: rgb(255,255,255);
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
}

.container .content .product_block .product_blurb {
	display: block;
	font-size: 14px;
	color: rgb(255,255,255);
	font-weight: lighter;
	text-align: center;
	margin-top: 5px;
}

.container .content .product_block .product_image:before {
	content: '';
	display: block;
	padding-top: 100%;
}


.container .content .product_block .product_image {
	display: block;
	max-width: 550px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: rgb(255,255,255);
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
	border: 5px solid rgb(255,255,255);
}

.container .content .item_block {
	display: inline-block;
	/*width: 90%;*/
	padding: 20px;
	vertical-align: top;
	box-sizing: border-box;
	text-align: center;
}

.container .content .item_block .poster:before {
	content: '';
	display: block;
	padding-top: 151%;
}
.container .content .item_block .poster.sqr:before {
	padding-top: 100%;
}
.container .content .item_block .poster.ogimg:before {
    padding-top: 60%;
}

.container .content .item_block .poster.small	{
	max-width: 350px;
}

.container .content .item_block .poster {
	display: block;
	max-width: 550px;
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url('/assets/no_poster.png');
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
}

.container .content .item_block .title {
	display: block;
	font-size: 18px;
	color: rgb(255,255,255);
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
}

.container .content .item_block a:hover .title {
	color: rgb(35,155,215);
}
.container .content .item_block.h div	{
	transition: color 500ms ease-in-out, border-color 500ms ease-in-out, background 500ms ease-in-out, box-shadow 500ms ease-in-out;
}

.container .content .item_block.h:hover .poster	{
	background-size: 102%;
}

.container .content .item_block .label {
	display: block;
	font-size: 18px;
	color: rgb(20,20,20);
	font-weight: lighter;
	text-align: center;
	margin-top: 5px;
}
.container .content .item_block .details	{
	display: inline-block;
	left: 0;
	right: 0;
	font-size: 12px;
	color: rgb(190,190,190);
	padding: 2px;
}

.container .content .item_block ul	{
	display: block;
}

.container .content .item_block .status {
	display: block;
	font-size: 10px;
	color: rgb(215,40,40);
	text-align: center;
}

.container .content .item_block h1	{
	display: block;
	margin: 0;
	width: auto;
}

.container .content a	{
	color: rgb(240,240,240);
	text-decoration: none;
	transition: color 400ms linear;
}
.container .content a:hover	{
	color: rgb(35,155,215);
}

.container .content .iggbtn	{
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 12px 22px 12px 22px;
	text-align: center;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	background: rgb(229,16,117);
	color: rgb(240,240,240);
	font-size: 16px;
	font-weight: normal;
	border-radius: 50px;
	box-shadow: 0px 1px 3px rgb(0,0,0);
	transition: none;
}
.container .content .iggbtn:hover	{
	box-shadow: 0px 2px 4px rgb(35,155,215);
	color: rgb(255,255,255);
}

.container .content .contactusbtn	{
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 20px 10px 20px;
	text-align: center;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	background: rgb(35,155,215);
	color: rgb(240,240,240);
	font-size: 14px;
	font-weight: normal;
	border-radius: 50px;
	box-shadow: 0px 1px 3px rgb(0,0,0);
	transition: none;
}
.container .content .contactusbtn:hover	{
	box-shadow: 0px 2px 4px rgb(35,155,215);
	color: rgb(255,255,255);
}

.container .content .link_block	{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
	padding: 5px;
	margin-top: 10px;
}

.container .content .link_block .link.yt:hover {
	color: rgb(245,20,20);
}

.container .content .link_block .link	{
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	text-align: center;
	border-radius: 10px;
	background: rgb(30,30,30);
	color: rgb(160,160,160);
	padding: 0px;
	font-size: 22px;
	text-decoration: none;
	transition: color 500ms ease-in-out, border-color 500ms ease-in-out, background 500ms ease-in-out, box-shadow 500ms ease-in-out;
	margin: 11px;
	width: 42%;
	min-width: 128px;
	max-width: 162px;
	box-sizing: border-box;
	box-shadow: 0px 0px 3px rgb(0,0,0);
}

.container .content .link_block .link:before	{
	content: '';
	padding-top: 100%;
	display: block;
}

.container .content .link_block .link:hover	{
	color: rgb(35,155,215);
	box-shadow: 0px 0px 6px rgb(35,155,215);
	background: rgb(25,25,25);
}

.container .content .link_block .link.icon	{
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	color: rgb(255,255,255);
}
.container .content .link_block .link.icon:hover	{
	background-size: 130%;
}

.container .content .link_block .link.icon.films	{
	background-image: url('/assets/icons/films.png');
}
.container .content .link_block .link.icon.shows{
	background-image: url('/assets/icons/shows_v2.png');
}
.container .content .link_block .link.icon.music	{
	background-image: url('/assets/icons/music.png');
}

.container .footer	{
	display: block;
	position: relative;
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 20px;
	opacity: 0;
	animation: introAnimation 400ms ease-in-out 200ms forwards;
	padding: 15px 15px 15px 15px;
	border-top: 1px solid rgb(10,10,10);
}

.container.startup_animation .footer	{
	animation: introAnimation 1s ease-in-out 3.5s forwards;
}

.container .footer .social_block	{
	display: block;
	position: relative;
	padding: 5px;
	text-align: center;
}

.container .footer .social_block .link	{
	display: inline-block;
	font-size: 12px;
	color: rgb(90,90,90);
	margin-left: 3px;
	margin-right: 3px;
	transition: color 500ms linear;
	padding: 3px;
	width: 60px;
	text-decoration: none;
}
.container .footer .social_block .link:hover	{
	color: rgb(35,155,215);
}

.container .footer .copyright	{
	font-size: 10px;
	color: rgb(100,100,100);
	padding: 15px;
}

.container .footer .footer_logo	{
	margin-top: 10px;
}

.container .footer .footer_logo .text	{
	font-size: 15px;
	color: rgb(210,210,210);
}



#acntMenu	{
	display: none;
}
#shoppingBagContainer	{
	display: none;
}
#contShade	{
	display: none;
}
#uxModalBG	{
	display: none;
}
#uxModalPopup	{
	display: none;
}

#prompt	{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 500;
	background: rgba(50,50,50,.8);
}
#prompt #promptBox	{
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 35%;
	transform: translateY(-65%) scale(1);
	-webkit-transform: translateY(-65%) scale(1);
	-ms-transform: translateY(-65%) scale(1);
	margin: auto;
	background: rgba(20,20,20,.8);
	width: 80%;
	max-width: 300px;
	overflow: hidden;
	box-sizing: border-box;
	border-radius: 5px;
	color: rgb(240,240,240);
}
#prompt.show #promptBox	{
	-webkit-animation: promptPop 150ms ease-out;
}
@-webkit-keyframes 'promptPop' {
	0%	{
		-webkit-transform: translateY(-65%) scale(1.1);
	}
	100%	{
		-webkit-transform: translateY(-65%) scale(1);
	}
}

#prompt #promptBox .title	{
	display: block;
	padding: 15px;
	text-align: center;
	font-size: 14px;
}

#prompt #promptBox form	{
	display: block;
	padding: 0px 8px 8px 8px;
	text-align: center;
}
#prompt #promptBox form input[type=username], #promptBox form input[type=password]	{
	display: block;
	outline: none;
	-webkit-box-shadow: 0 0 0px 1000px white inset;
	margin: 0px 0px 5px 0px;
	font-size: 14px;
	width: 100%;
	border: none;
	padding: 8px;
	border-radius: 5px;
	box-sizing: border-box;
}
#prompt #promptBox form input[type=username]	{
	color: rgb(150,150,150) !important;
}
#prompt #promptBox form input[type=password]	{
	margin-bottom: 0px;
}

#prompt #promptBox .message	{
	display: block;
	padding: 15px;
	text-align: center;
	font-size: 14px;
}
#prompt #promptBox .btns	{
	display: block;
	border-top: 1px solid rgb(0,0,0);
}
#prompt #promptBox .btns .btn	{
	padding: 10px;
	text-align: center;
	border-right: 1px solid rgb(0,0,0);
	display: inline-block;
	width: 100%;
	font-size: 16px;
}
#prompt #promptBox .btns .btn.half	{
	width: 50%;
}
#prompt #promptBox .btns .btn:last-child	{
	border-right: 0px;
}

.gallery_title	{
	display: block;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	border-top: 1px solid rgb(70,70,70);
	margin-bottom: 0px;
}
.gallery_date	{
	display: block;
	padding: 10px;
	font-size: 12px;
	text-align: left;
}
.gallery_thumbnails	{
	display: block;
	padding: 0px;
	text-align: center;
	white-space: 0px;
	font-size: 0px;
	line-height: 0px;
	margin-top: 0px;
}
.gallery_thumbnails .thumbnail:before	{
	content: '';
	padding-top: 100%;
	display: block;
}
.gallery_thumbnails .thumbnail	{
	display: inline-block;
	width: 50%;
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
	overflow: hidden;
	margin: 0px;
	box-sizing: border-box;
}
.gallery_image	{
	display: block;
	text-align: center;
}