html {
	font-family: 'Montserrat', sans-serif;
	font-size: 125%; /* 20px */
	background: #ffffff;
	font-weight: 300;
	color: #0074ff;
	line-height: 1.3;
	margin:0;
	padding:0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}


body {
	max-width: 100%;
    overflow-x: hidden;
	padding: 0px;
	margin: 0px;
}

a{
	outline:none !important;
}

img {
	max-width: 100%;
	height: auto;
}

h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 48px; font-size: 2.4rem;
	color: #000;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	font-weight: bold;
}



.col,
.cols {
	clear: none;
	display: inline;
	float: left;
	margin: 0;
	margin-right: 1.40846%;
	padding: 0;
}
	.one    { width: 7.04225%; }
	.two    { width: 15.49295%; }
	.three  { width: 23.94366%; }
	.four   { width: 32.39436%; }
	.five   { width: 40.84507%; }
	.six    { width: 49.29577%; }
	.seven  { width: 57.74647%; }
	.eight  { width: 66.19718%; }
	.nine   { width: 74.64788%; }
	.ten    { width: 83.09859%; }
	.eleven { width: 91.54929%; }
	.twelve { width: 100%; margin-right: 0; }
.col.last,
.cols.last {
	margin-right: 0;
}


.header{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 90px;
	padding: 0.5rem;
	padding-right: 1rem;
	padding-left: 1rem;
	float: left;
	z-index: 99;
	box-sizing: border-box;
}

.header h6 {
    height: 60px;
    width: 120px;
    float: left;
    padding: 0.5rem;
    box-sizing: border-box;
    margin: 0px;
    position: absolute;
    top: 5px;
    left: 10px;
}
	
	.header a{
		font-size: 1.2rem;
		color: #fff;
		text-decoration: none;
		float: right;
		font-weight: bold;
		margin-top: 1rem;
	}
		.header a:hover{
			text-decoration: underline;
		}

.wrapper {
    margin: 0 auto;
    height: auto;
    padding: 3rem;
    width: 100%;
    max-width: 1420px;
    max-width: 71rem;
    color: #000000 !important;
    box-sizing: border-box;
    display: table;
}

.top_section {
    width: 100%;
    height: 100vh;
    float: left;
    overflow: hidden;
    position: relative;
	background:#0373fb url(/images/trace_top_reduced.gif) center center no-repeat;
	background-size: 70%;
}

.top_section img{

}

	a.top_section_anchor:link, a.top_section_anchor:visited{
		height: 50px;
		width: 150px;
		text-decoration: none;
		font-size: 0.85rem;
		color:#ffffff;
		text-align: center;
		position: absolute;
		left: 50%;	
		transform: translateX(-50%);
		bottom: 20px;
	}
		a.top_section_anchor:hover{
			color:#29235c;
		}
	
	
#lead{
	padding-top: 2rem;
}
	#lead h1{
	color: #29235c;
	}
	
.phone_section{
	width: 100%;
	height: auto;
	background: url("../images/phone_bg.png")  top center no-repeat;
	background-size:cover;
	float: left;
}

.phone_spacer{}

.phone_left{
	height:auto;
}

.phone_right{
	height:auto;
	padding-top: 200px;
}


.blue_section {
    width: 100%;
	height: auto;
    background: #0373fb;
    float: left;
    overflow: hidden;
    position: relative;
	padding: 2rem;
	box-sizing: border-box;
}

	.blue_section h1{
		color: #fff;
		font-size: 2rem;
	}

.features_section{
	float: left;
	height: auto;
	width: 100%;
	padding: 2rem;
	box-sizing: border-box;
}
.features_row{
	margin-bottom: 5rem;
}

.features_image{
	height: auto;
	overflow: hidden;
}

.features_image_2{
	height: 550px;
	overflow: hidden;
}
	
	.expand_gif{
		margin-top: -20%;
	}

.features_text{
	padding-right: 4.5rem;
	box-sizing: border-box;
}
	.no_padding{
		padding: 0px;
		padding: 0rem;
	}

	.features_text h2{
		color: #29235c;
		float: left;
		clear: both;
		font-size: 2rem;
	}
	
	.features_text h2 strong{
		font-size: inherit;
		color: #0373fb;
	}
	
	.features_text p {
		font-size: 1rem;
		color:#29235c;
		margin-top: 20px;
		float: left;
		clear: both;
		line-height: 32px;
	}
	
	.features_text hr{
		height: 0px;
    	width: 30px;
    	border: 3px solid #0373fb;
    	-webkit-animation: increase 3s;
    	-moz-animation: increase 3s;
    	-o-animation: increase 3s;
    	animation: increase 3s;
    	animation-fill-mode: forwards;
		float: left;
		clear: both;
    	clear: both;
    	margin-top: 20px;
    	margin-bottom: 0px;
    	outline: none;
}


.blue_section_icons {
    width: 100%;
	height: auto;
    background: #0074ff;
    float: left;
    overflow: hidden;
    position: relative;
	padding: 1rem;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	box-sizing: border-box;
}

.icon_section{
	text-align: center;
	padding: 1rem;
	box-sizing: border-box;
}

	.icon_section h3{
		font-size: 1.2rem;
		color: #fff;
		margin-bottom: 20px;
		margin-top: -25px;
	}
	
	.icon_section p{
		font-size: 0.85rem;
		color: #fff;
	}


.dark_blue_section{
	width: 100%;
	height: auto;
	background-color: #29235c;
    float: left;
    overflow: hidden;
    position: relative;
	padding: 1rem;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	box-sizing: border-box;
	font-size: 90%;
}


.dark_blue_intro{
	padding-right: 4rem;
	box-sizing: border-box;

}
	.dark_blue_intro hr{
		height: 0px;
    	width: 30px;
    	border: 3px solid #0373fb;
    	-webkit-animation: increase 3s;
    	-moz-animation: increase 3s;
    	-o-animation: increase 3s;
    	animation: increase 3s;
    	animation-fill-mode: forwards;
		float: left;
		clear: both;
    	clear: both;
    	margin-top: 20px;
    	margin-bottom: 0px;
    	outline: none;
		}
		
		.dark_blue_intro h1{
		color: #fff;
		font-size: 2rem;
		float: left;
		clear: both;
		margin-top: 30px;
	}

.dark_blue_info{
	padding-top: 2.5rem;
	color: #fff;
}

	.dark_blue_info .app_logo{
		padding: 0.4rem;
		padding-left: 0px;
		box-sizing: border-box;
	}


.blue_section_cta {
    width: 100%;
	height: auto;
    background: #0074ff;
    float: left;
    overflow: hidden;
    position: relative;
	padding: 1rem;
	padding-top: 2.5rem;
	padding-bottom: 0px;
	overflow: hidden;
	box-sizing: border-box;
	color: #fff;
}
	.cta_t{
	height: 430px;
	overflow: hidden;
	background-color: #0074ff;
	}
	
		.t_gif{
		margin-top: -60%;
	}
	
	.blue_section_cta h1{
		color: #fff;
		font-size: 2rem;
		margin-top: 15%;
	}
	
	.blue_section_cta a{
		color: #fff;
		text-decoration: none;
	}
		.blue_section_cta a:hover{
			text-decoration: underline;
		}


.footer{
	width: 100%;
	height: auto;
	background-color: #29235c;
    float: left;
    overflow: hidden;
    position: relative;
	padding: 1rem;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	box-sizing: border-box;
	color: #fff !important;
}

	.footer h2{
		color: #fff;
	}
	
	.footer p{
		color: #fff;
	}
	
	.footer a{
		color: #fff;
		text-decoration: none;
	}
		.footer a:hover{
			text-decoration: underline;
		}