html,body {height:100%; box-sizing:border-box; margin:0; font-family:sans-serif; background-color:#141414;}

div#container {min-height:100%; box-sizing:border-box; background-color:#141414; color:#FFF; text-align:center; max-width:2000px; margin:0 auto;}

div#container div.headBox {padding:48px 0 24px;}

div#container div.videoBox {background-color:dodgerblue; padding:8px; border-radius:6px; width:100%; box-sizing:border-box; max-width:600px; margin:0 auto;}
div#container div.videoBox div.videoWrap {width:100%; position:relative; padding:0 0 56.25%; border-radius:6px; box-shadow: 3px 3px 5px rgba(0,0,0,0.25);}
div#container div.videoBox div.videoWrap iframe.video {position:absolute; top:0; left:0; width:100%; height:100%;}

div#container div#shopBox {padding-top:48px;}
div#container div#shopBox div.group {padding:0 32px 48px;}
div#container div#shopBox div.group div.pageBox {padding:4px; box-sizing:border-box; display:inline-block;}
div#container div#shopBox div.group div.pageBox div.page {height:100%; width:100%; box-sizing:border-box;}
div#container div#shopBox div.group div.pageBox div.page {padding-top:100%; margin-bottom:4px; background-color:dodgerblue; background-color:grey; border-radius:.5em; opacity:.4; position:relative; /*cursor:pointer;*/}
div#container div#shopBox div.group div.pageBox div.page iframe {position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border:none; border-radius:inherit;}
div#container div#shopBox div.group div.pageBox div.page iframe {width:200%; height:200%; transform:scale(.5) translate(-50%,-50%);}		/* Zoom:50% */
div#container div#shopBox div.group div.pageBox div.page iframe {width:400%; height:400%; transform:scale(.25) translate(-150%,-150%);}		/* Zoom:25% */
/*div#container div#shopBox div.group div.pageBox div.page iframe {width:800%; height:800%; transform:scale(.125) translate(-350%,-350%);}*/	/* Zoom:12.5% */
div#container div#shopBox div.group div.pageBox div.page div.glass {position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; background-color:rgba(0,0,0,0.15); cursor:pointer; padding:1em;}
div#container div#shopBox div.group div.pageBox div.actionBox {padding:0em 0; margin-bottom:6px;}
div#container div#shopBox div.group div.pageBox div.actionBox a {text-decoration:none;}
div#container div#shopBox div.group div.pageBox div.actionBox div.linkBtn {background-color:dodgerblue; color:#FFF; font-weight:bold; text-transform:uppercase; cursor:pointer;  border-radius:.5em; font-size:1.5em; padding:1.5em 3em; user-select:none;}
div#container div#shopBox div.group div.pageBox div.actionBox div.linkBtn {font-size:.75em; padding:1em 2em; box-shadow:0 2px 0 0 #0169ce; margin:0 0 2px;}
div#container div#shopBox div.group div.pageBox div.actionBox div.linkBtn:active {box-shadow:0 1px 0 0 #0169ce; transform:translateY(1px);}

div#container div.footBox {padding-bottom:48px;}
div#container div.footBox hr {width:180px; max-width:100%; margin:0px auto 48px;}
div#container div.footBox div.logo {width:100px; max-width:100%; margin:0 auto;}
div#container div.footBox div.logo img {width:100%;}

/* Television (xl) */
@media screen and (min-width:1200px) {
	div#container div#shopBox div.group div.pageBox {width:16.666%;}
}
/* Desktop (lg) */
@media screen and (max-width:1199px) {
	div#container div#shopBox div.group div.pageBox {width:20%;}
}
/* Laptop (md) */
@media screen and (max-width:991px) {
	div#container div#shopBox div.group div.pageBox {width:25%;}
}
/* Tablet (sm) */
@media screen and (max-width:767px) {
	div#container div#shopBox div.group {padding:0 24px 36px;}
	div#container div#shopBox div.group div.pageBox {width:33.333%;}
	div#container div.footBox hr {margin-bottom:36px;}
}
/* Mobile (xs) */
@media screen and (max-width:575px) {
	div#container div#shopBox div.group {padding:0 16px 24px;}
	div#container div#shopBox div.group div.pageBox {width:50%;}
	div#container div.footBox hr {margin-bottom:24px;}
}
/* Mini Mobile (xxs) */
@media screen and (max-width:300px) {
	div#container div#shopBox div.group {padding:0 8px 12px;}
	div#container div#shopBox div.group div.pageBox {width:100%;}
	div#container div.footBox hr {margin-bottom:12px;}
}

div#container {padding:4rem 0 0;}
div.bezel {background-color:rgba(255,255,255,0.25); color:#FFF; position:fixed; top:0; left:0; right:0; width:100%; height:4rem; -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);}