/*	normalize.3.0.3.css	 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*===============================*/





/*	Redesign  */

* {
	margin: 0px; 
	padding: 0px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	   		box-sizing: border-box;
	-webkit-transition-timing-function: ease-out;
	   -moz-transition-timing-function: ease-out;
	     -o-transition-timing-function: ease-out;
	        transition-timing-function: ease-out;
}
a {
	outline:rgba(255,255,255,0.0) hidden 0; 
	border: transparent 0 none; 
	text-decoration: none;
    -webkit-font-smoothing: antialiased;
       -moz-font-smoothing: antialiased;
         -o-font-smoothing: antialiased;
            font-smoothing: antialiased;
}
a img, 
div img {
	display: block;
	outline:rgba(255,255,255,0.0) hidden 0; 
	border: transparent 0 none; 
}
div, ul, li {
	display: block; 
	outline:rgba(255,255,255,0.0) hidden 0; 
	border: transparent 0 none; 
    -webkit-font-smoothing: antialiased;
       -moz-font-smoothing: antialiased;
         -o-font-smoothing: antialiased;
            font-smoothing: antialiased;
}
ul {list-style: none;}  	


html{
	height: 100%;	/* 20160327 ADDED with SpinKit preloader */

	background-color: rgba(255,255,255,0.0); /*  */
	background-color:rgba(214,238,22,1.0);	/* lime punch */

    -webkit-font-smoothing: antialiased;
       -moz-font-smoothing: antialiased;
         -o-font-smoothing: antialiased;
            font-smoothing: antialiased;
}
body{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size:16px;
	margin:0; 
	padding:0; 
  -webkit-font-smoothing: antialiased;
     -moz-font-smoothing: antialiased;
       -o-font-smoothing: antialiased;
          font-smoothing: antialiased;
  
/*	background-color:rgba(214,238,22,1.0);	/* lime punch */
	background-color: rgba(255,255,255,0); 
    
	overflow-x:visible!important;
	/*	
	overflow-y: hidden;
	overflow:hidden;
	*/
}




#loader{
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	background-color: rgba(81,180,250,1.0); /* blue */

	z-index: 50;
}

.sk-double-bounce {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;

	/*
	width: 100px;
	height: 100px;
	*/
	width: 150px;
	height: 150px;

	margin:auto;	/* important: necessary */
}

.sk-double-bounce .sk-child {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	
	opacity: 0.7;
	background-color: rgba(214,238,22,1.0); /* lime */
	
	-webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
	        animation: sk-doubleBounce 2s infinite ease-in-out;
}

.sk-double-bounce .sk-double-bounce2 {
	-webkit-animation-delay: -1.0s;
	        animation-delay: -1.0s; 
}

@-webkit-keyframes sk-doubleBounce {
	0%, 100% {
		-webkit-transform: scale(0);
		        transform: scale(0); 
	}		 50% {
		-webkit-transform: scale(1);
		        transform: scale(1); 
	} 
}

@keyframes sk-doubleBounce {
	0%, 100% {
		-webkit-transform: scale(0);
		        transform: scale(0); 
	}		 50% {
		-webkit-transform: scale(1);
		        transform: scale(1); 
	}
}




#touchSensitive {
	position:absolute;
	left:50%;
	top:50%;
	height:300px;
	width:300px;
	background-color: rgba(255, 0, 0, 0.8); /* #FF0000	red */
	z-index:99999 !important;
}

/*	
h-shadow, v-shadow, blur, spread, color
box-shadow: 1px 2px 6px 5px rgba(0, 0, 0, 0.5);
*/


.innerShadow 
{
	-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0, 0.6);
	   -moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0, 0.6);
	   		  box-shadow:	inset 0px 0px 2px 0px rgba(0,0,0, 0.6);
}

#ctn{
	/*
	position:relative;
 	position: fixed;
 	*/
	
	top:0;
	left:0;
	right:0;			
	width:100%;	
		
	margin:0;
	padding:0;
}

#stage {
	
	position:absolute;			/* 20160313 TEST */
	margin: 40px 15px 15px; /* 20160313 TEST */
	
	padding:0px;
	

	/* background-color:rgba(214,238,22,1.0);	/* lime punch */
}

#stage {overflow:hidden;}

/*	
	rgb(204, 12,  0)	#CC0C00		netflix red sRGB
	rgb(200,  0, 15)	#CB000F		netflix red native
	rgb(241,196, 15)	#F1C40F		yellow
	rgb(138,198,237)  #8AC6ED		lt blue
	rgb( 94,181,228)  #5EB5E4		md blue
	rgb(  0,173,226)  #00ADE2		dk blue
*/  	 


#h {
	position:absolute;
	top:0; 
	left:0; 
	margin:0; 
	padding:0;
	overflow: hidden; 
}

#hL, 	
#hR,
#hBar,
#hBx,
#hBxL,
#hBxR {
	position:absolute; 
	margin:0; 
	padding:0;
}

#hL, 	
#hR  {
/*background-color: rgba(  0,173,226,0.9); /* #00ADE2	dk blue */ 
/*background-color: rgba(138,198,237,0.8); /* #8AC6ED	lt blue */ 
	background-color: rgba(255, 0, 0, 0.8); /* #FF0000	red */
/*background-color: rgba(200,  0, 15,0.8); /* #CB000F	netflix red native */ 
	overflow:hidden;
}

#hBar,
#hBx,
#hBxL,
#hBxR {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	background-color:rgb(255,255,255);
}





div.hTxt 	  {
  position: absolute;
  width: 80%;
  
  right: 100%;
  
  padding: 0;
	/*
	margin:js
  margin: 8% 10% 0px;
	*/
}



div.hTxt h1 {
	font-size: 3em;
  color: #60438F;			/* ultraviolet */
  margin: 1.2em 0 0;
  font-weight: 300;
  line-height: 1.25em;
  letter-spacing: -0.04em;
  padding: 0;
  text-align: right;
}

div.hTxt h2 {
    font-size: 1.4em;
    font-size: 1.75em;

    color: black;
    margin: 0.5em 0 0;
    font-weight: 300;
    line-height: 1em;
    padding: 0;
    letter-spacing: -0.02em;
    text-align: right;
}

div.hTxt p  {
	font-weight: 400;
	color:black;
	text-align: right;	
	margin: 10px 0;
	padding:0; 
	font-size:1em; 
}



/*	
	rgb(204, 12,  0)	#CC0C00		netflix red sRGB
	rgb(200,  0, 15)	#CB000F		netflix red native
	rgb(241,196, 15)	#F1C40F		yellow
	rgb(138,198,237)  #8AC6ED		lt blue
	rgb( 94,181,228)  #5EB5E4		md blue
	rgb(  0,173,226)  #00ADE2		dk blue
*/  	 


#g {
  position:absolute;
	left:0;
	top:0;
	margin:0; 
	padding:0;
	overflow:hidden; 
	
	background-color:rgba(214,238,22,1.0);	/* lime punch */
}
#g img {
	position: absolute;
	max-width: 100%;
	margin:0px; 
	padding:0px; }	
#g .tn {
/* DO NOT CHANGE NEXT 2 LINES */
	position:relative !important;			
	float:left;
/* ========================== */

/* MOD 20180403 disabled bg color. initial load on slow connection shows tn bg sliding in ahead of the tn img.	

/* background-color:#999; */

	overflow:hidden; }
#g .tn a {
	display:block; 
	position:absolute; 
	width:100%; 
	height:100%; }
#g .tn .rollover {
	display:none;
	position:absolute; 
	width:100% !important; 
	height:65% !important; 
	overflow:hidden; }
#g .tn .rollover .color_mask {
	position:absolute; 
	width:100%; 
	height:100%;  
	margin: 0; 
	padding:0; 
	opacity:0.7; }
#g .tn .rollover .project_name {
	display:block; 
	position:absolute; 
	width:90%; 
	font-family: 'Lato', Arial; 
	font-weight:400; 
	font-size:1em; 
	color:#000; 
	padding:0; 
	margin:5%; 
}	
#g .tn .rollover .project_name span.first,
#g .tn .rollover .project_name span.last {
	font-weight:400; 
	color:#FFF; }
#g .tn .rolltop  .project_name { bottom:0; }
#g .tn .rollbtm  .project_name { top:0; }
#g .tn:hover {overflow:hidden !important;}
#g .tn:hover .rollover { display:block; }
#g .tn:hover .rolltop  {top:0;}
#g .tn:hover .rollbtm  {bottom:0;}
#g .tn:hover .tni {
-webkit-filter: blur(5px);
   -moz-filter: blur(5px);
    -ms-filter: blur(5px);
     -o-filter: blur(5px);
        filter: blur(5px);
		/* filter: url(../img/filters/filters.svg#blur5);
		filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5'); */
       opacity: 1;
       overflow:hidden !important;
}
#g .low 	 	{background-color:#111;}
#g .med-low {background-color:#555;}
#g .med 	 	{background-color:#777;}
#g .med-hi 	{background-color:#999;}
#g .hi 		 	{background-color:#eee;}
#g .replace {background-color:#ff0000;}
.bg-f {background-color:#fff;}
.bg-e {background-color:#eee;}
.bg-d {background-color:#ddd;}
.bg-c {background-color:#ccc;}
.bg-b {background-color:#bbb;}
.bg-a {background-color:#aaa;}
.bg-9 {background-color:#999;}
.bg-8 {background-color:#888;}
.bg-7 {background-color:#777;}
.bg-6 {background-color:#666;}
.bg-5 {background-color:#555;}
.bg-4 {background-color:#444;}
.bg-3 {background-color:#333;}
.bg-2 {background-color:#222;}
.bg-1 {background-color:#111;}
.bg-0 {background-color:#000;}
.bg-R	{background-color:#ef0024;}




/*	
	rgb(204, 12,  0)	#CC0C00		netflix red sRGB
	rgb(200,  0, 15)	#CB000F		netflix red native
	rgb(241,196, 15)	#F1C40F		yellow
	rgb(138,198,237)  #8AC6ED		lt blue
	rgb( 94,181,228)  #5EB5E4		md blue
	rgb(  0,173,226)  #00ADE2		dk blue
*/  	 

#s,
#sgrid,
#sgridrect {
	position:absolute;
	margin:0; 
	padding:0;
	overflow:hidden; 
	/*---------------------------------*/
	/* !important 
	/* DO NOT declare background-color */
	/*---------------------------------*/
}

#s,
#sgrid {
	/*---------------------------------*/
	/* DO NOT change these 2 lines 		 */ 
	/*---------------------------------*/
	left:0; 
	top:0; 
	/*---------------------------------*/
}

#sgridrect {
	left:0;
  /* top:js */
}
#sgridrect div.sgt {
  /* width & height:js */

	/*-----------------------------*/
	/* DO NOT change these 2 lines */ 
	position:relative !important;
	float:left;
	/*-----------------------------*/
	padding:0;
	margin:0; 
	cursor: pointer;
	overflow:hidden;
}
#sgridrect .odd,  
#sgridrect .even {
	cursor: pointer;
	margin:0;
}
#sgridrect a img.sgi {
	width:100%;
	max-width:100%;

	margin:0;  
	padding:0; 
}

#sgridrect div.shadowInset {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	margin:0; 
	padding:0;
	z-index:1;
	
	/* 20170831 
	border-radius: 6px; */
	-webkit-box-shadow: inset 0px 0px 1px 0px rgba(0,0,0, 0.6);
	   -moz-box-shadow: inset 0px 0px 1px 0px rgba(0,0,0, 0.6);
	   		  box-shadow:	inset 0px 0px 1px 0px rgba(0,0,0, 0.6);
}

#sgridrect div.overlay {
	position:absolute;
	width:100%;

/*height:100%;*/  
	height:40%;  

	margin:0; 
	padding:0;
	z-index:1;
	
	/* 20170831 
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.7) inset;
	border-radius: 6px; */
}
#sgridrect div.overlay span {
	display:block;
	position: absolute;
	/*
		left: 0px;
		top:45%;
	*/
	left: 5%;
	top:10%;
	right: 0px;
	bottom: 0px;
	/*font-family: Lato, Arial;		/* 100,300,400, 700 */
	font-size: 1em;
	
	font-family: "Armata", Verdana, Sans-serif;	
	font-size: 1.5em;
	
	/* font-weight: 300; */
	font-weight: 400;
	
	color: #FFF;
	/*text-align: center;*/
	
	letter-spacing:-0.05em;
	
	opacity:1; 
}
#sgridrect div.overlay h1 {
	display:block;
	/*margin: 10% 5% 2% 5%;
	font-family: "Armata", Verdana, Sans-serif;*/	
	margin: 2% 2% 1% 4%;	
	font-size: 1.5em;
	font-weight: 400;
	color: #FFF;
	letter-spacing:-0.05em;
	opacity:1; 
}
#sgridrect div.overlay p {
	display:block;
	margin: 0 1% 2% 4%;
	font-size: 1em;
	font-weight: 400;
	color: #FFF;
	opacity:1; 
}

#sgridrect div.overlay {display:none;}
	
#sgridbtn {
	position: absolute;
	width:80px;	
	height:50px;
	background: transparent url(../img/elements/nav/sgridbtn_80_100_v6.png) no-repeat left top;
	border: none;
	cursor: pointer;
}

.anchorTarget {
	font-size: 0;
	line-height: 0;
	height: 0;
	margin: 0;
	float: left;
	cursor: none; 
}
	

#a {
	/* DO NOT CHANGE NEXT 3 LINES */
	position:absolute;
	left:0px; 
	top:0px; 
	/* ========================== */
	color: #FFF;
	margin:0; 
	padding:0;
	/*background: #00ADE2;*/
	overflow: hidden;
}

/*#a div{position:absolute;} */
.aSq {
	position:absolute;
	margin:0; 
	padding:0;
	/*background: #00ADE2; */
	overflow: hidden;
}
.col {
display:block;
margin: 0;
}
#aSqBx {
	position:absolute;
}
#aHd {
	margin:0; 
	width:100%;
}
#aHd h1 {
	font-size: 3.75em;					/* 60px */
	font-weight: 300;
	color:#000;
	text-align: center;
	line-height:1;		
  margin: 1em 0 0; 
	padding: 0;}
#aHd h1 span {
	letter-spacing: 0.625em;	
}

	
#aTxt	{	
	top: 0px;
  width: 100%;	
	font-weight: 400;
	color:#000;
	padding:0; 
	margin:0;
	overflow:hidden !important;

	/*  
	position:absolute;
	bottom:50px;
	background-color: rgb(0, 173, 226);
	background-color: #00ADE2;
	*/
}
#aTxt h1 {
	margin:30px 0;
	font-size: 2em;
  padding: 0 6%;
}
#aTxt div.leftCol,
#aTxt div.rightCol {
    position: relative;
		float: left;
    width: 50%;   
}
#aTxt div.leftCol {
  padding: 0 4% 0 6%;
  letter-spacing:-0.05em;
 }
#aTxt div.rightCol {
	margin-bottom:100px;
   padding: 0 10% 0 0%;
}
#aTxt p {
	margin:0;
	padding:0 0 10px;
}
.section {
} 

#aImgBx {
	/*display: block;
	position:absolute;*/
	width:250px;
	height:250px;
	padding:0;
	overflow:hidden;
}
#aImgBx img {
	width:100%;
	max-width:100%;
	padding:0;
}

#aBg  {
	display: block;
	position:absolute;
	top: 0;
	left: 0;
	margin:0; 
	padding:0; 
}
#aExit{
	display: block;
	position:absolute;
	width:65px;
	height:65px;
	cursor: pointer;
	margin:0; 
	padding:0;
} /* block */

div.infoBox {
  position: absolute;
  width: 60%;
  padding: 0;
  margin: 10% 0;
}

div.infoBox img {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 10% 0;
 }






#c {
	/* DO NOT CHANGE NEXT 3 LINES */
	position:absolute;
	left:0px; 
	top:0px; 
	/* ========================== */
	color: #FFF;
	margin:0; 
	padding:0;
	overflow: hidden;
}
#c-lab{
	position:absolute;
	top: 0;
	left: 0;
	width:100%;
	margin:0; 
	padding:0;
}
#c-bg {
	/*
	position:absolute; /* NO 
	top: 0;
	left: 0;
	*/
	width:100%;
	max-width:100%;
	
	padding:15% 20%;
	padding:15% 35%;
	
	padding: 100px 30% 0;
	margin:0; 

}
#c-img2 {
	/*
	position:absolute; /* NO 
	top: 0;
	left: 0;
	*/
	
	width:80%;
	max-width:800%;
	
	padding:15% 20%;
	padding:15% 35%;
	
	padding: 50px 20% 0 40%;
	margin:0; 

} 
#c-hd {
	display: block;
	position:absolute;
	text-align: center;
	margin:0; 
	padding:0;
}
#c-hd h1 {
	font-size: 3.75em;	/* 60px */
	font-weight: 300;
	text-align: center;
	margin:0; 
	padding:0;
}
#c-hd h1 span {
	letter-spacing: 0.15em;	/* 9px */
	margin:0;
	padding:0;
}
#c-box	 {
	position:relative;
	position:absolute;

	width: 100%;
	/*height: 200px;*/
	
	bottom: 0px;

	margin: 30% 0% 0% 0%; 
	margin: 0;
	 
	padding:0 0 5px;
}
#c-txt	 {
	/*
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 18px;
	*/
	color: #eee;

	margin: 0 auto;
	text-align: center;
	width: 700px;
}
#c-txt h1{
	/*
	color: #e54b4b;
	font-size: 36px;
	*/
	
	/*font-size: 2em;*/
	color: rgb(255, 219, 1);
	margin:20px 0;
	font-weight:300;
	/*letter-spacing:-0.05em;*/
}
#c-txt p {
	line-height: 25px;
	margin: 15px 0 5px;
}
.c-icons {
  width: 340px;
  margin: 0 auto;
}

.c-icons .c-icon {
  
  /*background-image: url(../lib/img/elements/social/contact/sprite_240_120.png);*/
  background-image: url(../img/elements/social/contact/sprite_300_120.png);
  
  border: 4px solid #cfcfcf;
  width: 65px;
  height: 65px;
  -webkit-border-radius: 65px;
     -moz-border-radius: 65px;
          border-radius: 65px;
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  float: left; 
  margin: 10px;
  -webkit-transition: border 0.3s, background-position 0.3s, background-color 0.3s, box-shadow 0.3s;
     -moz-transition: border 0.3s, background-position 0.3s, background-color 0.3s, box-shadow 0.3s;
      -ms-transition: border 0.3s, background-position 0.3s, background-color 0.3s, box-shadow 0.3s;
       -o-transition: border 0.3s, background-position 0.3s, background-color 0.3s, box-shadow 0.3s;
          transition: border 0.3s, background-position 0.3s, background-color 0.3s, box-shadow 0.3s;
          z-index: 2;
}
.c-icons .c-icon.twitter  {background-position:    0px -60px;}
.c-icons .c-icon.linkedin {background-position:  -60px -60px;}
.c-icons .c-icon.email    {background-position: -120px -60px;}
.c-icons .c-icon.facebook {background-position: -240px -60px;}
.c-icons .c-icon:hover.twitter  {background-position:    0px 0px; border: 4px solid #32abdf; background-color:rgba(255,255,255,0.8); box-shadow:0px 0px 5px #222;}
.c-icons .c-icon:hover.linkedin {background-position:  -60px 0px; border: 4px solid #1875b2; background-color:rgba(255,255,255,0.8); box-shadow:0px 0px 5px #111;}
.c-icons .c-icon:hover.email    {background-position: -120px 0px; border: 4px solid #e24e4b; background-color:rgba(255,255,255,0.8); box-shadow:0px 0px 5px #111;}
.c-icons .c-icon:hover.facebook	{background-position: -240px 0px; border: 4px solid #2582f8; background-color:rgba(255,255,255,0.8); box-shadow:0px 0px 5px #111;}




#mainNav {
	position: absolute;
	
	top:0px;	
	top:3px;				

	left:50%;

	margin:0;
	margin-left:-100px;

	height: 40px;
	font-size: 16px;
	padding:0;
	overflow: hidden;
	background: transparent;
	
	opacity:0;
	visibility:hidden;
}

#mainNav ul {
	list-style:none; 
	margin:0; 
	padding:0;
}
#mainNav ul li {
	display: inline-block;
  height:40px;
  line-height:43px;
	margin-right:-4px;
	padding:0 10px;
	overflow: hidden;
} 
#mainNav ul li a {
	position:relative;
	display:block;
	top:0%;
	height:100%;
	font-family: 'Nobile', Arial, sans-serif;
	font-size:1em;
	font-size:0.875em;
	font-size:15px;
	font-weight:400;
	color:#3f4c4d;
	text-align:center;
	margin:0;
	cursor: pointer;
	transition: top 0.35s;
}
#mainNav ul li.last {margin-right:0px;}
#mainNav ul li a.over {color:#ef0024;}
#mainNav ul li:hover a,
#mainNav ul li.active a {top:-100%;}



#socialNav{
	position:absolute;
	top:0px;					
	right:15px;					 
	width:150px;
  height:40px;
	margin:0;
	padding:0;
	
	opacity:0;
	visibility:hidden;
}


div.tw {
	float:right;
	display: inline-block;
	height: 40px;
	width: 28px;
	margin:0;
	padding:0;

	background-image: url(../img/elements/social/main/social_sprite_112_240_20180905.fw.png);
	background-repeat: no-repeat;
	background-position:0px 0px;	/* gray */

	/* background-position:-56px 0px; /* white */
	/* background-position:-84px 0px; /* black */
	/* background-position:-28px 0px; /* tween */

}
div.fb {
	/* height > js:fba */
	float:right;
	display: inline-block;
	height: 24px;
	width: 24px;
	margin: 8px 0px 0px;
	padding:0;
	
	background-image: url(../img/elements/social/main/social_sprite_112_240_20180905.fw.png);
	background-repeat: no-repeat;
	background-position: 3px -160px;	/* gray */
	
	/* background-position:-53px -160px; /* white */
	/* background-position:-81px -160px; /* black */
	/* background-position:-25px -160px; /* tween */
}
div.pn {
	float:right;
	display: inline-block;
	height: 40px;
	width: 28px;
	margin:0;
	padding:0;

	background-image: url(../img/elements/social/main/social_sprite_112_240_20180905.fw.png);
	background-repeat: no-repeat;
	background-position:  0px -200px; /* gray */

	/* background-position:-56px -200px; /* white */
	/* background-position:-84px -200px; /* black */
	/* background-position:-28px -200px; /* tween */
}

div.tw a {
	display: inline-block;
	height: 40px;
	width: 28px;
}
div.fb a {
	display: inline-block;
	height: 24px;
	width: 24px;
}
div.pn a {
	display: inline-block;
	height: 40px;
	width: 28px;
}





#mainNav,
#socialNav {display:block;} /* block */

html.jPanelMenu #mainNav,		
html.jPanelMenu #socialNav {display:none;}	/* none */

.desktop {display:block;}
.mobile {display:none;}



/*
#msg {
	position:absolute;
	top: 10px;
    height:20px;
    width: 50px;
    font-family: 'Open Sans', Arial, sans-serif;	
	font-family: 'Nobile', Arial, sans-serif;
	font-size:0.875em;
	font-weight:400;
	line-height:24px;
	text-align:right;
	margin:0;
	padding:0;
	overflow: hidden !important;
} 
#msg .tweet {
	position:absolute;
	top:0px;
	left:60px;
	height:20px;
    width: 50px;
	color:#128bbf;
	margin:0;
}
#msg .share {
	position:absolute;
	top:0px;
	left:60px;
	height:20px;
    width: 50px;
	color:#2b4988;
	margin:0;
}
#msg .pinit {
	position:absolute;
	top:0px;
	left:60px;
	height:20px;
    width: 50px;
	color:#f40909;
	margin:0;
}
*/

header {
	position:fixed !important;	
	left:0;					
	top:0;  
	width:100%;
	height:40px;
	z-index:100;
	
	background-color: rgba(255,255,255,0.0);
	
}
header #logo {
	height:40px;
	width:180px;
}
header #logo h1 {
	position:absolute;
  left:14px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color:#000; 
	font-weight:300;
	letter-spacing:-0.07em; 
	padding:0; 
	margin:0;

  top:-2px;


 	font-size:30px;
	line-height:40px;

	z-index:100;
}
header #logo h1 span {
	font-weight:400; 
	color: #ef0024; 
	z-index:100;
}
header h2 {
	position: absolute;
	display:block;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #3c373f;
	font-weight: 400;
	letter-spacing: -0.02em;
	padding: 0;
	margin: 0;
	z-index: 100;

	left: 186px;
	
  top: 14px;
  
  
	font-size: 13px;
}
header h2 span {letter-spacing: 0.1em; letter-spacing: 0.05em;}
header h2 span.web {letter-spacing: -0.03em;}
header h2 span.plus {color: #6c676f; letter-spacing: 0.1em; font-size: 13px;}
header h2 span.plus2 {color: #6c676f; letter-spacing: -0.1em; font-size: 13px;}
header h2 span.ui {letter-spacing: 0.05em;}

header a.mTrigger, 
header a.mTrigger #mTriggerImg {display:none;}	


html.jPanelMenu {
	background-color:rgba(255,255,255,0.0);
}
html.jPanelMenu div.jPanelMenu-panel {
	background-color:rgba(255,255,255,0.0);
}

html.jPanelMenu header #logo h1 	{
		/*top:-3px;*/
		top:-2px;

		font-size:29px; 
		line-height:40px;
}
html.jPanelMenu header h2 				{
	/*top: 13px;*/
	top: 14px;

	left: 180px;
	font-size: 12px;
}



html.jPanelMenu header a.mTrigger {
	position:fixed; 
	right:2px;
	top:0; 
	width:50px; 
	height:40px; 
	padding:0; 
	margin:0; 
	z-index:99999 !important;	
}
html.jPanelMenu header a.mTrigger #mTriggerImg {
	padding: 6px 10px 6px;
	width:100%; 
	z-index:99999 !important;	
	
	opacity: 0.335;
}

html.jPanelMenu header a.mTrigger, 
html.jPanelMenu header a.mTrigger #mTriggerImg {display:block;}


																																				
#jPanelMenu-menu {
	border-top-right-radius: 6px;
	margin-top:40px;
	
	background-color:#ef0024;
	background-color:#df0014;
}
#jPanelMenu-menu ul {
	margin-top:120px;
}
#jPanelMenu-menu ul li {
	display:block; 
	padding:0; 
	margin:0;
}
#jPanelMenu-menu ul li a {
	display:block; 
	background-color:transparent;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	/*
		font-size:24px; 
		font-size:30px;
		letter-spacing: 0.075em;
		text-transform:uppercase;
	*/
	font-size: 38px;
	font-weight:300; 
	color:#fff; 
	letter-spacing: -0.025em;
	letter-spacing: -0.05em;
	text-decoration:none; 
	padding:0 0 0 30px; 
	margin:0;	
}
#jPanelMenu-menu ul li.preview.active a {
	color: #333; 	
	background-color:rgb(255,255,255);
}
#jPanelMenu-menu ul li.design.active a {
	color:#000;
	background-color:rgb(241,196,15);
}
#jPanelMenu-menu ul li.info.active a {
	color: #333; 	
	background-color:rgb(255,255,255);
}
#jPanelMenu-menu ul li.lab.active a {
	color:#000;
	background-color:rgb(46,204,113);
}

#mobileNav {
	/* always display:none; */
	display:none;

	position: absolute;
	right:14px;					
	top:0px;					
	margin:0;
	padding:0;
}
#mobileNav ul {
	list-style:none; 
	margin:0; 
	padding:0;
}
#mobileNav ul li {
	display: inline-block;
	
	height:40px;
  /*line-height:44px;*/
	margin-right:-5px;
	padding:0 5px;
	overflow: hidden;
}
#mobileNav ul li a {
	position:relative;
	display:block;
	top:0%;
	height:100%;
	font-family: 'Nobile', Arial, sans-serif;
	font-size:0.875em;
	font-weight:400;
	color:#3f4c4d;
	letter-spacing: -0.03em;
	margin:0;
	margin: 5px 0 0;
   line-height: 38px;
}
#mobileNav ul li.last {margin-right:0px;}
#mobileNav ul li.active a {color:#ef0024;}





/* desktop */ 

@media only screen and (min-width: 1025px) 
{} 



@media only screen and (max-width: 990px) 
{
	#mainNav {margin-left:-50px;}
}
@media only screen and (max-width: 860px) 
{
	#mainNav {margin-left:-20px;}
}


/* iPad Pro  */

@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (-webkit-min-device-pixel-ratio: 1.5) 
{}


@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1.5) 
{}

@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio : 1.5) 
{}



/* iPad */


@media only screen and (max-width: 1024px) 
{} 

@media only screen 
and (min-width: 768px) 
and (max-width: 1024px) 
{}

@media only screen 
and (min-width: 768px) 
and (max-width: 1024px) 
and (orientation: portrait) 
{}

@media only screen 
and (min-width: 768px) 
and (max-width: 1024px) 
and (orientation: landscape) 
{}




/* phablet */

@media only screen and (max-width: 990px) 
{}


@media only screen and (min-width: 768px)		
{
	header	{min-width: 768px;}
} 



/* mobile */

@media screen and (max-width: 767px) 
{
	#mainNav,
	#socialNav {display:none;} 
		
	header #logo h1 {top:-3px; font-size:29px; line-height:40px;}
	header h2 			{top:13px; font-size:12px; left:180px;}

	div.jPanelMenu-panel {
		background-color:rgba(255,255,255,0.0);
	}
	div.hTxt h1 {
		font-size:2.7em; 
	}
	
}

@media screen and (max-width: 767px) and (orientation: portrait) 
{
	#jPanelMenu-menu ul 			{margin-top: 80px;}
	#jPanelMenu-menu ul li a 	{line-height:80px;}

	div.hTxt h1 {
		font-size:2.7em; 
		margin:2em 0 0; 
		line-height:1.2em;
	}

}

@media screen and (max-width: 767px) and (orientation: landscape) 
{
	#jPanelMenu-menu ul 			{margin-top: 20px;}
	#jPanelMenu-menu ul li a 	{line-height:60px;}
}




@media only screen and (max-width: 736px)  
{
	#aTxt div.leftCol,
	#aTxt div.rightCol {float:none; width:100%; padding:0 9% 30px;}
	#aTxt h1 {padding:0 9%;}
	
	#c-bg {padding:5px 40px;}

	div.hTxt h1 {
	}
	div.hTxt h2 {}
}

@media only screen and (max-width: 736px) and (orientation: portrait)  
{ 
	.desktop {display:none;}
	.mobile {display:block;}
	
	div.hTxt h1 {
		font-size:2.7em; 
		margin:1em 0 0; 
		line-height:1.1em; 
		letter-spacing:-0.05em;
	}
	div.hTxt h2 {
		margin: 0.5em 0 0;
	}
}

@media only screen and (max-width: 736px) and (orientation: landscape)  
{
	.desktop {display:block;}
	.mobile {display:none;}
	
	div.hTxt h1 {
		font-size:2.5em; 
		margin: 0.5em 0 0;
		line-height:1em; 
		letter-spacing:-0.05em;
	}
	div.hTxt h2 {
		margin: 0.5em 0 0;
	}
}




@media only screen and (max-width: 720px) 
{
	#c-txt {		font-size:16px; padding:0 30px; width:100%;}
	#c-txt h1 {font-size:26px;}
	#c-bg {padding:5px 30px;}
}



@media only screen and (max-width: 510px) 
{
	#c-txt h1 {
    font-size: 22px;
    margin: 10px 0 5px;
	}
	#c-txt p {
	 line-height: 20px;
    margin: 0px 0 20px;
	}
	#c-bg {padding:5px 20px;}
}

/* mobile (max 480px)
==========================  
@media only screen and (max-width: 480px) { }
*/

/* mobile (max 360px)
========================== 
@media only screen and (max-width: 360px) { }
*/ 

/*	device iPhone 6/6+
==========================  
@media 
screen and (device-width: 375px) and (device-height: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
screen and (device-width: 414px) and (device-height: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { }
@media 
screen and (device-width: 375px) and (device-height: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
screen and (device-width: 414px) and (device-height: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { } 
*/

/* device galaxy 3/4/5
==========================  
@media 
screen and (device-width: 320px) and (device-height: 640px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) and (orientation: portrait),
screen and (device-width: 320px) and (device-height: 640px) and (-webkit-min-device-pixel-ratio: 3) and (min-resolution: 288dpi) and (orientation: portrait),
screen and (device-width: 360px) and (device-height: 640px) and (-webkit-min-device-pixel-ratio: 3) and (min-resolution: 288dpi) and (orientation: portrait) { } 
@media 
screen and (device-height: 320px) and (device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) and (orientation: landscape),
screen and (device-height: 320px) and (device-width: 640px) and (-webkit-min-device-pixel-ratio: 3) and (min-resolution: 288dpi) and (orientation: landscape),
screen and (device-height: 360px) and (device-width: 640px) and (-webkit-min-device-pixel-ratio: 3) and (min-resolution: 288dpi) and (orientation: landscape) { } 
*/

/*  device iPhone 5/5s
 ==========================  
@media screen and (device-width: 320px) and (device-height : 568px) and (-webkit-min-device-pixel-ratio : 2) and (device-aspect-ratio : 40/71) and (orientation: portrait) { }    
@media screen and (device-width: 320px) and (device-height : 568px) and (-webkit-min-device-pixel-ratio : 2) and (device-aspect-ratio : 40/71) and (orientation: landscape) { } 
*/

/*  	iPhone 4/4s
 ==========================  
@media screen and (device-width: 320px) and (device-height : 480px) and (-webkit-min-device-pixel-ratio : 2) and (device-aspect-ratio : 2/3) and (orientation: portrait)  { }
@media screen and (device-width: 320px) and (device-height : 480px) and (-webkit-min-device-pixel-ratio : 2) and (device-aspect-ratio : 2/3) and (orientation: landscape) { }
*/








.blur5 				{
	-webkit-filter: blur(5px);
       -moz-filter: blur(5px);
        -ms-filter: blur(5px);
         -o-filter: blur(5px);
            filter: blur(5px);
           opacity: 1;
}
.blur20 			{
	-webkit-filter: blur(20px);
       -moz-filter: blur(20px); 
        -ms-filter: blur(20px);
         -o-filter: blur(20px);
            filter: blur(20px);
           opacity: 1;
}
.grayscale 		{
	-webkit-filter: grayscale(100%);
	   -moz-filter: grayscale(100%);
	    -ms-filter: grayscale(100%);
	     -o-filter: grayscale(100%);
	        filter: gray;
}
.sat200				{
	-webkit-filter: saturate(200%);
	   -moz-filter: saturate(200%);
	     -o-filter: saturate(200%);
		-ms-filter: saturate(200%);
			filter: saturate(200%);
}
.lato300 			{
	font-family: Lato, Arial;		/* 100,300,400 */
	font-weight: 300;	
}
.raleway400 	{
	font-family: Lato, Arial;		/* 100,300,400 */
	font-weight: 400;	
	letter-spacing: 1px;
}


.red_bold 		{background:#ef0024; background:rgb(239,  0, 36); background:rgba(239,  0, 36,1.0);}
.red_muted 		{background:#ce0d03; background:rgb(206, 13,  3);	background:rgba(206, 13,  3,1.0);}

.pdblue 			{background:#00ade2; background:rgb(  0,173,226);	background:rgba(  0,173,226,1.0);}
 pdccc 				{background:#cccccc; background:rgb(204,204,204);	background:rgba(204,204,204,1.0);}
.pd999 				{background:#999999; background:rgb(204,204,204);	background:rgba(153,153,153,1.0);}


/*	
	rgb(204, 12,  0)	#CC0C00		netflix red sRGB
	rgb(200,  0, 15)	#CB000F		netflix red native
	rgb(241,196, 15)	#F1C40F		yellow
	rgb(138,198,237)  #8AC6ED		lt blue
	rgb( 94,181,228)  #5EB5E4		md blue
	rgb(  0,173,226)  #00ADE2		dk blue
*/  	 

.turquoise 		{background:#1abc9c; background:rgb( 26,188,156);	background:rgba( 26,188,156,1.0);}
.greensea 		{background:#16A085; background:rgb( 22,160,133);	background:rgba( 22,160,133,1.0);}
.sunflower 		{background:#f1c40f; background:rgb(241,196, 15);	background:rgba(241,196, 15,1.0);}
.orange 			{background:#f39c12; background:rgb(243,156, 18);	background:rgba(243,156, 18,1.0);}
							
.emerald 			{background:#2ecc71; background:rgb( 46,204,113);	background:rgba( 46,204,113,1.0);}
.nephritis 		{background:#27ae60; background:rgb( 39,174, 96);	background:rgba( 39,174, 96,1.0);}
.carrot 			{background:#e67e22; background:rgb(230,126, 34);	background:rgba(230,126, 34,1.0);}
.pumpkin 			{background:#d35400; background:rgb(211, 84,  0);	background:rgba(211, 84,  0,1.0);}

.peterriver 	{background:#3498db; background:rgb( 52,152,219);	background:rgba( 52,152,219,1.0);}
.belizehole 	{background:#2980b9; background:rgb( 41,128,185);	background:rgba( 41,128,185,1.0);}
.alizarin 		{background:#e74c3c; background:rgb(231, 76, 60);	background:rgba(231, 76, 60,1.0);}
.pomegranate 	{background:#c0392b; background:rgb(192, 57, 43);	background:rgba(192, 57, 43,1.0);}

.amethyst 		{background:#9b59b6; background:rgb(155, 89,182);	background:rgba(155, 89,182,1.0);}
.wisteria 		{background:#8e44ad; background:rgb(142, 68,173);	background:rgba(142, 68,173,1.0);}
.clouds 			{background:#ecf0f1; background:rgb(236,240,241);	background:rgba(236,240,241,1.0);}
.silver 			{background:#bdc3c7; background:rgb(189,195,199);	background:rgba(189,195,199,1.0);}

.wetasphalt 	{background:#34495e; background:rgb( 52, 73, 94);	background:rgba( 52, 73, 94,1.0);}
.midnightblue {background:#2c3e50; background:rgb( 44, 62, 80);	background:rgba( 44, 62, 80,1.0);}
.concrete 		{background:#95a5a6; background:rgb(149,165,166);	background:rgba(149,165,166,1.0);}
.asbestos 		{background:#7f8c8d; background:rgb(127,140,141);	background:rgba(127,140,141,1.0);}

/*-----*/


/* background-color: rgb(186, 186, 187); */ /* 20180818 random gray */

.silver20 		{bacground-color:#935e5;}
.silver40 		{bacground-color:#9ec5de;}
.concrete17 	{bacground-color:#8c8fdf;}
.concrete30 	{bacground-color:#8dbcd8;}
.asbestos20 	{bacground-color:#87bada;}
.asbestos30 	{bacground-color:#88bddf;}

/*-----*/
.cursor 
{
	cursor: pointer;
}

.xyPos{
	bottom:5%;
}
.unselectable	{
-webkit-touch-callout: none;
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}
.clear 				{
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}