#Feature { background-repeat: no-repeat; position: relative; background-color: #4f4f4f; background-size: 100%; background-position: top center; margin: 0px -30px 0px -30px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
#Feature:hover { background-size: 105%; }
	#FeatureDotBox { position: absolute; width: 100%; bottom: 5px; text-align: center; }
		.FeatureDotFull { display: inline-block; border: 1px solid #FFFFFF; width: 10px; height: 10px; border-radius: 50%; cursor: pointer; background-color: #FFFFFF; }
		.FeatureDot { display: inline-block; border: 1px solid #FFFFFF; width: 10px; height: 10px; border-radius: 50%; cursor: pointer; }
	#FeatureTable { display: table; width: 100%; height: 500px; position: relative; background-color: rgba(0, 0, 0, 0.5); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
	#FeatureTable:hover { background-color: rgba(0, 0, 0, 0.6); }
		#FeatureRow { display: table-row; }
			#FeatureImgCell { display: table-cell; vertical-align: middle; text-align: right; line-height: 0px; padding-right: 10px; }
				#FeatureImg { height: 300px; position: relative; opacity: 0; margin-right: 10px; }
			.FeatureNavCell { display: table-cell; vertical-align: middle; width: 40px; cursor: pointer; }
				.FeatureNavButton { display: inline-block; width: 40px; height: 140px; line-height: 140px; vertical-align: middle; background-color: rgba(0, 0, 0, 0.5); color: #FFFFFF; text-align: center; opacity: 0; }
				.FeatureNavButton:hover { background-color: rgba(0, 0, 0, 0.6); }
    		#FeatureContentCell { display: table-cell; vertical-align: middle; padding: 0px 20px 0px 20px; text-align: left; }
				#FeatureCTA { display: inline-block; padding: 8px 25px 8px 25px; background-color: rgba(0, 0, 0, 0.75); color: #ffa800; border: 2px solid #ffa800; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 16px; text-align: center; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; cursor: pointer; min-width: 100px; }
				#FeatureInfo { display: block; margin-bottom: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 24px; line-height: 24px; color: #FFFFFF; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); opacity: 0; margin-left: -10px; text-decoration: none; }
				#FeatureTitle { display: block; margin-bottom: 5px; font-family: Anton, sans-serif; font-size: 50px; line-height: 50px; color: #FFFFFF; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); opacity: 0; margin-left: -10px; text-decoration: none; }
				#FeatureButton { display: inline-block; border-radius: 3px; padding: 8px 25px 8px 25px; background-color: #d08900; color: #FFFFFF; font-family: Anton, sans-serif; font-size: 30px; text-align: center; min-width: 100px; cursor: pointer; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); opacity: 0; margin-left: -10px; margin-bottom: 20px; text-decoration: none; }
				#FeatureButton:hover { background-color: #fea700; }
	#FeaturePreloadBG { width: 1px; height: 1px; opacity: 0.01; overflow: hidden; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }
	#FeaturePreloadImg { width: 1px; height: 1px; opacity: 0.01; overflow: hidden; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }
/*
.FeatureTextTable { display: table; height: 100%; width: 350px; margin-left: 40px; margin-top:50px; opacity: 0; }
 .FeatureTextRow { display: table-row; }
  .FeatureTextCell { display: table-cell; vertical-align: middle; }
*/

#ProductShowBox { width:100%; max-width: 1200px; margin: 0 auto; position: relative; overflow-x: hidden; overflow-y: auto; }
 #ProductShowSlider { width: 100%; white-space: nowrap; /*transition: all 0.4s ease-outt; -webkit-transition: all 0.4s ease-out;*/ opacity: 0; }
  .ProductShowItemBox2 { display: inline-block; width: 50%; }
   .ProductShowItem2 { margin: 7%; }
  .ProductShowItemBox3 { display: inline-block; width: 33.33%; }
   .ProductShowItem3 { margin: 7%; }
  .ProductShowItemBox4 { display: inline-block; width: 25%; }
   .ProductShowItem4 { margin: 7%; }
  .ProductShowItemBox5 { display: inline-block; width: 20%; }
   .ProductShowItem5 { margin: 7%; }
 .PSINavTable { display: table; position: absolute; top: 0px; z-index: 3; }
  .PSINavRow { display: table-row; }
   .PSINavCell { display: table-cell; vertical-align: middle; cursor: pointer; }
    .PSINavButton { display: inline-block; width: 40px; height: 140px; line-height: 140px; vertical-align: middle; background-color: rgba(0, 0, 0, 0.5); color: #FFFFFF; text-align: center; opacity: 0.5; }
    .PSINavButton:hover { background-color: rgba(0, 0, 0, 0.6); }
    .PSIInfo { color: #708357; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight: 300; font-size: 15px; clear: both; width: 100%; text-align: center; margin-top: 5px; cursor: pointer; }
    .PSIInfo:hover { color: #747474; }
    .PSITitle { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 18px; clear: both; width: 100%; text-align: center; margin-top: 20px; cursor: pointer; }
    .PSITitle:hover { color: #d08900; }
.SubtitleHome { text-align: center; font-family: Anton, sans-serif; font-size: 29px; color: #FFFFFF; }
.StepButton { display: inline-block; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; border: 1px solid #FFFFFF; color: #FFFFFF; padding: 8px 30px 8px 30px; font-size: 15px; cursor: pointer; }
.StepImage { position: absolute; top: 0px; bottom: 0px; left: -30px; right: -30px; background-position: center; background-size: cover; transition: all 1s ease; -webkit-transition: all 1s ease; }
.StepImageCell { overflow: hidden; position: relative; height: 670px; }
.StepInfoCell { padding: 40px 20px 60px 20px; height: 670px; }
.StepPapgerInfo { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 24px; line-height: normal; margin-bottom: 20px; }
.StepPaperTitle { font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 36px; line-height: normal; margin-top: 40px; margin-bottom: 30px; }

/* adjust / */
@media screen and (min-width: 1000px) and (min-height: 1000px) { 
	.FeatureBox { display: block; }
}

@media screen and (max-width: 1400px) { 
}
@media screen and (max-width: 1350px) { 
}
@media screen and (max-width: 1300px) { 
}
@media screen and (max-width: 1250px) { 
	/*#ProductShowBox { width: 1150px; }*/
}
@media screen and (max-width: 1200px) { 
	/*#ProductShowBox { width: 1100px; }*/
}
@media screen and (max-width: 1150px) { 
	/*#ProductShowBox { width: 1050px; }*/
}
@media screen and (max-width: 1100px) { 
	/*#ProductShowBox { width: 1000px; }*/
	#Feature { background-size: cover; }
	#Feature:hover { background-size: cover; }
	#FeatureButton { font-size: 24px; }
	#FeatureInfo { font-size: 20px; line-height: 20px; }
	#FeatureTable { height: 400px; }
	#FeatureTitle { font-size: 40px; line-height: 40px; }
}
@media screen and (max-width: 1050px) { 
	/*#ProductShowBox { width: 950px; }*/
}
@media screen and (max-width: 1000px) { 
	/*#ProductShowBox { width: 900px; }*/
}
@media screen and (max-width: 950px) { 
	/*#ProductShowBox { width: 850px; }*/
}
@media screen and (max-width: 900px) { 
	/*#ProductShowBox { width: 800px; }*/
}
@media screen and (max-width: 850px) { 
	/*#ProductShowBox { width: 750px; }*/
}
@media screen and (max-width: 800px) { 
	#FeatureButton { font-size: 20px; }
	#FeatureImg { height: 200px; }
	#FeatureInfo { font-size: 16px; line-height: 16px; }
	#FeatureTitle { font-size: 30px; line-height: 30px; }
	#FeatureTable { height: 300px; }
	/*#ProductShowBox { width: 700px; }*/
}
@media screen and (max-width: 750px) { 
	/*#ProductShowBox { width: 650px; }*/
}
@media screen and (max-width: 700px) { 
	/*#ProductShowBox { width: 600px; }*/
}
@media screen and (max-width: 650px) { 
	/*#ProductShowBox { width: 550px; }*/
}
@media screen and (max-width: 600px) { 
	/*#ProductShowBox { width: 500px; }*/
}
@media screen and (max-width: 550px) { 
	/*#ProductShowBox { width: 450px; }*/
}
@media screen and (max-width: 500px) { 
	#FeatureImg { display: none; }
	/*#ProductShowBox { width: 400px; }*/
}
@media screen and (max-width: 450px) { 
	/*#ProductShowBox { width: 350px; }*/
}
@media screen and (max-width: 400px) { 
	/*#ProductShowBox { width: 400px; margin: 0px -20px 0px -20px; }*/
}
@media screen and (max-width: 350px) { 
	/*#ProductShowBox { width: 1150px; }*/
}
@media screen and (max-width: 300px) { 
}

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

@media screen and (min-width: 900px) { 
}
/* adjust \ */