*, ::after, ::before { box-sizing: border-box; max-height:99999px; }
html {
  scroll-behavior: smooth;
}


a:link { text-decoration: none; color: white; }
a:visited { text-decoration: none; color: white; }
a:focus  { text-decoration: none; color: white; }
a:hover  { text-decoration: none; color: white; }
a:active { text-decoration: none; color: white; }

a.topmenu:link { color: black;}
a.topmenu:visited { color: black;}
a.topmenu:focus  { color: #25D000;}
a.topmenu:hover  { color: #25D000;}
a.topmenu:active { color: #25D000;}

a.footericon:link { color: white;}
a.footericon:visited { color: white;}
a.footericon:focus  { color: white;}
a.footericon:hover  { color: white;}
a.footericon:active { color: white;}

a.highlight:link { color: #25D000;}
a.highlight:visited { color: #25D000;}
a.highlight:focus  { color: #25D000;}
a.highlight:hover  { color: #25D000;}
a.highlight:active { color: #25D000;}

.aboutustxt1 { width: 30%; padding-bottom:50px; float:left; margin-left:5%; margin-right:5%;}
.aboutustxt2 { width: 50%; padding-bottom:50px; float:right; margin-left:5%; margin-right:5%;}
.aboutustxt3 { width: 40%; padding-bottom:50px; float:left; margin-left:5%; margin-right:5%;}
#address { margin:0 auto; width:50%;}
.address1 { margin-top:10px }
body { 	
	font-family: "Open Sans"; 
	width: 100%; 
	margin: 0 auto; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#careers { float:right; width:80%; margin: 50px 30px 0 0;  }
#cfsent { color: red; } 
#contact { width: 100%; padding-top:90px; background-color: green; overflow: hidden; color: white;}
.contactfield { width: 100%; }
#contactform { float: left; width:39%; }
#content { width: 100%; font-size: 16px; color: #424242; }
.customerlogo {
	width:120px; 
	height:100px;
	margin-right:30px;
	display: inline-block;
}
#customerlogowin {
	width:100%;
	margin-top:50px;
	text-align: center;
}
#divbutton { text-align:center; font-size: 20px; height:50; background-color:#FF0A2F; color: #FFFFFF; 
			padding: 0px 10px 5px 10px; margin:10px 0px 10px 0px; border-radius: 20px;}
.DLbuttons { text-align: left; }
.downButton { display:inline-block;}


#features { padding-top:60px;}
.features {
	padding: 20px;
	display: inline-block;
	vertical-align:top;
	width: 250px;
	height: 250px;
	border-radius: 4px;
	text-align: center;
	margin: 15px 5px 0 5px;
	box-shadow: 0 2px 18px 0 rgb(198 198 198 / 30%);
	transition: all .5s;
}

.featureshi {
	box-shadow: 0 2px 18px 0 rgb(198 198 198 / 80%);
}

#footer { background: black; clear:both; width: 100%; margin-top: 0px; padding: 20px; font-size: 16px; color: white;}
#footer-community { float:left; width: 34%; text-align: center; }
#footer-learn { float:left; width: 32%; text-align: center; }
#footer-legal { float:left; width: 34%; text-align: center; }

#header { width:100%; position:fixed; top: 0px; padding-top:10px; background: rgba(255, 255, 255, 0.9); z-index:1; } 
#hometxt {width:80%; margin:0 auto; font-size: 20px; font-style: italic; }
#homeimg {width:100%; height:65vh;}

.icon {
	border: 1px solid rgba(198,198,198,.3);
	width: 70px;
	height: 70px;
	border-radius: 50%;
	margin: 0 auto;
	color: #FFCC00;
	text-align: center;
	padding: 16px;
	transition: all .5s;
}

.iconhi {
	background: #FFCC00;
	color:white;
}

#language { float: right; margin: 30px 50px 0px 0px; }
.language { height: 25px;}
#logo { float: left; margin: 10px 0 10px 50px; }
.logo { height: 50px;}
.mapframe { border:0; width: 600px; }
#open-menu { display: none; }
#phoneimg { max-width: 100%; }

.section { width: 100%; padding-top:80px;}
.section_body {width:60%; margin:0 auto; }
.section_column_left { width: 45%; float:left;}
.section_column_right { width: 45%; float:right;}
.section_column_vertical_separator { display:none;}
.section_heading {width:80%; margin: 0 auto; text-align: center;}
.section_title {font-size:28px; font-weight:bold; }
.section_underline {display:inline-block; margin-top:10px; width: 100px; border-top: 1px solid #00595D}

#signin {
  background-color: #25D000; 
  border: none;
  color: white;
  padding: 0px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  border-radius: 12px;
}

.splashold { 
	height:100vh; 
	width: 100%; 
	display: flex;
	justify-content: center;
	align-items: center;
	background: url("images/sunflower.jpg"); 
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
.splashpic { width: 50%; float: left; text-align:center; }
.splashpicmob { display:none; width: 100%; margin: 0 auto; text-align:center; }

.techheadline {font-weight:bold; color:#00595D; }
.textcol1 { width: 35%; float:left; margin-left:10%; margin-top:10px;}
.textdiv { width: 90%; margin: 0 auto; text-align:center; }
.topbanner { width:100%; opacity:0.9; height:100vh; }
#topmenu { float: right; padding-top: 20px; margin: 10px 50px 10px 0; font-weight: bold;  }
.topmenuDiv { float:left; margin-right: 20px; }
.underdiv { border-bottom: 3px solid #00595D; }



/* Splash Text Animation */

.fadein { 
	color:white; font-weight:bold; font-size: 40px; text-align:center; 
	text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;
}

.animate span {
	display: inline-block;
}

.animate span:nth-of-type(2) {
	animation-delay: 1.05s;
}
.animate span:nth-of-type(3) {
	animation-delay: 1.1s;
}
.animate span:nth-of-type(4) {
	animation-delay: 1.15s;
}
.animate span:nth-of-type(5) {
	animation-delay: 1.2s;
}
.animate span:nth-of-type(6) {
	animation-delay: 1.25s;
}
.animate span:nth-of-type(7) {
	animation-delay: 1.3s;
}
.animate span:nth-of-type(8) {
	animation-delay: 1.35s;
}
.animate span:nth-of-type(9) {
	animation-delay: 1.4s;
}

.one span {
	opacity: 0;
	transform: translate(-150px, -50px) rotate(-180deg) scale(3);
	animation: revolveScale 1.4s forwards;
}

@keyframes revolveScale {
	60% {
		transform: translate(20px, 20px) rotate(30deg) scale(.3);
	}

	100% {
		transform: translate(0) rotate(0) scale(1);
		opacity: 1;
	}
}





/* Mobile Menu */
#open-menu { float: right; margin: 5px 10px 10px 0; display: none; }
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.9);
	color: white;
	text-align: center;
	font-size: 22px;
}
.overlay-slidedown {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
    transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
}
.overlay-slidedown.open {
    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
}




@media only screen and (max-width:850px) { 
.aboutustxt { width: 100%; padding:10px; margin: 0 auto; font-size: 18px; }
#address { float:none; width:100%; margin:20px 0 20px;}
#close-menu { float:right; margin: 15px 5px 80px 0; }
#contact { margin: 10px 0 20px 0;  }
.downButton { margin-bottom: 20px;}
.DLbuttons { text-align: center; }
#footer { font-size: 12px; }
#footer-community { width: 50%; }
#footer-learn { display:none; }
#footer-legal { width: 50%; }
#hometxt {width:95%; margin:0 auto;font-size: 16px; font-style: italic;}
#homeimg {width:100%; height:50vh;}
#language { margin: 15px 50px 0px 0px; }
#logo { margin:0 0 5px 15px; }
.logo { height: 50px;}
.mapframe { width: 100%; }
#open-menu { float: right; margin: 5px 10px 10px 0; display: block; }
.section_body { width:90%; }
.section_column_left { width: 100%; float:none;}
.section_column_right { width: 100%; float:none;}
.section_column_vertical_separator { display:inline-block;}
.servicetext { width: 80%; }
#spaceHolder { display: none }
.splashpic { display: none; }
.splashpicmob { display:block; }
.text { margin-left: 0; margin-right: 0; width: 100%;}
.topbanner { margin-top:100px; height:200px; }
#topmenu { display:none;  } 
}




/*
.features:hover{
	box-shadow: 0 2px 18px 0 rgb(198 198 198 / 80%);
}

.features:hover .icon{
	background: #FFCC00;
	color:white;
}



.fadein { 
	color:white; font-weight:bold; font-size: 36px; text-align:center; 
	text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;
	animation: fadeIn 3s;
	-webkit-animation: fadeIn 3s;
	-moz-animation: fadeIn 3s;
	-o-animation: fadeIn 3s;
	-ms-animation: fadeIn 3s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}



.animate span:nth-of-type(10) {
	animation-delay: .45s;
}
.animate span:nth-of-type(11) {
	animation-delay: .5s;
}
.animate span:nth-of-type(12) {
	animation-delay: .55s;
}
.animate span:nth-of-type(13) {
	animation-delay: .6s;
}
.animate span:nth-of-type(14) {
	animation-delay: .65s;
}
.animate span:nth-of-type(15) {
	animation-delay: .7s;
}
.animate span:nth-of-type(16) {
	animation-delay: .75s;
}
.animate span:nth-of-type(17) {
	animation-delay: .8s;
}
.animate span:nth-of-type(18) {
	animation-delay: .85s;
}
.animate span:nth-of-type(19) {
	animation-delay: .9s;
}
.animate span:nth-of-type(20) {
	animation-delay: .95s;
}

*/