@charset "utf-8";

/******************************************************************************

  $Foundation Framework v1.2 || CRUSADER12 || EXCLUSIVE TO CODECANYON

  Core CSS File

******************************************************************************/
.centerjumbotron {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 50%;
}


/* FORCE GPU */

.Shell-box, pre, .ascii-type, .ascii-blink {-o-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

/* RESET COMPONENTS */

.Shell-box, .Shell-box-shadow, .Shell-box-border, 

.Shell-scrollbar, .Shell-box h1, .Shell-close, .Shell-min, .Shell-scrollup, .RTA_scrolldown, 

nav.ascii-menu, ul.ascii-list, ul.ascii-list li {

	font-size: 100%;

	border-collapse:collapse;

	border-spacing:0;

	box-sizing:content-box;	

	float:none;clear:both;padding:0;border:none;margin:0;vertical-align:baseline;outline:0;text-decoration:none;}

/* DON'T HIGHLIGHT */

.Shell-box h1, .Shell-close, .Shell-min, .Shell-close span, .Shell-min span, 

.Shell-scrollup, .Shell-scrolldown, .Shell-box-shadow	{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}





/******************************************************************************

/* DIMENSIONS */

/******************************************************************************/

.Shell-box { width:500px; height:500px; }					/* MAIN BOX DIMENSIONS */

.Shell-box-shadow { padding-top:20px; margin-left:20px; }	/* POSITIONING THE SHADOW */	

.Shell-scrollbar  { width:10px; }							/* SCROLLBAR */

.Shell-box h1 	{ width:200px; }							/* BOX TITLE */

.Shell-close		{ width:30px; height:30px; }			/* CLOSE BUTTON */

.Shell-min		{ width:30px; height:30px; } 				/* MIN BUTTON */

.Shell-scrollup, .Shell-scrolldown {width:100%;}			/* SCROLL BUTTONS */

/* CUSTOM DIMENSIONS - ADD YOURS HERE */

#portfolio-blog-slider-container {height:500px;}

.box-style-1 { width:500px; height:500px; }	

.box-style-2 { width:500px; height:300px; }	
.Shell-box-1 { width:500px; height:1000px; }	







/******************************************************************************

/* BOX STYLES

/******************************************************************************/

.Shell-box-container { overflow:visible; cursor:default; position:absolute; }	/* HOLDS ASCII BOX */

.Shell-box { position:absolute; z-index:3; 										/* ACTUAL ASCII BOX */

		   padding:16px 10px 7px 10px; } 										/* USED TO OFFSET BORDER PADDING-RIGHT MUST ACCOUNT FOR WIDTH OF BORDER */ 

.Shell-box img, .Shell-box video { padding:0; margin:0; }						/* IMAGES AND VIDEOS INSIDE BOXES */		  

.Shell-box-content { overflow:hidden; padding:0px 20px; margin-top:0px; }		/* HOLDS SCROLLABLE CONTENT */

.Shell-box-content-inner { width:100%; height:100%; margin-top:0px; 			/* SCROLLING SPEED */

				   -webkit-transition:margin-top 0.15s linear;

				   -moz-transition:margin-top 0.15s linear;

				   -o-transition:margin-top 0.15s linear;

				   transition:margin-top 0.15s linear; }

.Shell-scrollbar { position:absolute; z-index:4; right:9px; top:30px; } 		/* SCROLLBRAR */

.Shell-scrolldown, .Shell-scrollup { cursor:pointer; }							/* SCROLL BUTTONS */

.Shell-scrolldown { position:absolute; bottom:0px; }							/* SCROLL DOWN BUTTON */

.Shell-close { position:absolute; top:7px; left:17px; cursor:pointer; padding-right:2px; }	/* CLOSE BUTTON */

.Shell-min {position:absolute; right:25px; top:7px; cursor:pointer; padding-right:10px; }	/* MIN BUTTON */

.Shell-box h1 { margin:0 auto; margin-top:-13px; border:0px!important; }		/* ASCII BOX TITLE */

.ascii-img, .Shell-box {visibility:hidden;}

.ascii-play, .ascii-mute { padding:10px 20px; display:inline-block; cursor:pointer;}		/* VIDEO BUTTONS */





/******************************************************************************

/* BUTTON STYLES */

/******************************************************************************/

.ascii-button { cursor:pointer; display:inline-block; padding:10px 25px; }					



/******************************************************************************

/* TEXT STYLES */

/******************************************************************************/

p.ascii-type { white-space:pre; display:inline-block; } /* TYPING TEXT */

/* BLINKING CURSOR */

.ascii-blink{ 

	opacity:1; 

	font-weight:100;

	-webkit-animation: blink 0.7s infinite;

	-moz-animation: blink 0.7s infinite;

	-ms-animation: blink 0.7s infinite;

	-o-animation: blink 0.7s infinite;

	animation: blink 0.7s infinite;}

@-keyframes blink{ 0%{opacity:1;} 50% {opacity:0;} 100% {opacity:1;} }

@-webkit-keyframes blink{ 0% {opacity:1;} 50% {opacity:0;} 100% {opacity:1;} }

@-moz-keyframes blink{ 0% {opacity:1;} 50% {opacity:0;} 100% {opacity:1;} }

@-ms-keyframes blink{ 0% {opacity:1;} 50% {opacity:0;} 100% {opacity:1;} }

@-o-keyframes blink{ 0% {opacity:1;} 50% {opacity:0;} 100% {opacity:1;} }



/******************************************************************************

/* FONTS */

/******************************************************************************/

@font-face {font-family:'perfect_dos_vga_437_win';

    src: url('fonts/perfect_dos_vga_437_win.eot');

    src: url('fonts/perfect_dos_vga_437_win.eot?#iefix') format('embedded-opentype'),

         url('fonts/perfect_dos_vga_437_win.woff') format('woff'),

         url('fonts/perfect_dos_vga_437_win.ttf') format('truetype'),

         url('fonts/perfect_dos_vga_437_win.svg#perfect_dos_vga_437_winRg') format('svg');

    font-weight: normal; font-style: normal;}	



.Shell-scrollup, .Shell-scrolldown, .Shell-close, .Shell-min {font-family:'Courier';}

	

/* STYLE 1 & DEFAULT */

.Shell-box p, .box-style-1 p { font-family:"Courier New", Courier, monospace; font-size:19px; line-height:23px; }

.Shell-box h1, .box-style-1 h1 { font-family:'perfect_dos_vga_437_win', serif; font-size:21px; font-weight:normal; text-align:center; }

.Shell-box h1.collapsed-title, .box-style-1 h1.collapsed-title {margin-top:2px;}

.Shell-box-shadow, .box-style-1 .Shell-box-shadow { font-size:16px; line-height:20px; word-wrap:break-word; }

.Shell-close, .box-style-1 .Shell-close, .Shell-min, .box-style-1 .Shell-min { font-size:22px; }

.Shell-close span, .box-style-1 .Shell-close span { font-size:12px; }

.Shell-scrollbar, .box-style-1 .Shell-scrollbar { word-wrap:break-word; }

.Shell-scrollup, .box-style-1 .Shell-scrollup, .Shell-scrolldown, .box-style-1 .Shell-scrolldown { text-align:center; font-size:16px; }

.ascii-button { font-family:'perfect_dos_vga_437_win', serif; font-size:24px; text-decoration:none; }

nav.ascii-menu li a { font-family:'perfect_dos_vga_437_win', serif; font-size:24px; text-decoration:none; font-weight:normal; letter-spacing:0.5px; }

span.ascii-menu-cap { text-decoration:underline; }

ul.ascii-list li a { font-family:'perfect_dos_vga_437_win', serif; text-decoration:none; }

.ascii-play, .ascii-mute { font-family:'perfect_dos_vga_437_win', serif; text-decoration:none; font-size:18px; } /* VIDEO BUTTONS */



/******************************************************************************

/* COLORS */

/******************************************************************************/

/* STYLE 1 & DEFAULT */

.Shell-box, .box-style-1 { background-color:#0000a8; border-color:#FFF; }

.Shell-box p, .box-style-1 p, .box-style-1 pre { color:#a8a6b1; }

.Shell-box .Shell-box-border, .box-style-1 .Shell-box-border { border-color:#FFF; }

.Shell-close, .Shell-min, .Shell-box h1,

.box-style-1 .Shell-close, .box-style-1 .Shell-min, .box-style-1 h1 { background-color:#0000a8; color:#FFF;}

.Shell-min-symbol, .box-style-1 .Shell-min-symbol {color:#4fff5a;}

.Shell-close-symbol, .box-style-1 .Shell-close-symbol {color:#4fff5a;}

.Shell-scrollbar, .box-style-1 .Shell-scrollbar {background-color:#a8a6b1;}

.Shell-scrollup, .Shell-scrolldown, .box-style-1 .Shell-scrollup, .box-style-1 .Shell-scrolldown { background-color:#0000a8; color:#FFF; }

.ascii-button, .ascii-button .button-style-1 {background-color:#a8a8a8; color:#000; }

.ascii-button:hover, .ascii-button .button-style-1:hover { background-color:#fefe00; color:#000; } 

nav.ascii-menu {background-color:#a8a8a8; }	

nav.ascii-menu li a { background-color:#a8a8a8; color:#000; }

nav.ascii-menu li:hover ul.sub-menu li a:hover { background-color:#a6020d; color:#FFF; } 

span.ascii-menu-cap { color:#a6020d; }

ul.ascii-list { background-color:#0000a8; }

ul.ascii-list a { color:#FFF; }

ul.ascii-list li.active { background-color:#fefe00; }

ul.ascii-list li.active a { color:#000; }

.abc-wrapper pre {color:#FFF; cursor:default;}

.ascii-play, .ascii-mute { background-color:#0000a8; color:#FFF; border:3px double #FFF;}

.ascii-play:hover, .ascii-mute:hover { background-color:#fcfe55; color:#0000a8;}



/******************************************************************************

/* SHADOWS */

/******************************************************************************/

.Shell-box-shadow { overflow:hidden; }



/******************************************************************************

/* BORDERS */

/******************************************************************************/

.Shell-box-border { border-style:double; border-width:4px; }



/******************************************************************************

/* VIDEO STYLE */

/******************************************************************************/

.ascii-video { visibility:hidden; }