@charset "utf-8";
/******************************************************************************
  superRetroid v1.0 || CODEDROID12 || EXCLUSIVE TO CODECANYON 
******************************************************************************/
.superRetroid * {
  margin:0; padding:0; border:0;
  font-size: 100%; font: inherit;
  vertical-align: baseline; outline: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  
.superRetroid { display: inline-block; }
.superRetroid:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/* GALLERY */
.superRetroid ul { width:100%; }
.superRetroid li {
  display:block;
  float:left;
  width:30%;
  max-width:400px;
  line-height:0;
  margin-left:10px;
  margin-right:20px;
  margin-bottom:30px; 
  transition:all 0.25s ease;}
.superRetroid li a { display:block; }

/* LIGHTBOX TITLE */
.mfp-title {
  font-size:1.2em;
  color:#ddd !important;
  margin-top:10px;
  font-weight:200; }
  
/* LIGHTBOX COUNTER */
.mfp-counter {
  font-size:1.2em;
  color:#ddd!important;
  margin-top:10px;
  font-weight:200; }

/* MAKE 3D GAME BOXES */
.retroid_box { perspective:800px; perspective-origin: 50% 100px; }


/**************************************************************************************/
/* NINTENTO BOXES */
/**************************************************************************************/
/* NES GALLERY */
.nes_gallery li { 
	width:200px;
	margin-left:20px;
 	margin-right:10px;	
}

/* BOX DROP SHADOW */
.nes_box:before,
.nes_box:after {
	content:"";
  	position:absolute;
  	z-index:-1;
  	bottom:10px;
  	left:10px;
  	width:50%;
  	height:20%;
	box-shadow: 0 15px 15px rgba(0, 0, 0, 1);
	transform:rotate(-3deg); }
.nes_box:after{ right:10px; left:auto; transform:rotate(3deg); }
/* CREATE NES BOX DIMENSIONS */
.nes_box { 
	box-shadow:0 0 10px 2px rgba(0,0,0,.25);
	position:relative; 
	transform-style:preserve-3d; 
	width:200px;
	height:275px; }
.nes_box div { 
	position:absolute; 
	overflow:hidden; 
	width:200px;
	height:275px; }
/* NINTENDO CART */
.nes_cart { z-index:-1; transition:margin-top .25s ease-out; padding:10px; }
.nes_cart_popup { margin-top:-180px;  } 




/**************************************************************************************/
/* SUPER NINTENTO BOXES */
/**************************************************************************************/
/* BOX DROP SHADOW */
.snes_box:before,
.snes_box:after {
	content:"";
  	position:absolute;
  	z-index:-1;
  	bottom:10px;
  	left:10px;
  	width:50%;
  	height:20%;
	box-shadow: 0 15px 15px rgba(0, 0, 0, 1);
	transform:rotate(-3deg); }
.snes_box:after{ right:10px; left:auto; transform:rotate(3deg); }

.snes_box { position: relative; transform-style:preserve-3d; }
.snes_box div { position: absolute; overflow:hidden; background:#000; }
/* HOVER ANIMATION */
.snes_box {  transition:transform 1s ease; transform:rotateY(0); }
.snes_box_flip { transform:rotateY(180deg); }



	

/**************************************************************************************/
/* SEGA GENESIS BOXES */
/**************************************************************************************/
/* SEGA GALLERY */
.sega_gallery li { width:220px; }
/* BOX DROP SHADOW */
.sega_box:before,
.sega_box:after {
	content:"";
  	position:absolute;
  	z-index:-1;
  	bottom:10px;
  	left:10px;
  	width:51%;
  	height:20%;
	box-shadow: 0 15px 15px rgba(0, 0, 0, 1);
	transform:rotate(-3deg); }
.sega_box:after{ right:0px; left:auto; transform:rotate(3deg); }

.sega_box { position: relative; transform-style:preserve-3d; perspective:2000px;}
.sega_box div { position:absolute; }
/* CREATE SNES BOX DIMENSIONS */
.sega_box 	  			{ width:200px; height:283px; }
.sega_front, .sega_back { width:200px; height:283px; }
.sega_left, .sega_right { width:30px;  height:283px; }
.sega_top, .sega_bottom { width:200px; height:30px;  }
/* SETUP SIDES IN 3D SPACE */
.sega_back 	{ transform: translateZ(-15px) rotateY(0deg); background:#222; }
.sega_right { transform: rotateY(-270deg) translateX(15px) translateZ(-30px); transform-origin:top right; background:#181c20;}
.sega_left 	{ transform: rotateY(270deg) translateX(-15px) translateZ(-200px); transform-origin:center left; background:#181c20;}
.sega_top 	{ transform: rotateX(-90deg) translateY(-15px); transform-origin:top center; background:#181c20;}
.sega_bottom{ transform: rotateX(90deg) translateY(15px) translateZ(-253px); transform-origin:bottom center; background:#181c20;}
.sega_front	{ transform: rotateY(0deg) translateZ(15px); transform-origin:0 50%; background:#000; }
.sega_front {transition:0.6s; transform-style:preserve-3d; position:relative; }
.sega_cover, .sega_manual {	backface-visibility:hidden; position:absolute; top:0; left:0; background:#000; }
.sega_cover { transform:rotateY(0deg) translateZ(15px); }
.sega_manual { transform:rotateY(180deg); }
/* HOVER ANIMATION */
.sega_box:hover .sega_front, .sega_box.hover .sega_front { transform:rotateY(-179deg) translateZ(-15px);}
.sega_box, .sega_cover, .sega_manual {width:200px; height:283px;}


	


@media (max-width:375px){
}

@media (max-width:768px){
	/* SNES GALLERY */
	.snes_gallery li {width:100%; margin-left:30px; margin-bottom:40px;}
	/* CREATE SNES BOX DIMENSIONS */
	.snes_box 	  			{ width:400px; height:280px; }
	.snes_front, .snes_back { width:400px; height:280px; }
	.snes_left, .snes_right { width:40px;  height:280px; }
	.snes_top, .snes_bottom { width:400px; height:40px;  }
	/* SETUP SIDES IN 3D SPACE */
	.snes_back 	{ transform: translateZ(-20px) rotateY(180deg); }
	.snes_right { transform: rotateY(-270deg) translateX(20px) translateZ(-40px); transform-origin:top right; }
	.snes_left 	{ transform: rotateY(270deg) translateX(-20px) translateZ(-400px); transform-origin:center left; }
	.snes_top 	{ transform: rotateX(-90deg) translateY(-20px); transform-origin:top center; }
	.snes_bottom{ transform: rotateX(90deg) translateY(20px) translateZ(-180px); transform-origin:bottom center; }
	.snes_front	{ transform: translateZ(20px); }
	
	
}


@media (min-width:768px){
	/* SNES GALLERY */
	.snes_gallery li { width:40%; margin-left:25px;}
	/* CREATE SNES BOX DIMENSIONS */
	.snes_box 	  			{ width:300px; height:210px; }
	.snes_front, .snes_back { width:300px; height:210px; }
	.snes_left, .snes_right { width:30px;  height:210px; }
	.snes_top, .snes_bottom { width:300px; height:30px;  }
	/* SETUP SIDES IN 3D SPACE */
	.snes_back 	{ transform: translateZ(-15px) rotateY(180deg); }
	.snes_right { transform: rotateY(-270deg) translateX(15px) translateZ(-30px); transform-origin:top right; }
	.snes_left 	{ transform: rotateY(270deg) translateX(-15px) translateZ(-300px); transform-origin:center left; }
	.snes_top 	{ transform: rotateX(-90deg) translateY(-15px); transform-origin:top center; }
	.snes_bottom{ transform: rotateX(90deg) translateY(15px) translateZ(-180px); transform-origin:bottom center; }
	.snes_front	{ transform: translateZ(15px); }
	
}

@media (min-width:1024px){
	/* SNES GALLERY */
	.snes_gallery li { width:30%; margin-left:10px; }
	/* CREATE SNES BOX DIMENSIONS */
	.snes_box 	  			{ width:300px; height:210px; }
	.snes_front, .snes_back { width:300px; height:210px; }
	.snes_left, .snes_right { width:30px;  height:210px; }
	.snes_top, .snes_bottom { width:300px; height:30px;  }
	/* SETUP SIDES IN 3D SPACE */
	.snes_back 	{ transform: translateZ(-15px) rotateY(180deg); }
	.snes_right { transform: rotateY(-270deg) translateX(15px) translateZ(-30px); transform-origin:top right; }
	.snes_left 	{ transform: rotateY(270deg) translateX(-15px) translateZ(-300px); transform-origin:center left; }
	.snes_top 	{ transform: rotateX(-90deg) translateY(-15px); transform-origin:top center; }
	.snes_bottom{ transform: rotateX(90deg) translateY(15px) translateZ(-180px); transform-origin:bottom center; }
	.snes_front	{ transform: translateZ(15px); }	
}