* { 
	margin: 0;
	padding: 0;
	outline: none
}

/*Main text styling*/
	body{
	letter-spacing:-.03em;
	line-height:1.74em;
	font-family: 'Poppins', san seriff;
	background-color:#ececec;
	
	/*Fixes bug where fonts were enlarging on the mainNav when switching from mobile landscape to portrait with the menu open*/
	-webkit-text-size-adjust: none;


}

a {
	text-decoration:none;
}

a:link, a:active, a:visited,nav span{
	color:#4d4d4d;	
}

.mainTitle a,.hamburgerMenuContainer a{
	color:black;
}

a:not(.mainTitle,.hamburgerMenuContainer a, #stickyNav a, .navArrows, .serviceGroupTitle a):hover {
	color: #b3b3b3;
	border-bottom: 2px solid #b3b3b3;
}

@media (hover: none){
   a:hover { color: #444; }
}

nav{
	width:100%;		
	text-align:center;
	z-index:1000;
}
	
nav a:not(.hamburgerMenuContainer a, .mainTitle a){	
	font-size:.72em;
	font-weight:300;
}

nav ul{
	display:inline-block;
	opacity:0;
}

nav ul li{
	vertical-align: middle;
}

/*Only apply navActive styling to the main nav, not the footer nav*/
nav .navActive{
	color:black!important;
	font-weight:500!important;
}

#spacer{
	display:none;
}

#stickyNav{
	/*Settting this makes things line up when line height is set on body*/
	line-height:1.75;
	display:block;
	box-sizing: border-box;
	ms-box-sizing: border-box;
	webkit-box-sizing: border-box;
	moz-box-sizing: border-box;
	position: sticky;
	top: 0;
	padding:0em 5em 0em 5em;
	background-color:rgb(245, 245, 245, .97);	
	
	letter-spacing:0em;
	
}

#navLinks{
	padding: 0 1em 1em 1em;
}

#navLinks li{
	display:inline-block;	
	padding:0em .75em 0em .75em;
	width:4em;	
}

/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Title styles																														*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

.title{	
	line-height:.9;
	display:block;
}

.mainTitle{
	display:inline-block;
	font-size:1.4em;
	font-weight:500;
	padding:.6em 1em .6em 1em;
	letter-spacing:-.03em;
	
}

footer .mainTitle{
	padding:.6em 0em .6em 0em;
}

.largeTitle{
	font-size:1.5em;
	font-weight:600;
	padding:.25em;
}

.mediumTitle{
	display:block;
	font-size:2.1em;
	font-weight:600;
	padding: .25em 0 .9em 0;
	line-height:1.2em;
	padding-left:.75em;
	padding-right:.75em;
}



.smallTitle{
	font-size:1.5em;
	font-weight:600;
	padding:0em 0 .25em 0; 
	line-height:1.25em;
	
}




.miniTitle{
	font-size:1.25em;
	font-weight:600;
	line-height:1.25em;
	padding-bottom:.22em;
	
}

.articleTitle{
	display:block;
	font-size:3em;
	font-weight:600;
	/*line-height:1.1em;*/
	
	
	padding-left:.75em;
	padding-right:.75em;
	padding-top:.25em;
	
	padding-bottom:.4em;
	
}
#commercialServicesIntro .articleTitle{


	padding-bottom:0em;

}
article p{
	font-size:1em;
	font-weight:500;
	padding: .25em 0em .5em 0em;
	line-height:1.5em;
	color:#777;
	
}

article:not(#projects article, #services article, #vr article){
	/*Set safe padding areas for iOS (Safari)*/
	
	padding-left: max(1em, env(safe-area-inset-left));
	padding-right: max(1em, env(safe-area-inset-right));
}

header{
 	background-color:#f0f0f0;
}

header article{
 	padding:0;
 	padding-top:0;
 	padding-bottom:0;
 	box-sizing: border-box;
 	ms-box-sizing: border-box;
 	webkit-box-sizing: border-box;
 	moz-box-sizing: border-box;
 	width:100%;
 	height:100%;
 	display: flex;
 	justify-content: center;
 	align-items: center;  
}
 
/*---------------------------------------------------------------------- Side space ----------------------------------------------------------------------*/


.navArrows{
	display:inline-block;
 	cursor:pointer;
	z-index:100;
	background-color:rgb(240, 240, 240, .2);
    border-radius: 50%;
	position:relative;
	margin:.5em;
	z-index:100;
  	width:2em;
  	height:2em;
}


.navArrows:hover{
	background-color:rgb(240, 240, 240, .4);
	
	
}

#productGalleryContainer .navArrows{
	background-color:rgb(247, 247, 247, .2);
	
}
	#productGalleryContainer .navArrows:hover{
		background-color:rgb(247, 247, 247, .4);
}


.navArrows img{
  	width:2em;
  	height:2em;
	
}
 
.prevArrow img{
	margin-left:-.07em;
	
	
}

.nextArrow img{
	margin-left:.07em;
	
	
}

#productionGalleryContainer .navArrows{
	margin-top:11.5em;
}
 
#work article{
	padding-bottom:0em;
}

#vr{
	background: linear-gradient(to bottom, rgba(0,0,0,.5) 20%, rgba(0,0,0,.3)), url(../images/vrBG.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	
	
}

#productGalleryContainer{
	padding-top:.1em;
	padding-bottom:.9em;
}

#productGalleryContainer, #vrThumbnailsContainer, #productionGalleryContainer{
	  display: flex;
	  	  
}

#productGalleryContainer, #vrThumbnailsContainer{
	  justify-content: center;
	  align-items: center;
	  
}

/*---------------------------------------------------------------------- Side space ----------------------------------------------------------------------*/
/*
#productGalleryContainer, #productionGalleryContainer{
  padding-bottom:3em;
}
*/

#productGallery, #vrThumbnails, #productionGallery{
 	display:block;
   	justify-content: auto;
  	align-items: auto;
}

#productGallery{
   	text-align:center
}

#vrThumbnails{
    	text-align:center;
		padding:2em 0em 2em 0em;
}

#vrThumbnails img{/*
  	display:block;
	
  	padding:0em .75em 0em .75em;
    border-radius: 2em;*/
  	width:17em;
}

#productGallery, #vrThumbnails, #productionGallery, #headerGallery{
 	width:calc(100% - 6em);
}

#headerGallery{
 	height:100%;
 	max-width:calc(100vh*1.1);	
}

#headerGallery div{
 	height:100%;
}

#headerGallery img{
 	margin:auto;
 	max-height:100%;
}

#vr p{
	margin:auto;
	max-width:32em;
	-moz-text-align-last: center;
	text-align-last: center;	
	padding:1.2em 2em 1.75em 2em;
	font-size:1.27em;
	color:#ddd;
}

#contact p{
	margin:auto;
	text-align:justify;
	-moz-text-align-last: center;
	text-align-last: center;	
}

hr, article{
	margin: 0 auto !important;
	float: none !important;
}

article ul{
	list-style-type: none;
	z-index:1000;	
}

/*Each section itself*/
.sectionContent{
	z-index:100;
	position:relative;
	/*display:table-cell;
	vertical-align: middle;*/
}	

/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Light sections																														*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

.lightSection{
	color:#222;
	background-color:#f7f7f7;
}

/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Dark sections																														*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

.darkSection:not(footer){
	color:white;	
	background-color:#070707;
}

/*Titles*/
.darkSection .largeTitle, .darkSection .smallTitle {
	color: #efefef;
}

.darkSection p{
	color: #ddd;	
	font-weight:600;
	color: #efefef;	
	color:#777;	
	
	
	
}

/*Links*/
.darkSection a:link, .darkSection a:active, .darkSection a:visited{
	color: #efefef;
}

/*Link hover*/
/*
.darkSection a:not(.mainTitle):hover {
	color:#d9d9d9;	
}
*/

/*Text/input fields*/
.darkSection input,textarea{
	color:white;
	background-color:#222;
}

.miniMenuContainer{
	display: inline-block;	
	
	/*padding:0em 1em 0em 1em;*/
	/*
	padding-left: max(1em, env(safe-area-inset-left));
	padding-right: max(1em, env(safe-area-inset-right));
	*/
	/*background-color:teal;*/
	/*padding:0em 1em 0em 1em;*/
}

.miniMenuSpacer{
	/*visibility:hidden;*/	
}

.hamburgerMenuImage{
	display: block;
	margin:auto;
}

.miniMenuSpacer, .hamburgerMenuContainer{
	display:none;
	width:2em;
	cursor:pointer;
	padding:0em 1em 0em 1em;
}

 /*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
 /*	Services section																													*/
 /*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
 
 #services{
 	box-sizing: border-box;
 	ms-box-sizing: border-box;
 	webkit-box-sizing: border-box;
 	moz-box-sizing: border-box;
 	display:inline-block;
 	width:100%;
	background-color:#f7f7f7;
 }
 
 /*Specific styling here to remove inherited article padding off #commercialServicesIntro and #production*/
 /*
#services article:not(#commercialServicesIntro), #vr article:not(#vrText), #contact article, footer article{
	 padding:2.5em 13% 3em 13%;
}
 */


#services .title:not(#productionGallery .miniTitle, #ecommerceServicesText .smallTitle, #automationServicesText .smallTitle),#ecommerceServicesText,#automationServicesText {
	 padding-left: 13%;
	 padding-right: 13%;

}

#services article:not(#commercialServicesIntro, #ecommerceServices, #shoeHeroArticle, #production), #vr article, #contact article, footer article{
	padding-top:3.75em;
	padding-bottom:4.75em;
	
}
#ecommerceServices, #shoeHeroArticle{
	padding-top:3.75em;
	
	
}

#production{
	padding-bottom:4.75em;
	
}

 
#commercialServicesIntro{
	background: linear-gradient(to bottom, transparent 0 55%, #070707),
	url(../images/commercial.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	

	padding-top:35.5em;
	/*padding-bottom:3.75em;*/
	padding-bottom:3.75em;
	
	
}
/*
#production{
	padding:0em 13% 0em 13%;
	
}*/
 
 #services .sectionContent{
	 display:inline-block;
 	 width:100%;
 }

#automation{
 	background-color:#f0f0f0;
}

#shoeHero{
	display:block;
	width:100%; 
	display:flex;
	justify-content: center;
	padding:4.9vh 0em 1.25vh 0em;
	
	/*background-color:magenta*/
}

#shoeHero img{
	display:block;
	width:70vw;
	max-width:44.5em;
	
	/*background-color:cyan;*/
}


#shoeHeroArticle{
	padding-bottom:0;
}

#ecommerceServicesText, #automationServicesText{
	display:flex;
    justify-content: center;
	align-content: center;
	flex-wrap:wrap;
    gap: 2.55em;
	
}








#ecommerceServicesText li{
	width:20em;

}

#automationServicesText li{
	width:25em;
}
@media only screen and (max-width: 59em){
	
	
	#ecommerceServicesText li{
		width:40em;	


	}


}


@media only screen and (max-width: 72em){

	


	#automationServicesText li{
		width:40em;	

	}
}
#productionGallery p{
	max-width:27em;

	display:block;
	font-size:.85em;
	line-height:auto;
	text-align:left;

	line-height:1.7em;
	letter-spacing:.02em;

	/*
	background: url(../images/production.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	*/
}
  
#productionGallery div:not(.productionGalleryCaption), #productGallery div, #vrThumbnails div{
	padding:0em .75em 0em .75em;
	
}



.productionGalleryCaption{
	
	padding:1.27em 0em 0em .75em;
	width:calc(100% - 1.5em);
}

#productionGallery img, #productGallery img, #vrThumbnails img{
	border-radius: 1.25em;
	display:block;
	
	margin:auto;
	
}

#productGallery img{
	height:28em;
	width:auto;

	
}

#productionGallery img{
	height:23em;
	width:auto;

	
}

#productionGallery img{
	
	
	background-color:pink!important;
	
}
 
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	NARROW																																*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/


@media only screen and (max-width: 750px){
#productionGallery img{
	width:100%;
	/*height:auto;*/
	/*
	min-height:100vw;*/
	min-height:28em;
	object-fit: cover;	
}

#productionGallery{
	overflow:hidden;
}

#productionGallery div:not(.productionGalleryCaption){
	width:calc(100% + .75em);
	padding:0em .75em 0em 0em;

}

}

@media only screen and (max-width: 20em){
	article{
overflow-wrap: break-word;}
}

@media only screen and (max-width: 500px){
	#productionGalleryContainer .navArrows{
		margin-top:13em;
	}
	
	
	.articleTitle{
		font-size:3em;
		font-weight:600;
		line-height:1.1em;
	
		padding-top:.25em;
	
		padding-bottom:.6em;
	
	}
	
	
	
	
	#shoeHero{
		
		padding:1em 0em 0em 0em;
	
		/*background-color:magenta*/
	}
	
	#shoeHero img{
		
		width:85vw;
		max-width:45em;
	
		/*background-color:cyan;*/
	}
	

	.articleTitle{
		display:block;
		font-size:2.25em;
		font-weight:600;
		line-height:1.2em;
	

	
	}	
	
	
	.mediumTitle{
		display:block;
		font-size:1.9em;
		font-weight:600;
		padding:.25em .75em .72em .75em;
		line-height:1.2em;
	
	}
	
	.smallTitle{
		font-size:1.25em;
		font-weight:600;
		padding:0em 0 .4em 0; 
		line-height:1.2em;
	
	}
	


	
	#ecommerceServicesText, #automationServicesText{
	
	    gap: 1.75em;
	
	}
	
	/*
	#services article:not(#commercialServicesIntro, #production), #vr article, #contact article, footer article{
		 padding:2.5em 2.5em 2.5em 2.5em;
	}*/
	/*
	#production{
	 padding:0em 2.5em 0em 2.5em;
		
	}*/
	#commercialServicesIntro{
		padding-top:29em
	}
	
	
	#ecommerceServicesText li, #automationServicesText li{
		
		width:auto;
	}
	
	#productionGallery img, #productGallery img, #vrThumbnails img{
		width:100%;
		/*height:auto;*/
		/*
		min-height:100vw;*/
		object-fit: cover;	
	}
	
	#vrThumbnails img{
	
		min-height:10em;
	}
	
	#productionGallery img, #productGallery img{
	
		min-height:28em;
	}

	#productionGallery, #productGallery, #vrThumbnails {
		overflow:hidden;
	}

	#productionGallery div:not(.productionGalleryCaption), #productGallery div, #vrThumbnails div{
		width:calc(100% + 2em);
		padding:0em 2em 0em 0em;
	
	}

	
	.productionGalleryCaption{
		
	}
	
	
    header article{
   	  align-items: flex-end;
  }
	
	#headerGallery{
		width:100%;
	}
	
	#headerGallery img{
		width:100%;
	}
	
	#projects .navArrows{
		margin-bottom:1.25em;
	}
	
    /*---------------------------------------------------------------------- Side space #2 ----------------------------------------------------------------------*/
	
	/*Set the right/left to bring navArrows back into frame when headerGallery width is 100%*/
	#prevNav{
		right:-3em;
		z-index:100000;
	}

	#nextNav{
		left:-3em;
		z-index:100000;
	}
	
	.mainTitle, #navLinks{
		display:inline-block;
		
	}
	
	#navLinks {
		padding:0em 0em .5em 0em;
		
		
	}
	
	#navLinks li{
		width:100%;
		padding:0em 0em .75em 0em;
	    vertical-align: text-top;
	}
	
}

/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	WIDE																																*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
	


@media only screen and (min-width: 500px) and (max-height: 450px){

	#headerGallery img{
		max-height:90vh;
		width:auto;
	}
	
}

























/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	NARROW or SHORT																														*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

@media only screen and (max-width: 500px), (max-height: 450px){
	
	#stickyNav{
		position:relative;

		/*padding:0em;*/
		padding-left: max(0em, env(safe-area-inset-left));
		padding-right: max(0em, env(safe-area-inset-right));

	}	
	


}	

/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	NARROW and SHORT																													*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

@media only screen and (max-width: 500px) and (max-height: 450px){
	
	a:link, a:active, a:visited,nav span,not(.mainTitle a,.hamburgerMenuContainer a){
		color:#4d4d4d;	
	}

	a:not(.mainTitleLink,.hamburgerMenuContainer a):hover {
		color:#4d4d4d;	
		border:0em;
	}
	
}
















































.grid {
	
	padding-top:1em;
    /* Prevent vertical gaps */
  line-height: 0;
   
     -webkit-column-count: 4;
     -moz-column-count:    4;
     column-count:         4;
	 
     -webkit-column-gap:   1em;
     -moz-column-gap:      1em;
     column-gap:           1em;
}


@media (max-width: 120em) {
  .grid {
      -webkit-column-count: 3;
      -moz-column-count:    3;
      column-count:         3;
  }
}

@media (max-width: 70em) {
  .grid {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}

@media (max-width: 35em) {
  .grid {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}

.photosImage{
	box-sizing: border-box;
	ms-box-sizing: border-box;
	webkit-box-sizing: border-box;
	moz-box-sizing: border-box;
	
	display:inline-block;	
	text-decoration:none;
	
	padding:0em 0em 1em 0em;
	
	width:100%;
	
	max-width:100%;
}












































/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Work section																														*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

/*Main Intro text gradient*/
#workTitle, #contactTitle{
	background: #c5deea; 
	background: -moz-linear-gradient(-45deg, #c5deea 0%, #8abbd7 31%, #066dab 100%);
	background: -webkit-linear-gradient(-45deg, #c5deea 0%,#8abbd7 31%,#066dab 100%);
	background: linear-gradient(135deg, #c5deea 0%,#8abbd7 31%,#066dab 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=1 );	
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display:block;
}



#workDescription{ 
	/*font-size:1em;*/
	text-transform:italic;
	max-width:30em;
	text-align:center;
	-moz-text-align-last: center;
	text-align-last: center;	
}

.posterText,#workDescription{ 
	/*font-size:1.1em;*/
}

#work{
	/*BG gradient before workBG fades in*/
	background-color: #e6e6e6;
	max-width:100%;	
	/*padding-top:1em;*/
}




/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Ecommerce																															*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/








.centeredSection,footer{
	position:relative;
	/*display:inline-block;*/
	/*Want this to be 100% so things stay centered*/
	width:100%;
	text-align:center;
}

/*The main margins and padding setup for all sections*/
/*
THE ECOMMERCE GALLERY SHOULD BE IN THE ECOMMERCE SECTION BUT DOING SO SCREWS 
UP THE WHOLE GALLERY PLUGIN THIS IS A HACK FOR THE SAKE OF TIME, 
IN FUTURE GALLERY STYLE SHOULD BE INHERITED 
FROM THE SECTION IT BELONGS IN (THE ECOMMERCE SECTION)!!!
*/
/*section{*/








































 
 

























































.contentLogo{
	width:3.2em;
	display:block;
	margin:auto;
	padding:0em 0em .75em 0em;
}

#seeMore{
	padding-top:1.75em;
}

#vrTitle{
	background: #c5deea;
	    background: -moz-linear-gradient(-45deg, #c5deea 0%, #8abbd7 31%, #066dab 100%);
	    background: -webkit-linear-gradient(-45deg, #c5deea 0%, #8abbd7 31%, #066dab 100%);
	    background: linear-gradient(135deg, #c5deea 0%, #8abbd7 31%, #066dab 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=1 );
	    -webkit-background-clip: text;
	    -webkit-text-fill-color: transparent;
}


/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Contact section																														*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

#contact{
	background-color:#262626;
}	

/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Contact input form																													*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

/*Remove blue border when selected in mobile*/
input:focus,select:focus,textarea:focus,button:focus {
    outline: none;
}

#inputForm{
	overflow:hidden;
	text-decoration:none;
}

#inputForm li{
	list-style-type:none;
}

/*Text input forms*/
input, textarea{
	display:inline-block;
	width:20em;
	
	/*max-width:40em;*/
	border: none;
	margin-bottom:.75em;
	/*Rounded corner*/
	border-radius:1em;
	padding:1.5em;
	
	box-sizing: border-box;
	ms-box-sizing: border-box;
	webkit-box-sizing: border-box;
	moz-box-sizing: border-box;
	overflow:hidden;
	/*font-family: 'Open Sans', san seriff;*/
	/*font-weight:300;*/
}

/*Text area input form*/
textarea{
	
	resize:vertical;
}


/*Submit button*/
input[type=submit]{
	padding:.25em;
	border: .075em solid white;
	width:7em;
	/*font-size:.75em;*/
	background-color:transparent;
	margin-bottom:0;
	
}

input[type=submit]:hover {
	background: rgba(250, 250, 250, 0.4);
	cursor:pointer;
}

/*Email link*/
#email{
	display:inline-block;
	margin-top:1.5em;
	margin-bottom:1.5em;
}

#email a:link, #email a:active, #email a:visited{
	border:0;
}

/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Footer																																*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

footer{	
	text-align:center;
	background-color:#1a1a1a;
}

.footerNav {
	
}
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Footer nav																															*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

/*Remove list styling*/
footer li{
	list-style-type: none;
	
	
	color:white;
}

/*Remove hover border from footer links*/
footer a:link, footer a:visited, footer .navActive{
	border:0;
}



/*Reset color on non-hover devices*/
@media (hover: none) {
   footer a:hover { color: #444; }
}

/*Divider line*/
footer hr, #vr hr{
	border: 0;
	height: 1px;
	width:25%;
	background-color: #444;
}

/*"Back to Top" link*/
#backToTop {
	font-size:.8em;
	padding:1em 0em 1em 0em;
	font-weight:400;
}

/*Restore underline on hover (hidden in footer)*/
#backToTop a:hover {
	border-bottom: 2px solid;
}

/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Sub-footer																															*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

#subFooter{
	padding:3em;
	font-size:.75em;
	font-weight:400;
	text-align:center;
	background-color:#111;
	color:#ddd;
}

/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/
/*	Misc. classes																														*/
/*	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	*/

.socialMediaLink{
	display:inline-block;
	height:1em;
	width:auto;
	padding:.7em 0em 0em .5em;
	opacity:.1;
	cursor:pointer;
}

.socialMediaLink:hover{
	opacity:.5;
}

.fadeInSection{
	opacity:0;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;           /* Non-prefixed version, currently */
	-o-user-select: none;
	pointer-events: none
}