.grad0 
	{
	text-align:center;
	position:relative;
	top:0px;
	width:100%;
  	height:100%;
	z-index: 1;
	background-image: url("/images/cpuCircuitBoardCrop.jpg");
	box-shadow: inset 0 0 0 1000px rgba(0,102,255,0.8);
	background-size: cover; 
	background-repeat: no-repeat;
	background-position: center; 
	float:right;
	}	
		
.scaleSquare0
	{
    background-size: contain;
    background-repeat: no-repeat;
	}
	
@media (min-width: 768px)
	{
	.scaleSquare0
		{
	    height:640px;
		}					
	}
	
.headline
	{
  	font-family: 'Source Sans Pro', sans-serif;
	font-size: 38px;
	color:white;
  	width:90%;
  	max-width:600px;
  	margin:auto;
	}

@media (min-width: 768px)
	{
	.headline
		{
  		font-size: 50px;
  		margin-top:auto;
  		margin-bottom:auto;
  		margin-left:auto;
  		margin-right:auto;
	    }
	}	
	
.headlinePadding
	{
	height:30px;
	width:100%;
	}	 
	
.introPadding
	{
	height:65px;
	width:100%;
	} 		

.introTitle
	{
	font-size:40px;
	}	
		 
.instructions
 	{
 	color:white;
 	margin-top:30px;
 	font-size:22px;	
 	font-weight:600;
 	width:90%;
 	}
 	
 .instructionsCode
 	{
 	border-radius: 10px;
 	background-color:white;
 	text-align:left;
 	color:#0066FF;
 	box-shadow:0px 0px 35px rgb(145,255,211);
 	padding:1.5%;
 	width:800px;
 	max-width:95%;
  	font-family:monospace;
 	font-size:16px;
 	} 	  	

.disclaimer	
	{
	display: inline-block;
	width:99%;
	color:#ccddff;
	text-align:left;
	margin-top:3%;
	font-size: 13px;
	} 			

.whiteLink 
	{
	background-color:transparent;
	color:white;	
	}		
	
.featureContainer
	{
	max-width:900px;
	position:relative; 
	margin:auto;
	height:100%;
	font-weight:300;	
	top:-40px;
	}		
	
@media (min-width: 768px)
	{					
	.featureContainer
		{
		top:0px;
		}	
	}	

.featureAlign
	{
	margin-bottom:-65px;	
	}	
	
.featureImage
	{
	height:100%; 
	width:100% ;
	max-width:400px; 
	max-height: 400px;
	margin-left:-4px;
	}	
		
.featureImage0
	{
	height:100%;
	width:100%;
	max-width:380px; 
	max-height:380px;
	padding:15px;	
	}	
	
.featureFontHeader
	{
	font-size:30px;
	font-weight:400;
	}	

.featureFont
	{
	font-size:16px;
	line-height: 200%;
	}					

.blueHover
	{
	left:42%;
	color:black;
	}

.blueHover:hover
	{
	color:#0066FF;	
	}
	
@media (min-width: 768px)
	{					
	.blueHover
		{
		left:0%;
		}	
	}
	
.dyniBulletOuter
	{
	width:130px;
	position:relative;
	}
	
.dyniBulletInner
	{
	min-height:36px;
	position:relative;
	}
	
.dyniBullet0
	{
	position:relative; 
	left:0px; 
	top:5px;
	border-top:1px solid; 
	width:10px; 
	transform: rotate(45deg); 
	transform-origin: 0% 0%;	
	}
	
.dyniBullet1
	{
	position:absolute; 
	left:0px; 
	top:19px;
	border-top:1px solid; 
	width:10px; 
	transform: rotate(-45deg); 
	transform-origin: 0% 0%;
	}
	
.dyniBullet2
	{
	position:absolute; 
	left:10px; 
	top:5px;
	border-top:1px solid; 
	width:10px; 
	transform: rotate(45deg); 
	transform-origin: 0% 0%;
	}
	
.dyniBullet3
	{
	position:absolute; 
	left:10px; 
	top:19px;
	border-top:1px solid; 
	width:10px; 
	transform: rotate(-45deg); 
	transform-origin: 0% 0%;
	}		
	
.showOnMobile
	{
	display:inline-block;
	}
	 
.hrColor
	{
	border-color:#dfdfdf	
	}	
	        
.stopwatchText
	{
	margin:auto;
	text-align:center;
	margin;font-weight:400;
	font-size:40px;
	width:100%;
	max-width:350px;
	margin-top:30px;
	}     
	
.stopWatch
	{
	margin:auto;
	text-align:center;
	font-size:100px;
	font-weight:300;
	}	   
	
.perfChart
	{
	width:100%; 
	max-width:500px; 
	height:400px;
	margin:auto;	
	}
	
.apps
	{
	width:100%;
	margin:auto;
	text-align:center;
	font-weight:400;
	font-size:40px;
	max-width:638px;
	}
	
.appsText
	{
	max-width:500px;
	margin-bottom:35px;
	width:95%	
	}	
	
.fixedPriceFont
	{
	font-size:35px;
	}		

@media (min-width: 500px)
	{
  	.fixedPriceFont
  		{
   		font-size: 45px;
   		}
	}
	
.pricingHeaderFont
	{
	font-size:20px;
	}		

@media (min-width: 500px)
	{
  	.pricingHeaderFont 
  		{
   		font-size: 25px;
   		}
	}

.leftCenterText
	{
	text-align:center;
	}	

.rightCenterText
	{
	text-align:center;
	}	

@media (min-width: 768px)
	{			
	.leftCenterText
		{
		text-align:left;
		float:left;
		margin-right:4%;
		width:44%;
		margin-bottom:0px;	
		}	
		
	.rightCenterText
		{
		text-align:right;
		float:right;	
		width:44%;
		margin-bottom:0px;
		}		 			
	}	
	
.scaleLeft
	{
	float:center;
	margin-bottom:0px;
	}	

.scaleRight
	{
	float:center;
	margin-bottom:0px;
	}	
	
@media (min-width: 768px)
	{			
	.scaleLeft
		{
		float:left;
		margin-bottom:120px;
		}
	
	.scaleRight
		{
		float:right;
		margin-bottom:120px;
		}		 			
	}		

.learnMoreInner
	{
	position:absolute;
	left:30px;
	top:0px;
	font-size:17px	
	}	
	
.learnMoreOuter
	{
	margin-left:-103px;
	margin-bottom:0px;
	}		

@media (min-width: 768px)
	{			
	.learnMoreOuter
		{
		margin-left:0px;
		}		 			
	}		
			
.hideOnMobileIndex
	{
	display:none;
	height:30px;
	}		

@media (min-width: 768px)
	{				
	.hideOnMobileIndex
		{
		display:inline-block;
		height:30px;
		}	 			
	}		
	
.showOnMobileInline
	{
	display:inline;
	}

@media (min-width: 768px)
	{
	.showOnMobileInline
		{
		display:none;
		}
	}
	
.hideOnMobileInline
	{
	display:none;
	}

@media (min-width: 768px)
	{
	.hideOnMobileInline
		{
		display:inline;
		}
	}	
		
	
.leftCenterFloat
	{
	float:center;	
	}

.rightCenterFloat
	{
	float:center;	
	}		

@media (min-width: 1000px)
	{
	.leftCenterFloat
		{
		float:left;	
		}
	
	.rightCenterFloat
		{
		float:right;	
		}   					
	}	
	
.graph0
	{
	max-width:500px; 
	margin:0 auto;	
	}

.yLabel	
	{
	float:left;
	margin-top:185px;
	margin-right:13px;
	font-size:14px
	}

.xAxis
	{
	margin-top:5px;
	font-size:14px;
	font-weight:300
	}

.xLabel 
	{
	width:24.9%;
	display:inline-block;
	float:left;
	}

.legend
	{
	width:100%;
	text-align:center;
	font-size:14px;
	font-weight:400;
	margin-bottom:10px;
	display:inline-block;
	margin-top:5px
	}

.legendSquare
	{
	display:inline-block;
	width:28px;
	float:left;
	height:14px;
	margin-top:1px;
	margin-right:6px;
	}

.legendText
	{
	display:inline-block;
	margin-right:5px;
	float:left;
	height:12px;
	}

.graphFont
	{
  	font-family: 'Source Sans Pro', sans-serif;
	}	

.graph-cont
	{
  	z-index:0;
	background: linear-gradient(90deg, #d9d9d9 1px, transparent 0%) 1px 0, #fff;
	background-size: 24.8% 1px;
	width: calc(100% - 40px);
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	}

.top-graph
	{
	float:left;
	z-index:0;
	width: calc(100% - 70px);
	max-width: 400px;
	margin: auto;
	}

.bar
	{
	z-index:1;
	height: 100px;
	max-width: 800px;
	margin: 0 auto 1px auto;
	line-height: 30px;
	font-size: 16px;
	color: white;
	padding: 0 0 0 10px;
	position: relative;
	}

.bar::after
	{
	content: '';
	background: #2ecc71;
	height: 100px;
	transition: 2s;
	display: block;
	width: 100%;
	-webkit-animation: bar-before 1 2s;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	}

.bar1::after
	{
	background-color:#91FFD3;
	max-width: 100%;
	}

.bar2::after
	{
	background-color:#0066FF;
	max-width: 66%;
	}

.emptyBar
	{
	height:55px;
	}

@-webkit-keyframes bar-before
	{
	0%
		{
		width: 0px;
		}
	100%
		{
		width: 100%;
		}
	}
	
.customersTopDiv
	{
	text-align:center;
	margin-bottom:55px;
	width:100%;
	}
	
.customersSecondDiv
	{
	max-width: 1300px;
	margin-top:80px;
	display:inline-block;
	}
	
.customersTitle
	{
	font-size:40px;
	margin-left:10%;
	margin-right:10%;
	}
	
.testamonialTable
	{
	display:inline-block;
	text-align:left;
	font-size:17px;
	line-height:180%;
	margin:30px;
	border-radius:10px;
	box-shadow: 0px 0px 23px #6895d9;
	max-width:350px;
	}
	
.testamonialTdPad
	{
	padding:20px;
	}
	
.testamonialNameTr
	{
	background-color: #e8e8e8
	}
	
.quote
	{
	font-family: Times New Roman;
	}
	
.testamonialName
	{
	font-size:15px;
	font-weight:600;
	}

.font2
	{
	font-size:25px;
	}

@media (min-width: 768px)
	{
	.font2
		{
		font-size:30px;
		}
	}

.clipBoardFont
	{
	font-size:16px;
	}

@media (min-width: 768px)
	{
	.clipBoardFont
		{
			font-size:21px;
		}
	}

.copyFont
	{
	color:white;
	font-size:14px;
	}

@media (min-width: 768px)
	{
	.copyFont
		{
		font-size:17px;
		}
	}

.codeFont
	{
	font-size:13px;
	font-family:Consolas,Courier New,monospace
	}

@media (min-width: 768px)
	{
	.codeFont
		{
		font-size:15px;
		}
	}

img.logo
	{
	margin-bottom:15px;
	width:130px;
	}

@media (min-width: 1000px)
	{
	img.logo
		{
		margin-bottom:0px;
		width:170px;
		}
	}

.copy
	{
	cursor: pointer;
	position:absolute;
	top:3px;
	right:5px;
	z-index:1;
	border-style:none;
	background-color:transparent;
	}

.copy:active
	{
	transform: translateY(4px);
	}
	
.clipBoardFont
	{
	font-size:25px;
	}
		
.codeDiv
	{
	text-align:left;
	margin:auto;
	margin-top:15px;
	padding:20px;
	padding-top:14px;
	padding-bottom:14px;
	border-radius:5px;
	background-color:#eff0f1;
	display:inline-block;
	position:relative;
	line-height:100%;
	}

.actionCodeDiv
	{
	text-align:left;
	margin:auto;
	display:inline-block;
	position:relative;
	}

.cpyMsg
	{
	position:absolute;
	top:-45px;
	right:3px;
	z-index:1;
	border-style:none;
	background-color:transparent;
	}