/* ( ~ )-( ~ )-( ~ )-( ~ )-( ~ )-( ~ )-( ~ )-( ~ )
    My Custom baseStyles.css CSS3 Document
     XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
    Author : Mike Lasher
    Updated: September 27, 2017
    Notes  : Hand coded for www.lasherworks.ca
             Re-worked navbar
   ( ~ )-( ~ )-( ~ )-( ~ )-( ~ )-( ~ )-( ~ )-( ~ )  */
   
/* |~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|
   |Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw  TYPOGRAPHY  Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw|
   |~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|
*/
@font-face {
  font-family: aase;
  src: url(../fonts/AaseFont.otf);
}
@font-face {
	font-family: AddCityboy;
	src: url(../fonts/ADDCN__.TTF);
}
@font-face {
  font-family: "Agency FB";
  src: url(../fonts/AGENCYR.TTF);
}
@font-face {
	font-family: BROADW;
	src: url(../fonts/BROADW.TTF);
}
@font-face {
  font-family: caveman;
  src: url(../fonts/CAVEMAN.TTF);
}
@font-face {
	font-family: coolvetica_rg;
	src: url(../fonts/coolvetica_rg.ttf);
}
@font-face {
  font-family: corbelb;
  src: url(../fonts/corbelb.ttf);
}
@font-face {
	font-family: Odin-Rounded-Bold;
	src: url(../fonts/Odin-Rounded-Bold.otf);
}
@font-face {
  font-family: ROUGD__;
  src: url(../fonts/ROUGD__.TTF);
}
@font-face {
  font-family: Steamwreck;
  src: url(../fonts/Steamwreck.otf);
}
@font-face {
  font-family: SteamwreckI;
  src: url(../fonts/Steamwreck%20Italic.otf);
}
@font-face {
  font-family: "Traveling _Typewriter";
  src: url(../fonts/TravelingTypewriter.otf);
}
@font-face {
  font-family: VIVALDII;
  src: url(../fonts/VIVALDII.TTF);
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 22, 2014 */
@font-face {
  font-family: 'architechregular';
  src: url('../fonts/architech-webfont.eot');
  src: url('../fonts/architech-webfont.woff') format('woff'),
       url('../fonts/architech-webfont.woff2') format('woff2'),
       url('../fonts/architech-webfont.ttf') format('truetype'),
       url('../fonts/architech-webfont.svg#architechregular') format('svg'),
       url('../fonts/architech-webfont.eot?#iefix') format('embedded-opentype');
  font-style: normal;
  font-weight: normal;
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 5, 2017 */
@font-face {
    font-family: 'coolveticaregular';
    src: url('../coolvetica_rg-webfont.woff2') format('woff2'),
         url('../coolvetica_rg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'enter_sansmanbold_italic';
  src: url('../fonts/entsani-webfont.eot');
  src: url('../fonts/entsani-webfont.woff') format('woff'),
       url('../fonts/entsani-webfont.woff2') format('woff2'),
       url('../fonts/entsani-webfont.ttf') format('truetype'),
       url('../fonts/entsani-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/entsani-webfont.svg#enter_sansmanbold_italic') format('svg');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'magentaregular';
  src: url('../fonts/magenta-webfont.eot');
  src: url('../fonts/magenta-webfont.woff') format('woff'),
       url('../fonts/magenta-webfont.woff2') format('woff2'),
       url('../fonts/magenta-webfont.ttf') format('truetype'),
       url('../fonts/magenta-webfont.svg#magentaregular') format('svg'),
       url('../fonts/magenta-webfont.eot?#iefix') format('embedded-opentype');
  font-style: normal;
  font-weight: normal;
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 17, 2015 */
@font-face {
  font-family: 'ralewaybold';
  src: url('../fonts/raleway-bold-webfont.eot');
  src: url('../fonts/raleway-bold-webfont.woff') format('woff'),
       url('../fonts/raleway-bold-webfont.woff2') format('woff2'),
       url('../fonts/raleway-bold-webfont.ttf') format('truetype'),
       url('../fonts/raleway-bold-webfont.svg#ralewaybold') format('svg'),
       url('../fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'ralewayregular';
  src: url('../fonts/raleway-regular-webfont.eot');
  src: url('../fonts/raleway-regular-webfont.woff') format('woff'),
       url('../fonts/raleway-regular-webfont.woff2') format('woff2'),
       url('../fonts/raleway-regular-webfont.ttf') format('truetype'),
       url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg'),
       url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype');
  font-style: normal;
  font-weight: normal;
}
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on April 9, 2016 */
@font-face {
  font-family: 'rough_draftregular';
  src: url('../fonts/rougd__-webfont.eot');
  src: url('../fonts/rougd__-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/rougd__-webfont.woff2') format('woff2'),
       url('../fonts/rougd__-webfont.woff') format('woff'),
       url('../fonts/rougd__-webfont.ttf') format('truetype'),
       url('../fonts/rougd__-webfont.svg#rough_draftregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 4, 2016 */
@font-face {
  font-family: 'traveling__typewriterregular';
  src: url('../fonts/travelingtypewriter-webfont.eot');
  src: url('../fonts/travelingtypewriter-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/travelingtypewriter-webfont.woff2') format('woff2'),
       url('../fonts/travelingtypewriter-webfont.woff') format('woff'),
       url('../fonts/travelingtypewriter-webfont.ttf') format('truetype'),
       url('../fonts/travelingtypewriter-webfont.svg#traveling__typewriterregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


/*  |~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|
    |Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw  GLOBAL STYLES  Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw|
    |~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|
*/
.nwyr {margin-bottom: 2em;}
.nwyr a {outline: none;}
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: url('../img/blue-weave4-100-bg.jpg') repeat;
  -webkit-font-smoothing: antialiased;
    -moz--font-smoothing: antialiased;
     -ms--font-smoothing: antialiased;
      -o--font-smoothing: antialiased;
          font-smoothing: antialiased;
}
/* __________________________ Body content container ______________________ */
.wrapper {
  margin-top: 15px;
  background-color: white;
  color: navy;
/* _  RUNNING THE LENGTH OF CONTENT AREA ~ BOX SHADOW _ */
    -webkit-box-shadow:0 0 35px 5px #0fffff;
       -moz-box-shadow:0 0 35px 5px #0fffff;
        -ms-box-shadow:0 0 35px 5px #0fffff;
         -o-box-shadow:0 0 35px 5px #0fffff;
            box-shadow:0 0 35px 5px #0fffff;
}
#greet {
  text-align: center;
  color: #422E82;
  text-align: center;
  font-size: 1.5em;
  font-family: ralewaybold, aase, sans-serif;
    -webkit-text-shadow: 1px 1px 1px #FF0, 1px 1px 25px #03f;
       -moz-text-shadow: 1px 1px 1px #FF0, 1px 1px 25px #03f;
        -ms-text-shadow: 1px 1px 1px #FF0, 1px 1px 25px #03f;
         -o-text-shadow: 1px 1px 1px #FF0, 1px 1px 25px #03f;  
            text-shadow: 1px 1px 1px #FF0, 1px 1px 25px #03f;
}
#header_title {max-width: 100%;}
#page_title h2,
#header_title h1 {
  color: #422E82;
  text-align: center;
  font-size: 6em;
  font-family: magentaregular;
    -webkit-text-shadow: 2px 3px 1px #CCCCCC, 3px 3px 1px #000099;
       -moz-text-shadow: 2px 3px 1px #CCCCCC, 3px 3px 1px #000099;
        -ms-text-shadow: 2px 3px 1px #CCCCCC, 3px 3px 1px #000099;
         -o-text-shadow: 2px 3px 1px #CCCCCC, 3px 3px 1px #000099;  
            text-shadow: 2px 3px 1px #CCCCCC, 3px 3px 1px #000099;
    /*-webkit-animation: animate-name 20s infinite;
    animation: animate-name 20s infinite;*/
}
#header_title h2	{
    max-width: 95%;
    margin: 0 auto;
    color: #422E82;
    text-align: center;
    font-size: 3em;
    font-family: VIVALDII, aase, sans-serif;
    -webkit-text-shadow: 2px 3px 1px #CCCCCC, 3px 3px 1px #000099;
       -moz-text-shadow: 2px 3px 1px #CCCCCC, 3px 3px 1px #000099;
        -ms-text-shadow: 2px 3px 1px #CCCCCC, 3px 3px 1px #000099;
         -o-text-shadow: 2px 3px 1px #CCCCCC, 3px 3px 1px #000099;  
            text-shadow: 2px 3px 1px #CCCCCC, 3px 3px 1px #000099;
}
.moto {
    padding: 0;
    width: 90%;
    margin: 0 auto 1em;
}
blockquote {
    font-size: 180%;
    text-align: center;
    letter-spacing: 1px;
    border-left: 5px solid #0070BA !important;
    font-family: "Agency FB", sans-serif;
}
.well {background-color: floralwhite;}
.well .page-header, .well .page-header h1 {margin-top: 0; }
.lwname {font: 125% architechregular;}
.mission p {
    width:85%;
    margin:0 auto;
    font-size: 140%;
    line-height: 1.5;
    text-align: justify;
    letter-spacing: 0.0625em;
    font-family: "Agency FB", sans-serif;
}
.clear { clear: both; }
div.spacer { margin: 4.5rem 3rem 2rem; }
/* Flaired edges, by Tomas Theunissen */
 hr.style-seven {
	 overflow: visible; /* For IE */
	 height: 30px;
	 border-style: solid;
	 border-color: #0070BA;
	 border-width: 1px 0 0 0;
	 border-radius: 20px;
	 }
hr.style-seven:before {
	/* Not really supposed to work, but does */
	display: block; content: "";
	height: 30px;
	margin-top: -31px;
	border-style: solid;
	border-color: #0070BA;
	border-width: 0 0 1px 0;
	border-radius: 20px;
}
hr.style-eight {
    padding: 0;
    color: #333;
    border: none;
    text-align: center;
    margin: 4.5em auto 2em;
    border-top: medium double  #0070BA;
}
hr.style-eight:after {
    content: "☆";
    display: inline-block;
    position: relative;
    top: -.8em;
    font-size: 1.5em;
    color: #0070BA;
    padding: 0 0.25em;
    background: white;
}
hr.style-nine {
    padding: 0;
    color: #333;
    border: none;
    text-align: center;
    margin: 4.5em 20% 2em;
    border-top: medium double  #0070BA;
}
hr.style-nine:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -.8em;
    font-size: 1.5em;
    color: #0070BA;
    padding: 0 0.25em;
    background: white;
}
.newResource {
    padding: 8px;
    background-image: url(../images/newResource150-tl.png),
                      url(../images/newResource150-tr.png);
    background-position: .5em top,
                         99.5% top;
    background-repeat: no-repeat;
}
                      /*url(../images/newResource150-bl.png),
                      url(../images/newResource150-br.png);*/
						 /*.5em bottom,
                         99.5% bottom;*/
.panel {background: #fafafa;}
.panel p {padding:1em;}
.panel-heading {
    background: url(../images/headrsliver.png) repeat-x;
    background-size: contain;
}
.panel-title a {
    color: #9FF;
    -webkit-transition: color .3s ease;
       -moz-transition: color .3s ease;
        -ms-transition: color .3s ease;
         -o-transition: color .3s ease;    
            transition: color .3s ease;
    -webkit-transition: text-shadow .3s ease;
       -moz-transition: text-shadow .3s ease;
        -ms-transition: text-shadow .3s ease;
         -o-transition: text-shadow .3s ease;    
            transition: text-shadow .3s ease;
}
.panel-title a:hover {
    color: #FFD700;
    -webkit-text-shadow: -3px -3px 20px rgba(255,255,255, 1), 3px 3px 20px rgba(255,255,255, 1);
       -moz-text-shadow: -3px -3px 20px rgba(255,255,255, 1), 3px 3px 20px rgba(255,255,255, 1);
        -ms-text-shadow: -3px -3px 20px rgba(255,255,255, 1), 3px 3px 20px rgba(255,255,255, 1);
         -o-text-shadow: -3px -3px 20px rgba(255,255,255, 1), 3px 3px 20px rgba(255,255,255, 1);    
            text-shadow: -3px -3px 20px rgba(255,255,255, 1), 3px 3px 20px rgba(255,255,255, 1);
}
.hed1 {font: 1.2em coolveticaregular, coolvetica_rg, sans-serif;}
.box-shadow--6dp {
    -webkit-box-shadow: 0 6px 10px 0 rgba(8, 43, 89, .4), 0 1px 18px 0 rgba(2, 94, 219, .2), 0 3px 5px -1px rgba(38, 130, 255, .2);
       -moz-box-shadow: 0 6px 10px 0 rgba(8, 43, 89, .4), 0 1px 18px 0 rgba(2, 94, 219, .2), 0 3px 5px -1px rgba(38, 130, 255, .2);
        -ms-box-shadow: 0 6px 10px 0 rgba(8, 43, 89, .4), 0 1px 18px 0 rgba(2, 94, 219, .2), 0 3px 5px -1px rgba(38, 130, 255, .2);
         -o-box-shadow: 0 6px 10px 0 rgba(8, 43, 89, .4), 0 1px 18px 0 rgba(2, 94, 219, .2), 0 3px 5px -1px rgba(38, 130, 255, .2);
            box-shadow: 0 6px 10px 0 rgba(8, 43, 89, .4), 0 1px 18px 0 rgba(2, 94, 219, .2), 0 3px 5px -1px rgba(38, 130, 255, .2);
}
.drop-shadow {
    -webkit-filter: drop-shadow(0 0 10px rgba(8, 43, 89,.5));
       -moz-filter: drop-shadow(0 0 10px rgba(8, 43, 89,.5));
        -ms-filter: drop-shadow(0 0 10px rgba(8, 43, 89,.5));
         -o-filter: drop-shadow(0 0 10px rgba(8, 43, 89,.5));
            filter: drop-shadow(0 0 10px rgba(8, 43, 89,.5));
}
.drop-shadow-2 {
    -webkit-filter: drop-shadow(0 0 5px rgba(8, 43, 89, .4));
       -moz-filter: drop-shadow(0 0 5px rgba(8, 43, 89, .4));
        -ms-filter: drop-shadow(0 0 5px rgba(8, 43, 89, .4));
         -o-filter: drop-shadow(0 0 5px rgba(8, 43, 89, .4));    
            filter: drop-shadow(0 0 5px rgba(8, 43, 89, .4));
}
.shadow2 {
    -webkit-box-shadow: 0 0 15px 5px #f1f5eb, 0 0 15px 3px #f2c407, 0 0 25px 1px #8f3404;
       -moz-box-shadow: 0 0 15px 5px #f1f5eb, 0 0 15px 3px #f2c407, 0 0 25px 1px #8f3404;
        -ms-box-shadow: 0 0 15px 5px #f1f5eb, 0 0 15px 3px #f2c407, 0 0 25px 1px #8f3404;
         -o-box-shadow: 0 0 15px 5px #f1f5eb, 0 0 15px 3px #f2c407, 0 0 25px 1px #8f3404;
            box-shadow: 0 0 15px 5px #f1f5eb, 0 0 15px 3px #f2c407, 0 0 25px 1px #8f3404;
}
.shadow3 {
    -webkit-box-shadow: inset 0 0 15px 5px #f1f5eb;
       -moz-box-shadow: inset 0 0 15px 5px #f1f5eb;
        -ms-box-shadow: inset 0 0 15px 5px #f1f5eb;
         -o-box-shadow: inset 0 0 15px 5px #f1f5eb;
            box-shadow: inset 0 0 15px 5px #f1f5eb;
}
.txtshad1 {
    -webkit-text-shadow: 3px 3px 3px rgba(0, 112, 186, .5), -3px -3px 3px rgba(0, 112, 186, .5);
       -moz-text-shadow: 3px 3px 3px rgba(0, 112, 186, .5), -3px -3px 3px rgba(0, 112, 186, .5);
        -ms-text-shadow: 3px 3px 3px rgba(0, 112, 186, .5), -3px -3px 3px rgba(0, 112, 186, .5);
         -o-text-shadow: 3px 3px 3px rgba(0, 112, 186, .5), -3px -3px 3px rgba(0, 112, 186, .5);    
            text-shadow: 3px 3px 3px rgba(0, 112, 186, .5), -3px -3px 3px rgba(0, 112, 186, .5);
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix {
    display: inline-block;
    overflow: auto;
}
.zoomfx a img {
    max-width: 100%;
    position: relative;
    -webkit-transition: 0.3s ease;
       -moz-transition: 0.3s ease;
        -ms-transition: 0.3s ease;
         -o-transition: 0.3s ease;    
            transition: 0.3s ease;
}
.zoomfx a img:hover {
    -webkit-transform: scale(1.05, 1.05);
       -moz-transform: scale(1.05, 1.05);
        -ms-transform: scale(1.05, 1.05);
         -o-transform: scale(1.05, 1.05);    
            transform: scale(1.05, 1.05);
}

/* |~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|
   |Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw  NAVIGATION  Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw|
   |~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~| 
*/

.navbar-default {
    background: url(../images/headrsliver.png);
    background-size: contain;
    background-position: center;
    -webkit-box-shadow: 0 0 15px 1px #138DCE, 0 0 18px 2px #0033FF;
       -moz-box-shadow: 0 0 15px 1px #138DCE, 0 0 18px 2px #0033FF;
        -ms-box-shadow: 0 0 15px 1px #138DCE, 0 0 18px 2px #0033FF;
         -o-box-shadow: 0 0 15px 1px #138DCE, 0 0 18px 2px #0033FF;    
            box-shadow: 0 0 15px 1px #138DCE, 0 0 18px 2px #0033FF;
}
ul.navbar-nav { margin-top:3px;}
.navbar-toggle { background: url(../img/chrome-sqr.jpg);}
.icon-bar { background-color: #3C1584 !important;}
.navbar-brand {
    padding: 0;
    margin: auto 50px;
    width:100px;
}
a.nav-logo {
    max-width: 100%;
    padding-bottom: 50px;
    display: block;
    background: url(../img/logo_lw50.png) no-repeat;
    background-position:center;
    -webkit-transition: filter .3s;
       -moz-transition: filter .3s;
        -ms-transition: filter .3s;
         -o-transition: filter .3s;   
            transition: filter .3s;
    -webkit-filter: drop-shadow(0 0 10px rgba(240, 248, 255, .6));
       -moz-filter: drop-shadow(0 0 10px rgba(240, 248, 255, .6));
        -ms-filter: drop-shadow(0 0 10px rgba(240, 248, 255, .6));
         -o-filter: drop-shadow(0 0 10px rgba(240, 248, 255, .6));
	        filter: drop-shadow(0 0 10px rgba(240, 248, 255, .6));
}
a.nav-logo:hover {
    -webkit-filter: drop-shadow(0 0 10px rgba(240, 248, 255, 1));
       -moz-filter: drop-shadow(0 0 10px rgba(240, 248, 255, 1));
        -ms-filter: drop-shadow(0 0 10px rgba(240, 248, 255, 1));
         -o-filter: drop-shadow(0 0 10px rgba(240, 248, 255, 1));
	        filter: drop-shadow(0 0 10px rgba(240, 248, 255, 1));
}
.active a {
    color: #9FF !important;
    border-radius: 6px;
    border: 1px solid rgba(240, 248, 255, .6);
    background: url(../images/headrsliver.png);
    background-position: center;
    -webkit-text-shadow: -3px -3px 5px #0CF, 3px 3px 5px #0CF;
       -moz-text-shadow: -3px -3px 5px #0CF, 3px 3px 5px #0CF;
        -ms-text-shadow: -3px -3px 5px #0CF, 3px 3px 5px #0CF;
         -o-text-shadow: -3px -3px 5px #0CF, 3px 3px 5px #0CF;    
	        text-shadow: -3px -3px 5px #0CF, 3px 3px 5px #0CF;
     -webkit-box-shadow: 0 0 1px 2px #138DCE, 0 0 12px 3px #0033FF;
        -moz-box-shadow: 0 0 1px 2px #138DCE, 0 0 12px 3px #0033FF;
         -ms-box-shadow: 0 0 1px 2px #138DCE, 0 0 12px 3px #0033FF;
          -o-box-shadow: 0 0 1px 2px #138DCE, 0 0 12px 3px #0033FF;	
             box-shadow: 0 0 1px 2px #138DCE, 0 0 12px 3px #0033FF;
}
ul.navbar-nav > li.active a:hover {
    color: #3EFCFC !important; /*A4C0FF*/
    border-radius: 6px;
    background: url(../images/headrsliver.png);
    background-position: center !important;
    -webkit-text-shadow: -1px -1px #00F, 1px 1px #00F, -3px -3px 5px #F0F8FF, 3px 3px 5px #F0F8FF;
       -moz-text-shadow: -1px -1px #00F, 1px 1px #00F, -3px -3px 5px #F0F8FF, 3px 3px 5px #F0F8FF;
        -ms-text-shadow: -1px -1px #00F, 1px 1px #00F, -3px -3px 5px #F0F8FF, 3px 3px 5px #F0F8FF;
         -o-text-shadow: -1px -1px #00F, 1px 1px #00F, -3px -3px 5px #F0F8FF, 3px 3px 5px #F0F8FF;    
	        text-shadow: -1px -1px #00F, 1px 1px #00F, -3px -3px 5px #F0F8FF, 3px 3px 5px #F0F8FF;
    -webkit-box-shadow: 0 0 1px 2px #F0F8FF, 0 0 12px 3px #F0F8FF;
       -moz-box-shadow: 0 0 1px 2px #F0F8FF, 0 0 12px 3px #F0F8FF;
        -ms-box-shadow: 0 0 1px 2px #F0F8FF, 0 0 12px 3px #F0F8FF;
         -o-box-shadow: 0 0 1px 2px #F0F8FF, 0 0 12px 3px #F0F8FF;	
            box-shadow: 0 0 1px 2px #F0F8FF, 0 0 12px 3px #F0F8FF;
}
 /* unvisited link */
.navbar-nav a:link {
    padding: 10px;
    margin: 0 .3em;
    font-size: 1.5em;
    color: #9FF !important;
    font-family: enter_sansmanbold_italic, vrindab;
    -webkit-text-shadow: -1px -1px #3C1584, 1px 1px #3C1584;
       -moz-text-shadow: -1px -1px #3C1584, 1px 1px #3C1584;
        -ms-text-shadow: -1px -1px #3C1584, 1px 1px #3C1584;
         -o-text-shadow: -1px -1px #3C1584, 1px 1px #3C1584;
            text-shadow: -1px -1px #3C1584, 1px 1px #3C1584;
    -webkit-transition: color .3s;
       -moz-transition: color .3s;
         -mstransition: color .3s;-
         -o-transition: color .3s;    
            transition: color .3s;
    -webkit-transition: text-shadow .3s;
       -moz-transition: text-shadow .3s;
        -ms-transition: text-shadow .3s;
         -o-transition: text-shadow .3s;    
            transition: text-shadow .3s;
}
/* visited link 32cd32*/
.navbar-nav a:visited {color: #A4BFFF !important;}

/* mouse over link */
.navbar-nav a:hover, .navbar-nav a:focus {
    color: #3C1584 !important;
    font-size: 1.5em;
    font-family: enter_sansmanbold_italic;
    -webkit-text-shadow: -1px -1px #FFDF00, 1px 1px #FFDF00, -2px -2px #B1A14F, 2px 2px #B1A14F, -3px -3px #9D8F46,  -6px -6px 3px #3C1584;
       -moz-text-shadow: -1px -1px #FFDF00, 1px 1px #FFDF00, -2px -2px #B1A14F, 2px 2px #B1A14F, -3px -3px #9D8F46,  -6px -6px 3px #3C1584;
        -ms-text-shadow: -1px -1px #FFDF00, 1px 1px #FFDF00, -2px -2px #B1A14F, 2px 2px #B1A14F, -3px -3px #9D8F46,  -6px -6px 3px #3C1584;
         -o-text-shadow: -1px -1px #FFDF00, 1px 1px #FFDF00, -2px -2px #B1A14F, 2px 2px #B1A14F, -3px -3px #9D8F46,  -6px -6px 3px #3C1584;
            text-shadow: -1px -1px #FFDF00, 1px 1px #FFDF00, -2px -2px #FAD205, -3px -3px #B1A14F, -4px -4px #9D8F46,  -7px -7px 3px #3C1584;
}
/* selected link */
.navbar-nav a:active {
    color: #C5B358 !important;
}
.navbar-right {
    color: #9FF;
    padding: 6px;
    font-size: 1.5em;
    font-family: vrindab;
    -webkit-text-shadow: -.5px -.5px #3C1584, .5px .5px #3C1584;
       -moz-text-shadow: -.5px -.5px #3C1584, .5px .5px #3C1584;
        -ms-text-shadow: -.5px -.5px #3C1584, .5px .5px #3C1584;
         -o-text-shadow: -.5px -.5px #3C1584, .5px .5px #3C1584;
            text-shadow: -.5px -.5px #3C1584, .5px .5px #3C1584;
}


/* |~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|
   |Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw  FEATURE SECTION HOME PAGE  Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw|
   |~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|
*/
.featureheading {
  width: 100%;
  padding: 1em;
  border-radius:5px;
  background: -webkit-linear-gradient(left, rgba(200,255,255,1), rgba(255,255,255, .1) );     /* For Safari 5.1 to 6.0 */
  background:    -moz-linear-gradient(right, rgba(200,255,255,1), rgba(255,255,255, .1) );    /* For Firefox 3.6 to 15 */
  background:      -o-linear-gradient(right, rgba(200,255,255,1), rgba(255,255,255, .1) );    /* For Opera 11.1 to 12.0 */
  background:         linear-gradient(to right, rgba(200,255,255,1), rgba(255,255,255, .1) ); /* Standard syntax */
  -webkit-box-shadow:-5px -5px 5px rgba(204,204,204,.75);
     -moz-box-shadow:-5px -5px 5px rgba(204,204,204,.75);
      -ms-box-shadow:-5px -5px 5px rgba(204,204,204,.75);
       -o-box-shadow:-5px -5px 5px rgba(204,204,204,.75);
	      box-shadow:-5px -5px 5px rgba(204,204,204,.75);
}
.featureheading p {
	font: 1.5em corbelb, arial, sans-serif;
	-webkit-text-shadow: 2px 2px 4px #09F;
	   -moz-text-shadow: 2px 2px 4px #09F;
		-ms-text-shadow: 2px 2px 4px #09F;
		 -o-text-shadow: 2px 2px 4px #09F;
			text-shadow: 2px 2px 4px #09F;
}
#featurewebsite p {margin: 2em auto;}
#featurewebsite a img {
  max-width: 100%;
	position: relative;
    -webkit-transition: 0.3s ease;
       -moz-transition: 0.3s ease;
        -ms-transition: 0.3s ease;
         -o-transition: 0.3s ease;	
	        transition: 0.3s ease;
    -webkit-box-shadow: 0 3px 5px 0 rgba(8, 43, 89, .8), 0 1px 9px 0 rgba(2, 94, 219, .6), 0 3px 5px -1px rgba(38, 130, 255, .8);
       -moz-box-shadow: 0 3px 5px 0 rgba(8, 43, 89, .8), 0 1px 9px 0 rgba(2, 94, 219, .6), 0 3px 5px -1px rgba(38, 130, 255, .8);
        -ms-box-shadow: 0 3px 5px 0 rgba(8, 43, 89, .8), 0 1px 9px 0 rgba(2, 94, 219, .6), 0 3px 5px -1px rgba(38, 130, 255, .8);
         -o-box-shadow: 0 3px 5px 0 rgba(8, 43, 89, .8), 0 1px 9px 0 rgba(2, 94, 219, .6), 0 3px 5px -1px rgba(38, 130, 255, .8);
            box-shadow: 0 3px 5px 0 rgba(8, 43, 89, .8), 0 1px 9px 0 rgba(2, 94, 219, .6), 0 3px 5px -1px rgba(38, 130, 255, .8);
}
#featurewebsite a img:hover {
    -webkit-transform: scale(1.01, 1.01);
       -moz-transform: scale(1.01, 1.01);
        -ms-transform: scale(1.01, 1.01);
         -o-transform: scale(1.01, 1.01);    
            transform: scale(1.01, 1.01);
    -webkit-box-shadow: 0 6px 10px 0 rgba(8, 43, 89, .4), 0 1px 18px 0 rgba(2, 94, 219, .2), 0 3px 5px -1px rgba(38, 130, 255, .2);
       -moz-box-shadow: 0 6px 10px 0 rgba(8, 43, 89, .4), 0 1px 18px 0 rgba(2, 94, 219, .2), 0 3px 5px -1px rgba(38, 130, 255, .2);
        -ms-box-shadow: 0 6px 10px 0 rgba(8, 43, 89, .4), 0 1px 18px 0 rgba(2, 94, 219, .2), 0 3px 5px -1px rgba(38, 130, 255, .2);
         -o-box-shadow: 0 6px 10px 0 rgba(8, 43, 89, .4), 0 1px 18px 0 rgba(2, 94, 219, .2), 0 3px 5px -1px rgba(38, 130, 255, .2);
            box-shadow: 0 6px 10px 0 rgba(8, 43, 89, .4), 0 1px 18px 0 rgba(2, 94, 219, .2), 0 3px 5px -1px rgba(38, 130, 255, .2);
}
div.featureContainer {
  width: 100%;
  padding: 0 2em;
  float: left;
}
div.featureContainer h2 {
    color: #000;
    max-width: 100%;
    text-align: center;
    font: 3.2em "traveling__typewriterregular", "Courier New", monospace;
    -webkit-text-shadow: 1px 1px 1px #FFF, 2px 2px 5px #000099;
       -moz-text-shadow: 1px 1px 1px #FFF, 2px 2px 5px #000099;
        -ms-text-shadow: 1px 1px 1px #FFF, 2px 2px 5px #000099;
         -o-text-shadow: 1px 1px 1px #FFF, 2px 2px 5px #000099;  
            text-shadow: 1px 1px 1px #FFF, 2px 2px 5px #000099;
}
div.featureContainer h3 {
    color: #3C1584;
    max-width: 100%;
    text-align: center;
    font: 2.5em BROADW, "Courier New", monospace;
    -webkit-text-shadow: 1px 1px 1px #FFF, 2px 2px 5px #000099;
       -moz-text-shadow: 1px 1px 1px #FFF, 2px 2px 5px #000099;
        -ms-text-shadow: 1px 1px 1px #FFF, 2px 2px 5px #000099;
         -o-text-shadow: 1px 1px 1px #FFF, 2px 2px 5px #000099;  
            text-shadow: 1px 1px 1px #FFF, 2px 2px 5px #000099;
}
div.featuredCode { text-align: justify; padding: 2em; }
div.featuredCode h3 {
    text-align: center;
    margin: 0;
    padding: 0;
    color: #B7410E;
    font: 3em SteamwreckI, sans-serif;
}
div.featuredFX a {
    text-decoration: none;
    outline: none;
}
div.featuredCode a {
    text-decoration: none;
    color: #1F0F54;
    text-align: center;
	outline: none;
}
div.featuredCode a:hover {text-decoration: underline;}
div.featuredCode figcaption {
    margin-top:.75em;
	font: 1em arial, ralewaybold, sans-serif; line-height: 1.5;
	-webkit-text-shadow: -1px -1px #138dce;
	   -moz-text-shadow: -1px -1px #138dce;
		-ms-text-shadow: -1px -1px #138dce;
		 -o-text-shadow: -1px -1px #138dce;
			text-shadow: -1px -1px #138dce;
}
div.featuredFX a img {
    max-width: 100%;
	position: relative;
    -webkit-transition: 0.3s ease;
       -moz-transition: 0.3s ease;
        -ms-transition: 0.3s ease;
         -o-transition: 0.3s ease;	
            transition: 0.3s ease;
  -webkit-box-shadow: 0 3px 5px 0 rgba(8, 43, 89, .8), 0 1px 9px 0 rgba(2, 94, 219, .6), 0 3px 5px -1px rgba(38, 130, 255, .8);
     -moz-box-shadow: 0 3px 5px 0 rgba(8, 43, 89, .8), 0 1px 9px 0 rgba(2, 94, 219, .6), 0 3px 5px -1px rgba(38, 130, 255, .8);
      -ms-box-shadow: 0 3px 5px 0 rgba(8, 43, 89, .8), 0 1px 9px 0 rgba(2, 94, 219, .6), 0 3px 5px -1px rgba(38, 130, 255, .8);
       -o-box-shadow: 0 3px 5px 0 rgba(8, 43, 89, .8), 0 1px 9px 0 rgba(2, 94, 219, .6), 0 3px 5px -1px rgba(38, 130, 255, .8);
          box-shadow: 0 3px 5px 0 rgba(8, 43, 89, .8), 0 1px 9px 0 rgba(2, 94, 219, .6), 0 3px 5px -1px rgba(38, 130, 255, .8);
}
div.featuredFX a img:hover {
  text-decoration: underline;
  transform: scale(1.05, 1.05);
  -webkit-box-shadow: 0 6px 10px 0 rgba(8, 43, 89, .4), 0 1px 18px 0 rgba(2, 94, 219, .2), 0 3px 5px -1px rgba(38, 130, 255, .2);
     -moz-box-shadow: 0 6px 10px 0 rgba(8, 43, 89, .4), 0 1px 18px 0 rgba(2, 94, 219, .2), 0 3px 5px -1px rgba(38, 130, 255, .2);
      -ms-box-shadow: 0 6px 10px 0 rgba(8, 43, 89, .4), 0 1px 18px 0 rgba(2, 94, 219, .2), 0 3px 5px -1px rgba(38, 130, 255, .2);
       -o-box-shadow: 0 6px 10px 0 rgba(8, 43, 89, .4), 0 1px 18px 0 rgba(2, 94, 219, .2), 0 3px 5px -1px rgba(38, 130, 255, .2);
          box-shadow: 0 6px 10px 0 rgba(8, 43, 89, .4), 0 1px 18px 0 rgba(2, 94, 219, .2), 0 3px 5px -1px rgba(38, 130, 255, .2);
}

/* _______________________________________________ Bouncing Shield Home Page _______________________________________________ */
div#shieldContainer {
  height:210px;
  max-width:145px;
  margin:0px auto;
}
div#shield {
    position: relative;
    top: 0;
    width: 142px;
    height: 159px;
    background: url(../img/Css3-shield.png);
    -webkit-animation: shield_float ease 2s infinite;
       -moz-animation: shield_float ease 2s infinite;
        -ms-animation: shield_float ease 2s infinite;
         -o-animation: shield_float ease 2s infinite;
	        animation: shield_float ease 2s infinite;
}
@-webkit-keyframes shield_float { 50% { top: 50px; } 100% { top: 0; } }
@-moz-keyframes shield_float    { 50% { top: 50px; } 100% { top: 0; } }
@-ms-keyframes shield_float     { 50% { top: 50px; } 100% { top: 0; } }
@-o-keyframes shield_float      { 50% { top: 50px; } 100% { top: 0; } }
@keyframes shield_float         { 50% { top: 50px; } 100% { top: 0; } }
div#shieldShadow {
  position: relative;
  top:50px;
  opacity:0.1;
  height:16px;
  background: #999;
  border-radius:100%;
  margin:0px 0px 0px 0px;
  -webkit-animation: shadow_react ease 2s infinite;
     -moz-animation: shadow_react ease 2s infinite;
      -ms-animation: shadow_react ease 2s infinite;
       -o-animation: shadow_react ease 2s infinite;
	      animation: shadow_react ease 2s infinite;
}
@-webkit-keyframes shadow_react { 50% { margin:0px 20% 0px 20%; opacity:0.7; } 100% { margin:0px 0px 0px 0px; opacity:0.1;  } }
@-moz-keyframes shadow_react    { 50% { margin:0px 20% 0px 20%; opacity:0.7; } 100% { margin:0px 0px 0px 0px; opacity:0.1;  } }
@-ms-keyframes shadow_react     { 50% { margin:0px 20% 0px 20%; opacity:0.7; } 100% { margin:0px 0px 0px 0px; opacity:0.1;  } }
@-o-keyframes shadow_react      { 50% { margin:0px 20% 0px 20%; opacity:0.7; } 100% { margin:0px 0px 0px 0px; opacity:0.1;  } }
@keyframes shadow_react         { 50% { margin:0px 20% 0px 20%; opacity:0.7; } 100% { margin:0px 0px 0px 0px; opacity:0.1;  } }
/* _______________________________________________ Bouncing Shield Home Page END _______________________________________________ */

/* ________________________ PAGE PROMOTION SECTION ________________________ */
#features { text-align: center;  padding: 0 1rem; }
#features img { margin: 0 0 1.25em; }  
#features p { text-align: justify; }
.panel-heading {color: #f0f8ff; background-color: #0070BA;}
.btn-custom {
    color: #21029B;
    border: 1px solid #21029B;
    background: url(../img/stainlessBG100.jpg) repeat;
}

/* |~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~||
   |Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw    WORKS PAGE    Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw|
   |~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~||
*/
.sectionheading {
    width: 70%;
    padding: 0;
    margin: 0 0 0 2em;
    border-radius:5px;
    background: -webkit-linear-gradient(left, rgba(200,255,255,1), rgba(255,255,255, .1) );      /* For Safari 5.1 to 6.0 */
    background:    -moz-linear-gradient(right, rgba(200,255,255,1), rgba(255,255,255, .1) );     /* For Firefox 3.6 to 15 */
    background:         linear-gradient(to right, rgba(200,255,255,1), rgba(255,255,255, .1) );  /* Standard syntax */
    -webkit-box-shadow:-5px -5px 5px rgba(204,204,204,.75);
       -moz-box-shadow:-5px -5px 5px rgba(204,204,204,.75);
        -ms-box-shadow:-5px -5px 5px rgba(204,204,204,.75);
         -o-box-shadow:-5px -5px 5px rgba(204,204,204,.75);
	        box-shadow:-5px -5px 5px rgba(204,204,204,.75);
}
.sectionheading h3 {
    font: 2em "Odin Rounded", odin_roundedbold;
    margin-left: 2em;
    padding: .3em 0;
    -webkit-text-shadow: 1px 2px 1px #CCCCCC, 2px 2px 1px #000099;
       -moz-text-shadow: 1px 2px 1px #CCCCCC, 2px 2px 1px #000099;
        -ms-text-shadow: 1px 2px 1px #CCCCCC, 2px 2px 1px #000099;
         -o-text-shadow: 1px 2px 1px #CCCCCC, 2px 2px 1px #000099;  
            text-shadow: 1px 2px 1px #CCCCCC, 2px 2px 1px #000099;
}
.sectionheading h4 {
    font: 1.5em coolvetica_rg;
    margin-left: 2em;
    padding: .3em 0;
    -webkit-text-shadow: 1px 2px 1px #CCCCCC, 2px 2px 1px #000099;
       -moz-text-shadow: 1px 2px 1px #CCCCCC, 2px 2px 1px #000099;
        -ms-text-shadow: 1px 2px 1px #CCCCCC, 2px 2px 1px #000099;
         -o-text-shadow: 1px 2px 1px #CCCCCC, 2px 2px 1px #000099;  
            text-shadow: 1px 1px 1px #CCCCCC, 2px 1px 1px #000099;
}

/* ____________________ BORDER SURROUNDING FEATURE PRESENTATION STAGE CURTAINS ___________________ */
.featuretitle {text-align:center; max-width:100%;}
.featuretitle dt {
    padding-left: 1em;
    color:#e2a25a;
    font-weight:bold;
    font-size: 3em;
    font-family: Broadway;
    -webkit-text-shadow: 1px 1px 1px #8aaee7, 2px 2px 1px #96642d;
       -moz-text-shadow: 1px 1px 1px #8aaee7, 2px 2px 1px #96642d;
        -ms-text-shadow: 1px 1px 1px #8aaee7, 2px 2px 1px #96642d;
         -o-text-shadow: 1px 1px 1px #8aaee7, 2px 2px 1px #96642d;
	        text-shadow: 1px 1px 1px #8aaee7, 2px 2px 1px #96642d;
}
.featuretitle dd { font:1.5em aase; }
.featuretitle dd:last-child { margin: 1em auto 0; }
#feature {
    max-width: 1145px;
    height: 43.3em;
    padding:2em 0 0;
    margin:2em auto 0em;
    background: url(../images/feature_presentation.gif) no-repeat 50% 5%,
	            url(../images/TheaterCurtains1145x600.jpg) no-repeat,
	            #701616;
    border:#bf0d0b solid 3px;
    overflow:hidden;
    -webkit-box-shadow: inset 0 0 35px 25px rgba(0,0,0,1);
       -moz-box-shadow: inset 0 0 35px 25px rgba(0,0,0,1);
        -ms-box-shadow: inset 0 0 35px 25px rgba(0,0,0,1);
         -o-box-shadow: inset 0 0 35px 25px rgba(0,0,0,1);
            box-shadow: inset 0 0 35px 25px rgba(0,0,0,1);
}
/* ____________________ BORDER SURROUNDING FEATURE PRESENTATION STAGE CURTAINS END ____________________ */

/* _______________________________________ FEATURED STAGE LOGO ________________________________________ */
.stage-logo {
    max-width: 100%;
    position: relative;
    transition: 0.3s ease;
    -webkit-box-shadow: 0 0 3px 2px #f1f5eb, 0 0 5px 3px #f2c407, 0 0 10px 5px #8f3404;
       -moz-box-shadow: 0 0 3px 2px #f1f5eb, 0 0 5px 3px #f2c407, 0 0 10px 5px #8f3404;
        -ms-box-shadow: 0 0 3px 2px #f1f5eb, 0 0 5px 3px #f2c407, 0 0 10px 5px #8f3404;
         -o-box-shadow: 0 0 3px 2px #f1f5eb, 0 0 5px 3px #f2c407, 0 0 10px 5px #8f3404;
            box-shadow: 0 0 3px 2px #f1f5eb, 0 0 5px 3px #f2c407, 0 0 10px 5px #8f3404;
}
.stage-logo:hover {
    transform: scale(1.1, 1.1);
    -webkit-box-shadow: 0 0 10px 5px #f1f5eb, 0 0 15px 8px #f2c407, 0 0 25px 10px #8f3404;
       -moz-box-shadow: 0 0 10px 5px #f1f5eb, 0 0 15px 8px #f2c407, 0 0 25px 10px #8f3404;
        -ms-box-shadow: 0 0 10px 5px #f1f5eb, 0 0 15px 8px #f2c407, 0 0 25px 10px #8f3404;
         -o-box-shadow: 0 0 10px 5px #f1f5eb, 0 0 15px 8px #f2c407, 0 0 25px 10px #8f3404;
            box-shadow: 0 0 10px 5px #f1f5eb, 0 0 15px 8px #f2c407, 0 0 25px 10px #8f3404;
}
.logo {
    top: 2em;
    margin: 0 auto;
    position: relative;
    -webkit-box-shadow:0 0 12px 12px rgba(255,255,255,1);
       -moz-box-shadow:0 0 12px 12px rgba(255,255,255,1);
        -ms-box-shadow:0 0 12px 12px rgba(255,255,255,1);
         -o-box-shadow:0 0 12px 12px rgba(255,255,255,1);
	        box-shadow:0 0 12px 12px rgba(255,255,255,1);
}
.logos {
    top: 1.5em;
    position: relative;
    margin: 0 auto !important;
}
.rndlogodrk {
    -webkit-filter: drop-shadow(0 0 10px rgba(255,255,255,1));
       -moz-filter: drop-shadow(0 0 10px rgba(255,255,255,1));
        -ms-filter: drop-shadow(0 0 10px rgba(255,255,255,1));
         -o-filter: drop-shadow(0 0 10px rgba(255,255,255,1)); 
	        filter: drop-shadow(0 0 10px rgba(255,255,255,1));  
}
.rndlogolt {
    -webkit-filter: drop-shadow(0 0 10px rgba(0,0,0,.5));
       -moz-filter: drop-shadow(0 0 10px rgba(0,0,0,.5));
        -ms-filter: drop-shadow(0 0 10px rgba(0,0,0,.5));
         -o-filter: drop-shadow(0 0 10px rgba(0,0,0,.5)); 
	        filter: drop-shadow(0 0 10px rgba(0,0,0,.5));  
}
.featurecap {font: 1em Arial, Helvetica, sans-serif; margin-top: 2em; color:#ff0;}
/* ________________________________________ FEATURED STAGE LOGO END _________________________________________ */

/* ____________________ FEATURE PRESENTATION BACK STAGE DOOR SPRITE WORKS PAGE ______________________________ */
.backstagedoor {margin: 0; padding: 0; position: relative; top: 0em; left: 0em;}
a.backdoorSprite {
    position:relative;
    margin-left: 1em;
    display:block;
    width:278px;
    height:86px;
    background-image: url(../images/backdoorSprite.png);
    background-position:0px 0px;
    -webkit-box-shadow: 0 0 3px 2px rgba(0,84,11,1);
       -moz-box-shadow: 0 0 3px 2px rgba(0,84,11,1);
        -ms-box-shadow: 0 0 3px 2px rgba(0,84,11,1);
         -o-box-shadow: 0 0 3px 2px rgba(0,84,11,1);
            box-shadow: 0 0 3px 2px rgba(0,84,11,1);
}
a.backdoorSprite:hover {background-position: 0px -94px;}
.captionAdjust {
	margin: .2em 0 1em 1.2em;
	font: 1.3em BROADW;
	-webkit-text-shadow: -1px -1px #C5B358, 1px 1px #C5B358;
	   -moz-text-shadow: -1px -1px #C5B358, 1px 1px #C5B358;
		-ms-text-shadow: -1px -1px #C5B358, 1px 1px #C5B358;
		 -o-text-shadow: -1px -1px #C5B358, 1px 1px #C5B358;
			text-shadow: -1px -1px #C5B358, 1px 1px #C5B358;
}
.writeup {
  width: 75%;
  color: #FFF;
  padding: 1em;
  margin: 1em auto;
  font-size: .875em;
  border-radius: 10px;
  text-align: justify;
  box-sizing: border-box;
  border: 1px solid #2222A0;
  background: #00F;
  background: -webkit-linear-gradient(left top, #B1B1FF, #2626FF);
  background:    -moz-linear-gradient(#B1B1FF, #2626FF);
  background:      -o-linear-gradient(#B1B1FF, #2626FF);
  background:         linear-gradient(#B1B1FF, #2626FF);
  -webkit-box-shadow: 0 0 3px 3px #FFF, 0 0 4px 5px #0000FF;
     -moz-box-shadow: 0 0 3px 3px #FFF, 0 0 4px 5px #0000FF;
      -ms-box-shadow: 0 0 3px 3px #FFF, 0 0 4px 5px #0000FF;
       -o-box-shadow: 0 0 3px 3px #FFF, 0 0 4px 5px #0000FF;
	      box-shadow: 0 0 3px 3px #FFF, 0 0 4px 5px #0000FF;
}
/* feature presintation title */
.initials {font-size:75%;}
.industry {font-size:65%;}
.feature {display: inherit;}
/* _____________________________ FEATURE PRESENTATION BACK STAGE DOOR SPRITE END ____________________________ */

/* ______________________________________________ WEBSITE LOGOS _____________________________________________ */
.media {padding: 2em;}
.hovrfx a img,
.media > a img {
    max-width: 100%;
    position: relative;
    transition: 0.3s ease;
    -webkit-box-shadow: 0 3px 5px 0 rgba(8, 43, 89, .8), 0 1px 9px 0 rgba(2, 94, 219, .6), 0 3px 5px -1px rgba(38, 130, 255, .8);
       -moz-box-shadow: 0 3px 5px 0 rgba(8, 43, 89, .8), 0 1px 9px 0 rgba(2, 94, 219, .6), 0 3px 5px -1px rgba(38, 130, 255, .8);
        -ms-box-shadow: 0 3px 5px 0 rgba(8, 43, 89, .8), 0 1px 9px 0 rgba(2, 94, 219, .6), 0 3px 5px -1px rgba(38, 130, 255, .8);
         -o-box-shadow: 0 3px 5px 0 rgba(8, 43, 89, .8), 0 1px 9px 0 rgba(2, 94, 219, .6), 0 3px 5px -1px rgba(38, 130, 255, .8);
            box-shadow: 0 3px 5px 0 rgba(8, 43, 89, .8), 0 1px 9px 0 rgba(2, 94, 219, .6), 0 3px 5px -1px rgba(38, 130, 255, .8);
}
.hovrfx a img:hover,
.media > a img:hover {
    transform: scale(1.05, 1.05);
    -webkit-box-shadow: 0 6px 10px 0 rgba(8, 43, 89, .4), 0 1px 18px 0 rgba(2, 94, 219, .2), 0 3px 5px -1px rgba(38, 130, 255, .2);
       -moz-box-shadow: 0 6px 10px 0 rgba(8, 43, 89, .4), 0 1px 18px 0 rgba(2, 94, 219, .2), 0 3px 5px -1px rgba(38, 130, 255, .2);
        -ms-box-shadow: 0 6px 10px 0 rgba(8, 43, 89, .4), 0 1px 18px 0 rgba(2, 94, 219, .2), 0 3px 5px -1px rgba(38, 130, 255, .2);
         -o-box-shadow: 0 6px 10px 0 rgba(8, 43, 89, .4), 0 1px 18px 0 rgba(2, 94, 219, .2), 0 3px 5px -1px rgba(38, 130, 255, .2);
            box-shadow: 0 6px 10px 0 rgba(8, 43, 89, .4), 0 1px 18px 0 rgba(2, 94, 219, .2), 0 3px 5px -1px rgba(38, 130, 255, .2);
}
.media-body p {text-align: justify;}
/* __________________ MISC. RULES __________________ */
.gap { margin-top: 2em; }
.gry { background: #CCC; }
.pic { margin: 0 1em 2em 0; }
.fa-snippet {
    background:#fff;
    margin: 0 1em;
    border-top-right-radius:6px;
}

/* |~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|
   |Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw    DIGITAL ART PAGE   Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw|
   |~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|
*/
.box { text-align:right; float:right; max-width:14em; }
.box > figure a img { padding:0 !important; margin:1em 0 1em 1em !important; max-width:12em; }
.box figcaption { color:#800; font: 1em Arial, Helvetica, sans-serif; }
.instruct h2 { font-family: caveman; }
.indicator {opacity: .3;}

/* |~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|
   |Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw    ABOUT PAGE   Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw|
   |~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|
*/
.aboutImg {
    top: 2em;
    width: 9em;
    float:right;
    height: 20em;
    position: relative;
    background-size: 80% auto;			
    background: url(../img/tag.png) no-repeat 80% 90%,
	            url(../img/headshot.png)  no-repeat 50% 0;
}
abbr {cursor:pointer;}

/* |~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|
   |Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw    LOGOS PAGE   Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw|
   |~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|
*/
.blog-logo p {text-align:justify}
.first-letter p:first-letter {
    color: #0C0C63;
    font-weight: bold;
    letter-spacing: 2px;
    font: 2em enter_sansmanbold_italic, Harrington, serif;
}
.ovrhul_banr { text-align: center; }
.logo-tip { text-align: center; }
.logo-tip h3 {margin: 2em auto;	font: 2em aase;}
.sr-only {
    border: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    clip: rect(0,0,0,0);
}
figcaption {
    color: #422E82;
    font: 2em architechregular;
    -webkit-text-shadow: 3px 3px 3px #333;
       -moz-text-shadow: 3px 3px 3px #333;
        -ms-text-shadow: 3px 3px 3px #333;
         -o-text-shadow: 3px 3px 3px #333;
            text-shadow: 3px 3px 3px #333;
}
.logo-content {
    margin: 2em auto;
    text-align: center;
}

/* Reduces images to fit on page until activated with click or tap */
.logo-content img {max-width: 80%;}

.logo_designs { text-align: center; }
.logo_designs h3 {
    color: #3e1886;
    word-spacing: 8px;
    letter-spacing: 6px;
    font: 4em ROUGD__, rough_draftregular, sans-serif;
}
.artboard { text-align: center; margin: 2em auto; }
.artboard h3 { font: 3em aase; }
.artboard img {
    max-width: 100%;
    background: #fff;
    border: 2px solid #000;
    -webkit-box-shadow: 0 0 3px 2px #333;
       -moz-box-shadow: 0 0 3px 2px #333;
        -ms-box-shadow: 0 0 3px 2px #333;
         -o-box-shadow: 0 0 3px 2px #333;
	        box-shadow: 0 0 3px 2px #333;
}
/* |~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|
   |Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw    RESOURCES PAGE   Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw|
   |~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|
*/
/* _____________________ CSS-Tricks Sprite Site ____________________ */
.text {font: 1.5em Odin-Rounded-Bold; margin:8px;}
.text2 {font-size: 1.5em; margin:8px;}
/* ___________________ CSS-Tricks Sprite Site End __________________ */
/* ___________________ Brian Johnson Sprite Site ___________________ */
span.sprite {
    height: 0;
    width: 15%;
    display:block;
    padding-bottom: 15%;
    margin: auto auto 3em 2em;
    background-image: url(../images/myheads.jpg);
    background-position: 0 0;
    background-size: 200%;
}
span.sprite:hover {
    background-position: 100% 0; /* Use ONLY percents here */
}
/* _________________ Brian Johnson Sprite Site End __________________ */

/* __________ Text Over Images On Hover Geek Girl Life Tut __________ */

ul.img-list {
    margin: 0;
    padding: 0;
    text-align: center;
    list-style-type: none;
}
ul.img-list li {
    width: 250px;
    height: 105px;
    position: relative;
    margin: 0 1em 1em 0;
    display: inline-block;
}
ul.img-list li:hover span.text-content {opacity: 1;}
span.text-content {
    opacity: 0;
    top: .45em;
    left: .45em;
    width: 235px;
    height: 105px;
    display: table;
    cursor: pointer;
    position: absolute;
    border-radius: 5px;
    background: rgba(0,0,0,0.5);
    -webkit-transition: opacity 500ms;
       -moz-transition: opacity 500ms;
        -ms-transition: opacity 500ms;
         -o-transition: opacity 500ms;
            transition: opacity 500ms;
}
span.text-content span {
    color: #FF0;
    font-weight: bold;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font: 1.5em coolveticaregular, coolvetica_rg, sans-serif;
    -webkit-text-shadow: -3px -3px 15px #FFD700, 3px 3px 15px #FFD700;
       -moz-text-shadow: -3px -3px 15px #FFD700, 3px 3px 15px #FFD700;
        -ms-text-shadow: -3px -3px 15px #FFD700, 3px 3px 15px #FFD700;
         -o-text-shadow: -3px -3px 15px #FFD700, 3px 3px 15px #FFD700;    
            text-shadow: -3px -3px 15px #FFD700, 3px 3px 15px #FFD700;
}
/* ________ Text Over Images On Hover Geek Girl Life Tut End ________ */

.ucsign {
	padding-top: 19em;
	background: url(../images/Under-Construction-sml351.gif) no-repeat;
	background-size: 45%;
	background-position: center center;
}
/* ____________________________________________________ Adam Khoury Seal ____________________________________________________ */
#mastseal{width:180px; height:180px; margin:8px auto; cursor:pointer; }
#mastseal > img{position:absolute; width:180px; height:180px; backface-visibility: hidden; transition: transform .7s linear 0s;}
#mastseal > #sealfront{transform: perspective( 600px ) rotateY( 0deg );}
#mastseal > #sealback{transform: perspective( 600px ) rotateY( 180deg );}
#mastseal:hover > #sealfront{transform: perspective( 600px ) rotateY( -180deg );}
#mastseal:hover > #sealback{transform: perspective( 600px ) rotateY( 0deg );}
/* ____________________________________________________ Adam Khoury Seal End ____________________________________________________ */
.btn-adam {background: #666; color: #FFF;}
.btn-brad {background: #f7d700; color: #8b7a02;}

/* |~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|
   |Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw    FOOTER STYLES   Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw| 
   |~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|
*/
#footBorder {
  padding: 6px;
  border-width: 6px 0 0 0;
  border: solid transparent;
  border-image: url(../img/stainlessBorder.png) 30 round;
}
footer {
  color: #eee;
  font-size: 11px;
  padding: 1.25em;
  background: url(../img/carbonFiberBg.jpg) no-repeat #333;
  background-size: cover;
  background-position: center;
}
footer .col-sm-2 > h6,
footer h6 { font-size: 1.3em; font-weight: bold; }
ul.footerNav-list {text-align:center; margin:1em auto;}
ul.footerNav-list li {display: inline-block; margin: .8em 0; }
ul.footerNav-list li figure { margin: -1em .1em; padding: 0; }
ul.footerNav-list li a { color: #f0e6ff; padding: .5em .8em; }
.footColLt { font-size: 1.2em; font-weight: bold; }
.footColLt a { color: #f0e6ff; font-size: 1em; font-weight: bold; }
.footColRht a { color: #f0e6ff; font-size: 1.5em; }
.footbtns li {display:inline-block; margin:1em;}
.footbtns li a {padding:2px 4px; background: #03c; border:3px solid plum; border-radius:6px;}
.whc {width:60%; padding:6px; background:#fff; margin-top:1em;}
.wmcr {font-size:.8em;}
/* Added padding to footColRht on Works page to get Retro Rocket to sit on top Footer border */
.lift {padding-bottom:5px;}
/* Go Back From Whence You Came Button */
div.back > button {border:2px groove #F0F8FF; border-radius:6px;}
div.back > button:active {box-shadow: inset 0 0 10px 1px #333;}

.footbox {
	text-align: center;
	font: 5em AddCityboy, Arial, Helvetica, sans-serif;
    -webkit-animation: animate-name 20s infinite;
    animation: animate-name 20s infinite;
}
@-webkit-keyframes animate-name {
	0% { color: #D4AF37; text-shadow: -1px -1px 3px #FFF, -2px -2px 4px#FF0; }
	25% { color: #926FBD; text-shadow: -1px -1px 3px #FFF, -2px -2px 4px#00F; }
	50% { color: #C5B358; text-shadow: -1px -1px 3px #FFF, -2px -2px 4px#FF0; }
	75% { color: #7B77C1; text-shadow: -1px -1px 3px #FFF, -2px -2px 4px#00F; }
	100% { color: #E6BE8A; text-shadow: -1px -1px 3px #FFF, -2px -2px 4px#FF0; }
}
/*@keyframes animate-name {
	0% { color: #D4AF37; text-shadow: -1px -1px #FFF, -2px -2px #FF0; }
	25% { color: #926FBD; text-shadow: -1px -1px #FFF, -2px -2px #00F; }
	50% { color: #C5B358; text-shadow: -1px -1px #FFF, -2px -2px #FF0; }
	75% { color: #7B77C1; text-shadow: -1px -1px #FFF, -2px -2px #00F; }
	100% { color: #E6BE8A; text-shadow: -1px -1px #FFF, -2px -2px #FF0; }
}*/
/* |~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|
   |Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw  Media Queries  Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw Lw|
   |~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|~|
*/

/* Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw
        Extra Small Smart Phones
   Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw
*/
@media screen and  (max-width:320px) {
    #slider { display: none;}
    #greet { margin-top: .2em; font-size: 1.2em; }
    #page_title h2,
    #header_title h1 { font-size: 2em !important; }
    #header_title h2 { font-size: 1.5em !important; text-shadow: none; }
    .logo_designs h3 { font-size: 1.5em !important; }
    div.featureContainer {
        width: 320px !important;
        padding: 0 !important;
        float:left;
    }
    div.projectPanel { 
        width: 320px !important;
        float:left;
        margin: 0 auto 0 0;
        text-align:center;
    }
    div.projectPanel panel-heading {  max-width: 100% !important;  }
    .footbox {font-size: 3em;}
}
/* Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw
        Extra Small Smart Phones
   Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw
*/
@media screen and  (min-width:320px) {
    .navbar-brand {margin: 0; float: left;}
    .navbar-right {
        color: #9FF;
        font-size: 1.5em;
        font-family: enter_sansmanbold_italic, sans-serif;
    }
    ul.navbar-right > li {padding-bottom: 2em;}
}

/* Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw
        Mobile devices
   Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw
*/
@media screen and (max-width: 480px) {
    /* ______ Home Page Styles ______ */
    .featureheading {margin-left:0;}
    .featureContainer h3 {font-size: 2.1em  !important;}
    .featureContainer p {font-size:1.3em;}
    div.featuredCode {margin: 1em 0; padding: 0;}
    div.featuredCode h3 {font-size: 5em  !important;}
    div.featuredCode p {font-size: 1.3em;}
    #shieldContainer {margin-bottom: 2em  !important;}
    h3.panel-title {font-size: 2em;}
    .panel p {font-size: 1.2em;}
    a.btn-block {font-size: 1.2em;}
    /* _____ Home Page Styles End ____ */
    
    /* ______ Works Page Styles ______ */
		/* .smlvp placed on column div */
		.smlvp {padding: 0 !important; margin: 0  !important;}
		.media {margin-left:-.1em !important;}
    .media > a {
        float: left;
        padding-bottom: 2em;
        margin-left: 1em;
        width:100%;
    }
    .media > a img { float: left; max-width: 90%; }
    .media-body p {font-size: 1.1em; }
    /* ____ Works Page Styles End _____ */
    .well p {font-size: 1.2em;}
    .instruct h2 {font-size: 3em;}
    #page_title h2,
    #header_title h1 { font-size: 3em; }
    #header_title h2 { font-size: 2em; text-shadow: none; }
    .logo-tip h3,
    .artboard h3 { font-size: 1.5em; }
    .logo_designs h3 { font-size: 3em; }
    .moto blockquote { font-size: 150%; }
    /* Resouces Accordion Headings */
    h4.hed1 {font-size: 2em !important; padding: 0 .5em;}
    .xsvp-accrdn {padding: 0 .5em;}
    .panel-heading > h4.panel-title > i {float: left; margin-bottom:.5em;}
    /*.panel-heading > h4.panel-title {text-align: center;}*/
  
    footer h5 { font-size: 2em; font-weight: bold; }
    .footColLt p { font-size: 1.2em; font-weight: bold; text-align: justify; }
    ul.footerNav-list {margin-bottom: 3em;}
    ul.footerNav-list li {display: inline-block; margin: 1.3em .8em;}
    ul.footerNav-list li a {
        color: #f0e6ff;
        padding: .4em .7em;
        font-size: 1.7em;
        font-weight: bold;
        border: 2px solid #F0F8FF;
        border-radius: 6px;
        background: #3C1584;
    }
    .active a {
        color: #9FF !important;
        border-radius: 6px;
        border: 1px solid rgba(240, 248, 255, .6);
        background: url(../images/headrsliver.png) !important;
        background-position: center;
        -webkit-text-shadow: -1px -1px #9FF, -2px -2px #290e5c;
           -moz-text-shadow: -1px -1px #9FF, -2px -2px #290e5c;
            -ms-text-shadow: -1px -1px #9FF, -2px -2px #290e5c;
             -o-text-shadow: -1px -1px #9FF, -2px -2px #290e5c;    
    	        text-shadow: -1px -1px #9FF, -2px -2px #290e5c;
         -webkit-box-shadow: 0 0 1px 2px #138DCE, 0 0 12px 3px #F0F8FF;
            -moz-box-shadow: 0 0 1px 2px #138DCE, 0 0 12px 3px #F0F8FF;
             -ms-box-shadow: 0 0 1px 2px #138DCE, 0 0 12px 3px #F0F8FF;
              -o-box-shadow: 0 0 1px 2px #138DCE, 0 0 12px 3px #F0F8FF;	
                 box-shadow: 0 0 1px 2px #138DCE, 0 0 12px 3px #F0F8FF;
    }
    .follow h5{text-align:right;}
    ul.follow-list li {padding: 0 .5em;}
    .footbox {font-size: 3.5em;}
}
/* Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw
        Smart Phones Portrait / Landscape
   Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw
*/
@media screen and (min-width: 480px) and (max-width: 960px) {
    .smlLogo { max-width: 50% !important; }
    .artboard { max-width: 60% !important; }
    .projectLogo figure img { max-width: 60% !important; }
    /* ______ Home Page Styles ______ */
    .featureheading {margin-left:0;}
    .featureContainer p {font-size:1.3em;}
    div.featuredCode {margin: 1em 0; padding: 0;}
    div.featuredCode h3 {font-size: 6em !important;}
    div.featuredCode p {font-size: 1.3em;}
    .featuredFX img {max-width: 65% !important;}
    #shieldContainer {margin-bottom: 4em  !important;}
    h3.panel-title {font-size: 2em;}
    .panel p {font-size: 1.2em;}
    a.btn-block {font-size: 1.2em;}
    /* _____ Home Page Styles End ____ */
    .well p {font-size: 1.3em;}
    .instruct h2 {font-size: 3em;}
    .whc {width:30%; padding:6px; background:#fff; margin:1em;}
    .btn1 {padding:5px; background: #03c; border:3px solid plum; border-radius:6px; margin:1em;}
}

/* Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw
        Small devices (landscape phones, 576px and up)
   Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw
*/
@media (min-width: 576px) {
    .navbar-default {padding:0;}
    .navbar-brand {
        margin: 0;
        float: left;
        margin-top: 1px;
    }
    .navbar-right {
        color: #9FF;
        font-size: 1.5em;
        font-family: enter_sansmanbold_italic, sans-serif;
    }
    a.nav-logo {background-size: 45px;}
    /* Resouces Accordion Headings */
    .panel-heading > h4.panel-title > i {float: left; margin-bottom:.5em;}
    h4.panel-title {font-size: 1.6em;}
    h4.hed1 {font-size: 1.7em !important;}
    .xsvp-accrdn {padding: 0 1.5em;}
    footer h5 { font-size: 2em; font-weight: bold; }
    .footColLt p { font-size: 1.2em; font-weight: bold; text-align: justify; }
    ul.footerNav-list {margin-bottom: 3em;}
    ul.footerNav-list li {display: inline-block; margin: 1.3em .5em;}
    ul.footerNav-list li a {
        color: #f0e6ff;
        padding: .3em .4em;
        font-size: 1.7em;
        font-weight: bold;
        border: 2px solid #F0F8FF;
        border-radius: 6px;
        background: #3C1584;
    }
    .active a {
        color: #9FF !important;
        border-radius: 6px;
        border: 1px solid rgba(240, 248, 255, .6);
        background: url(../images/headrsliver.png) !important;
        background-position: center;
        -webkit-text-shadow: -1px -1px #9FF, -2px -2px #290e5c;
           -moz-text-shadow: -1px -1px #9FF, -2px -2px #290e5c;
            -ms-text-shadow: -1px -1px #9FF, -2px -2px #290e5c;
             -o-text-shadow: -1px -1px #9FF, -2px -2px #290e5c;    
    	        text-shadow: -1px -1px #9FF, -2px -2px #290e5c;
         -webkit-box-shadow: 0 0 1px 2px #138DCE, 0 0 12px 3px #F0F8FF;
            -moz-box-shadow: 0 0 1px 2px #138DCE, 0 0 12px 3px #F0F8FF;
             -ms-box-shadow: 0 0 1px 2px #138DCE, 0 0 12px 3px #F0F8FF;
              -o-box-shadow: 0 0 1px 2px #138DCE, 0 0 12px 3px #F0F8FF;	
                 box-shadow: 0 0 1px 2px #138DCE, 0 0 12px 3px #F0F8FF;
    }
    .follow {float:left;}
    ul.follow-list li {
        padding: 0 1em;
        display: table-cell;
        vertical-align: middle;
    }
}

/* Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw
        Adjusts Featured website logo behind curtain
   Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw
*/
@media screen and (min-width: 700px) and (max-width: 1000px) {
    #course > nav > a img.logo {width: 45%;}
    footer h5 { font-size: 2em; font-weight: bold; }
    ul.footer-list {margin-bottom: 3em; display: inline-block;}
}


/* Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw
        Portrait/Landscape phone to portrait tablet 768
   Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw
*/
@media screen and (max-width: 768px) {
    .logo-content img { max-width: 70%; }
    /* Works page */
    .media { width: 100%; margin-left: 1em; padding:1em; }
    ul.navbar-nav > li:first-child {margin-top: 1em;}
    .footColRht {text-align: right;}
    .follow-list {margin-bottom: 3em; height: 2em;}
    ul.follow-list li {float: right;}
}

/*  Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw
        Medium devices (tablets, 768px and up to 810px)
    Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw
*/
@media (min-width: 768px) and (max-width: 810px) { 
    html {height:100%;}
    .navbar-nav a:link {
        padding: 10px;
        margin: 0 .1em;
    }
}

/* Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw
        Medium devices (tablets, 768px and up)
   Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw
*/
@media (min-width: 768px) { 
    ul.navbar-right > li {padding-bottom: .6em !important;}
    .navbar-right {
        color: #9FF;
        font-size: 1em;
        font-family: corbelb, enter_sansmanbold_italic, sans-serif;
        margin: 0;
        padding: 0;
    }
}
/* Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw
        Large devices (flat screens, 1200px and up)
   Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw+Lw
*/
@media (min-width: 1200px) {
    .wrapper {margin-top: 95px;}
    .nclogo img { position: relative;  left:3%;  padding-top:4em;  }
    .backstagedoor {margin-left: -1em;}
    ul.navbar-nav {
        margin-top: 1.9em;
    }
    .navbar-default {
        padding: 0;
        height:95px;
    }
    .navbar-brand {
        padding: 6px 0 0 ;
        margin: 0 15px;
        width: 100px;
    }
    a.nav-logo {
        padding-bottom: 75px;
        display: block;
        background: url(../img/logo_lw75.png) no-repeat;
        background-position:center;
    }
    .navbar-right {
        position: relative;
        top: -.6em;
        color: #9FF !important;
        font: 1.7em coolvetica_rg, corbelb, enter_sansmanbold_italic, sans-serif;
        padding: 0 1em 0 0;
    }
    /* Home Page Feature Code Tips */
    div.featureContainer h2 {font-size: 4.5em; margin: 0 auto 1em;}
    div.featureContainer h3 {font-size: 3em;}
    div.featuredCode h3 {font-size: 5em;}
    .featureheading  {margin:0 auto 3em;}
    .featureheading p {
    	font: 1.5em corbelb, arial, sans-serif;
    	-webkit-text-shadow: 2px 2px 4px #09F;
    	   -moz-text-shadow: 2px 2px 4px #09F;
    		-ms-text-shadow: 2px 2px 4px #09F;
    		 -o-text-shadow: 2px 2px 4px #09F;
    			text-shadow: 2px 2px 4px #09F;
    }
    .footColCntr {text-align: center; padding: 4em 0;}
    ul.footerNav-list { margin-top: 4em; display: inline-block;}
    ul.footerNav-list li {margin: 1.5em .3em;}
    ul.footerNav-list li a {font-size: 1.5em;}
    ul.follow-list li {padding: 0 3.5em;}
    .wm, .wmcr {text-align:right;}
    .w3c {text-align: right;}
    .footColRht h5 {text-align: center;}
    .footbox {font-size: 5em;}
}

.toollink {margin:3em;}
.toollink a{
color: #d6005e;
transition: .2s ease-in-out;
}
.toollink a:hover{
color: #dfa20a;
position: relative;
}
.toollink a[tooltip]:hover:after{
content: attr(tooltip);
padding: 8px 12px;
color: #85003a;
position: absolute;
left: 0;
top: 400%;
width: 500px;
word-wrap: break-word;
/*white-space: nowrap;*/
z-index: 20;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0px 0px 2px #c0c1c2;
-webkit-box-shadow: 0px 0px 2px #c0c1c2;
box-shadow: 0px 0px 2px #c0c1c2;
background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #eeeeee));
background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
}


/* |+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|
   |+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+| TACO GRASSHOPPER  |+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+| 
   |+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|   ON HOME PAGE    |+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|
   |+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|+|
*/

/* __________________________ Grasshopper on Mobile devices ~ (max-width: 359px) _________________________ */
@media screen and (max-width: 359px) {
    .grshpr {
        float:right !important;
        position:relative !important;
        top:-6em !important;
        left:2em !important;
        width:15% !important;
        -webkit-transform: rotate(6deg) !important;
           -moz-transform: rotate(6deg) !important;
            -ms-transform: rotate(6deg) !important;
             -o-transform: rotate(6deg) !important;
                transform: rotate(6deg) !important;
	}
}
/* __________________ Grasshopper on Mobile devices ~ (min-width:360px) and (max-width:500px) __________________ */
@media screen and (min-width: 360px) and (max-width: 500px) {
    .grshpr {
        float:right !important;
        position:relative !important;
        top:-5em !important;
        left:1.7em !important;
        width:25% !important;
        -webkit-transform: rotate(10deg) !important;
           -moz-transform: rotate(10deg) !important;
            -ms-transform: rotate(10deg) !important;
             -o-transform: rotate(25deg) !important;
                transform: rotate(25deg) !important;
	}
	
}
/* __________________ Grasshopper on Mobile devices ~ (min-width: 501px) and (max-width: 767px) __________________ */
@media screen and (min-width: 501px) and (max-width: 767px) {
    .grshpr {
        float:right !important;
        position:relative !important;
        top:-6.8em !important;
        left:-6em !important;
        width:15% !important;
        -webkit-transform: rotate(14deg) !important;
           -moz-transform: rotate(14deg) !important;
            -ms-transform: rotate(14deg) !important;
             -o-transform: rotate(14deg) !important;
                transform: rotate(14deg) !important;
	}
}
/* __________________ Grasshopper on Mobile devices ~ (min-width: 768px) and  (max-width: 1000px) __________________ */
@media screen and (min-width: 768px) and  (max-width: 1000px) {
    .grshpr {
        float:right;
        position:relative;
        top:-5em !important;
        left:4.5em !important;
        width:45% !important;
        -webkit-transform: rotate(20deg) !important;
           -moz-transform: rotate(20deg) !important;
            -ms-transform: rotate(20deg) !important;
             -o-transform: rotate(20deg) !important;
                transform: rotate(20deg) !important;
    }
}
/* __________________ Grasshopper on Mobile devices ~ (min-width: 981px) and  (max-width: 1365px) _________________ */
@media screen and (min-width: 981px) and  (max-width: 1365px) {
    .grshpr {
        float:right;
        position:relative;
        top:-8em !important;
        left:4em !important;
        width:25% !important;
        -webkit-transform: rotate(25deg) !important;
           -moz-transform: rotate(25deg) !important;
            -ms-transform: rotate(25deg) !important;
             -o-transform: rotate(25deg) !important;
                transform: rotate(25deg) !important;
    }
}
/* ________________________________ Grasshopper on Mobile devices ~ (min-width: 1366px) _________________________________ */
@media screen and (min-width: 1366px) {
    .grshpr {
        float:right;
        position:relative;
        top:-5em !important;
        left:2em !important;
        width:25% !important;
        -webkit-transform: rotate(22deg) !important;
           -moz-transform: rotate(22deg) !important;
            -ms-transform: rotate(22deg) !important;
             -o-transform: rotate(22deg) !important;
                transform: rotate(22deg) !important;
	}
}
/* ( ~ )-( ~ ) q-8 ^_^ ::THE END:: ^_^ 8-P ( ~ )-( ~ ) */