#product-header { background-color: #ffffff; position: relative; z-index: 1; padding-top: 2em; /*padding-bottom: 0.5em;*/ padding-bottom: 3em; }
#product-header::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("/source/5c67c95d9cda026584d8b33651643f6a/bkg-circuitry-blue.svg") center; background-size: 37.72em 36.2em; z-index: -1; opacity: .07; content: " "; }
#product-header .tiptop { display: flex; flex-direction: row; justify-content: space-around; flex-wrap: wrap; align-items: center; }
#product-header .tiptop .content { width: 56%; }
#product-header .tiptop .imgvid { width: 36%; }

#product-header .awardimg { float: right; height: 85px; width: auto; }
#product-header h1 { color: #089bab; text-transform: uppercase; font-size: 4em; letter-spacing: -1px; font-weight: 800; margin-bottom: 0.125em; line-height: 0.9em; }
#product-header h1 span { display: block; font-size: 0.5em; font-weight: 600; margin-bottom: -0.375em; }
#product-header h1.img { text-indent: -9000px; background-repeat: no-repeat; height: 85px; background-size: contain; background-position: left center; margin-bottom: 0.125em; }

#product-header h2 { color: #ff9922; font-weight: 700; font-size: 24px; margin-bottom: 0.75em; }
#product-header h3 { background-color: #089bab; color: #ffffff; padding: 1em; margin-right: 1.5em; font-weight: 600; font-size: 14px; line-height: 1.25em; text-align: center; margin-bottom: 0; }
#product-header h4 { background-color: #881199; color: #ffffff; text-align: center; font-size: 13px; margin-left: 1.5em; padding: 1em; text-transform: none; line-height: 1.25em; }

#product-header .checkboxes { display: flex; flex-direction: row; justify-content: space-between; margin-top: 2em; flex-wrap: wrap; }
#product-header .checkboxes > div { width: 23%; text-align: center; border: 2px solid #e9e9e9; border-radius: 8px; padding: 1em; background-color: rgba(255,255,255, 0.8); text-align: center; line-height: 1.25em; margin-bottom: 2em;  }
#product-header .checkboxes .checkbox { display: block; margin: 0 auto 0.5em auto; }
#product-header span.em { font-size: 1.5em; display: block; margin: 0.125em auto 0 auto; }


.section-spotlight { background-color: #EBF4F6; padding-top: 1em; }
.section-spotlight h2 { color: #089bab; font-size: 2em; line-height: 1.25em; text-align: center; max-width: 650px; margin-left: auto; margin-right: auto; font-weight: 700; margin-bottom: 1em; }
.section-spotlight h3 { color: #089bab; font-size: 1.375em; line-height: 1.25em; text-align: center; margin-left: auto; margin-right: auto; font-weight: 700; margin-top: -1em; margin-bottom: 1.5em; text-transform: uppercase; }
.section-spotlight img { display: block; width: 100%; margin-left: auto; margin-right: auto; }

.section-spotlight .cards { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-left: 2em; margin-right: 2em; }
.section-spotlight .card { background-color: #ffffff; border-radius: 8px; width: 48%; margin-bottom: 2em; }
.section-spotlight .card .img { background-position: center top; background-repeat: no-repeat; background-size: cover; aspect-ratio: 1.5; width: 100%; }
.section-spotlight .contents { padding: 2em 1.75em; }
.section-spotlight .card h4 { text-align: center; color: #089bab; font-weight: 600; line-height: 1.15em; font-size: 1.125em; text-transform: none; }
.section-spotlight .card p { color: #616161; font-size: 1em; line-height: 1.5em; margin-bottom: 0; text-align: center; }
	

section.section-top-arrowed { background-image: url("/source/bdc75af8df3d676af6eda9510fd08ea5/section-arrow-blue.svg"); background-position: center top; background-repeat: no-repeat; background-size: 50px auto; }
.section-features { background-color: #FFFFFF; }
.section-features h2 { color: #ff9922; font-size: 2em; line-height: 1.25em; text-align: center; max-width: 650px; margin-left: auto; margin-right: auto; font-weight: 700; margin-bottom: 1em; }
.section-features .contents { display: flex; flex-direction: row; justify-content: space-around; flex-wrap: wrap; }
.section-features.section-features-std2col .imgvid { width: 60%; }
.section-features.section-features-std2col .features { width: 35%; }
.section-features.section-features-std2col .features h4 { color: #ff9922; font-weight: 900; font-size: 1.125em; line-height: 1.25em; text-transform: none; }
.section-features.section-features-std2col .features li svg { color: #ff9922; margin-right: 0.75em; }
.section-features.section-features-std2col .features ul.fa-ul { margin-left: 1.75em; font-size: 16px; }

.section-features .contents .imgvid img { width: 100%; height: auto; }
		
.section-features.section-features-multi .imgvid { width: 66%; }
.section-features.section-features-multi .features, .section-features.section-features-multi .subfeatures { margin-bottom: 1em; width: 33%; }
.section-features.section-features-multi h4 { font-size: 1.5em; font-weight: 800; color: #ff9922; text-transform: none; }
.section-features.section-features-multi h5 { font-size: 1.125em; font-weight: 600; color: #ff9922; margin-bottom: 0.25em; text-transform: none; letter-spacing: normal; }
.section-features.section-features-multi ul { list-style-type: none; margin-bottom: 0em; padding-left: 0; }
.section-features.section-features-multi ul li { font-size: 0.925em; }
.section-features.section-features-multi li+li { margin-top: 0.125em; }
		
.section-product-shop-banner { background-color: #FCEBD6; padding: 3em 0; }
.section-product-shop-banner .wrap { text-align: center; }
.section-product-shop-banner h4 { font-size: 1.25em; color: #ff9922; display: inline; }
.section-product-shop-banner .wrap > * { margin-right: 1em; }
.section-product-shop-banner .wrap a:last-child { margin-right: 0; }
.section-product-shop-banner .button { font-size: 1.125em; letter-spacing: normal; font-weight: 800; font-family:"Montserrat",'Roboto',Helvetica,Arial,sans-serif; }
		
.section-awards-banner { background-color: #F2F2F2; padding: 3em 0; }
.section-awards-banner-simple { padding: 1em 0; }
.section-awards-banner .wrap { text-align: center; }
.section-awards-banner h5 { color: #747474; font-size: 1.125em; text-transform: none; }
.section-awards-banner h5 img { vertical-align: middle; margin-right: 0.5em; }

.section-awards-banner h4 { color: #747474; font-size: 2em; text-transform: none; margin-bottom: 0.75em; }
.section-awards-banner .testimonials { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; }
.section-awards-banner .testimonial { width: 23%; margin-bottom: 2em; }
.section-awards-banner .testimonial img { margin-bottom: 0.5em; }
.section-awards-banner .testimonial p { color: #616161; font-style: italic; }
.section-awards-banner .awards-list img { height: 85px; width: auto; }
		
.section-awards-banner .awards-list { background-color: rgba(167,167,167, 0.15); border-radius: 8px; padding: 1em; }
		
.section-product-shop-banner { background-color: #FCEBD6; padding: 3em 0; }
.section-product-shop-banner .wrap { text-align: center; }
.section-product-shop-banner h4 { color: #ff9922; display: inline; }
.section-product-shop-banner .wrap > * { margin-right: 1em; }
.section-product-shop-banner .wrap a:last-child { margin-right: 0; }

.section-product-get-started-banner { background-color: #881199; padding: 0; }
.section-product-get-started-banner .wrap { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.section-product-get-started-banner .contents { padding-top: 2em; padding-bottom: 2em; width: 55%; }
.section-product-get-started-banner h3 { color: #ffffff; font-size: 1.75em; font-weight: 800; }
.section-product-get-started-banner p { color: #ffffff; font-size: 1.25em; }
.section-product-get-started-banner a.button { font-size: 1.25em; text-transform: none; font-family:"Montserrat",'Roboto',Helvetica,Arial,sans-serif; letter-spacing: normal; }
.section-product-get-started-banner .imgvid { width: 40%; }
		
		
@media (max-width:991px) {
	#product-header h1.img { background-position: center center; }
	#product-header h1.txt { text-align: center; }
	#product-header h2, #product-header h3 { text-align: center; }
	#product-header .tiptop .content, #product-header .tiptop .imgvid { width: 100%; }
	
	.section-awards-banner .testimonial { width: 47%; }
	
	.section-product-shop-banner h4 { display: block; margin: 0 auto 1em auto; }
	
	.section-product-get-started-banner .wrap { flex-direction: column-reverse; padding: 0; }
	.section-product-get-started-banner .contents, .section-product-get-started-banner .imgvid { width: 100%; }
	.section-product-get-started-banner .contents { padding: 2em; text-align: center; }
}

@media (max-width:767px) {
	#product-header .checkboxes > div { width: 47%; }
	
	.section-spotlight .card { width: 100%; }
	
	.section-features.section-features-std2col .imgvid { width: 100%; }
	.section-features.section-features-std2col .features { margin-top: 1.5em; width: 100%; text-align: center; }
	.section-features.section-features-std2col .features ul.fa-ul { margin-left: 0; }
	.section-features.section-features-std2col .features span.fa-li { position: relative; left: auto; }
	
	.section-features.section-features-multi .imgvid { width: 100%; }
	.section-features.section-features-multi .features, .section-features.section-features-multi .subfeatures { text-align: center; width: 100%; }
	
	.section-awards-banner .logo-list li { padding: 0.75em 0.5em; }
	.section-awards-banner .awards-list img { height: 65px; }
}

@media (max-width:600px) {
	#product-header .awardimg { margin-top: -30px; height: 55px; }
	
	#product-header .checkboxes > div { width: 100%; text-align: left; margin-bottom: 1em; }
	#product-header .checkboxes .checkbox { display: inline-block; margin: 0 1em 0 0; }
	#product-header span.em { font-size: 1.5em; display: inline; margin: 0; }
	
	.section-awards-banner h5 img { display: block; margin: 0 auto 1em auto; }
	
	.section-awards-banner .testimonial { width: 100%; }
	.section-awards-banner .logo-list li { padding: 0.75em 0.5em; }
	.section-awards-banner .awards-list img { height: 55px; }
	
	.section-product-shop-banner a.button { display: block; margin: 0 auto 1em auto; }	
}