/* -------------------------------------------

	Name: 		Vehicle Monitoring Systems
	Date:		2016/09/22
	Author:		http://psdhtml.me
		   		   
---------------------------------------------  */
* { margin: 0; padding: 0; }
*, :before, :after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

html { overflow-y: scroll; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; }
body { min-height: 100%; background: #232323; font-size: 62.5%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body, textarea, input, select, option, button { color: #8c8f94; font-family: Lato, Arial, Helvetica, sans-serif; line-height: 1.22222222222; }
li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 1.8em; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; }
ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 22px; }

article, aside, details, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }


/*! Layout --------- */
#root { overflow: hidden; position: relative; width: 100%; background: #fff; }
	#top { position: relative; z-index: 9; width: 1280px; height: 100px; margin: 0 auto 92px; }
		#logo { position: relative; z-index: 2; max-width: 248px; height: 100px; margin: 0 50px 0 0; }
			#logo a { display: block; overflow: hidden; width: 100%; height: 100%; background: url(../images/logo.svg) center center no-repeat; background-size: contain; text-indent: -3000em; }
		#skip { position: fixed; top: 0; left: -10000px; z-index: 9; }
			#skip a:focus, #skip a:active { display: block; position: absolute; left: 10000px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 4px 8px; background: #333; color: #fff; font-weight: 500; font-size: 1.1em; text-align: center; text-decoration: none; }
		#nav { position: absolute; right: 0; top: 0; z-index: 3; }
			#nav > ul { list-style: none; margin: 0; padding: 0; }
				#nav > ul > li { float: left; margin: 0; padding: 0 0 0 19px; font-size: 1.6em; text-transform: uppercase; }
				#nav > ul > li > a { display: block; overflow: hidden; position: relative; float: left; height: 100px; color: #fff; line-height: 100px; text-decoration: none; }
					#nav > ul > li > a:before { content: ""; display: block; position: absolute; left: 0; bottom: -5px; width: 100%; height: 5px; background: #a9a9a9; }
					#nav > ul > li.active > a, #nav > ul > li > a:hover { color: #aaa; }
					#nav > ul > li.active > a { cursor: default; }
						#nav > ul > li.active > a:before, #nav > ul > li > a:hover:before { bottom: 0; }						
				#nav > ul > li.a { padding: 32px 0 0 34px; }
					#nav > ul > li.a > a { height: 35px; padding: 0 35px; border: 1px solid #2895f1; color: #2895f1; line-height: 31px; }
		#top > .menu { display: block; position: absolute; right: 20px; top: -3000em; z-index: 9; width: 30px; height: 49px; background: #232323; cursor: pointer; }
			#top > .menu:before, #top > .menu:after { content: ""; display: block; position: absolute; left: 50%; width: 30px; margin: 0 0 0 -15px; height: 13px; border-bottom: 3px solid #fff; }
				#top > .menu:before { top: 13px; border-top: 3px solid #fff; }
				#top > .menu:after { bottom: 13px; }
			.menu-active #top > .menu { }
				.menu-active #top > .menu:before { top: 23px; height: 3px; border-top-width: 0; border-bottom-width: 0; background: #fff; }
				.menu-active #top > .menu:after { bottom: 23px; height: 3px; border-top-width: 0; border-bottom-width: 0; background: #fff; }
				.menu-active #top > .menu:before { transform: rotate(-225deg); -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); }
				.menu-active #top > .menu:after { transform: rotate(225deg); -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); }
	#mobile { overflow-x: hidden; overflow-y: auto; position: fixed; left: -250px; right: auto; top: 0; bottom: 0; z-index: 100; width: 240px; margin: 0; box-shadow: 0 0 5px rgba(0,0,0,.25); background: rgba(46,46,46,1); line-height: 1.55; }
		#mobile > ul { list-style: none; margin: 0; padding: 0; }
		#mobile > ul > li { position: relative; float: none; margin: 0; border-bottom: 1px solid #434343; font-size: 1.6em; }
		#mobile > ul > li > a { display: block; position: relative; z-index: 1; float: none; padding: 8px 20px; color: #fff; text-transform: none; text-decoration: none; }	
		#mobile > ul > li.sub > a { padding-right: 60px; }
			#mobile > ul > li > .toggle { display: block; position: absolute; right: 0; top: 0; z-index: 2; width: 41px; height: 41px; cursor: pointer; }
			#mobile > ul > li > .toggle:before { content: "\e90a"; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; color: #fff; font-family: i; font-size: 4px; font-weight: 400; line-height: 20px; text-align: center; }
		#mobile > ul > li > ul { position: absolute; left: -3000em; top: 0; list-style: none; margin: 0; padding: 0; border-top: 1px solid #434343; background: rgba(0,0,0,.25); }
			#mobile > ul > li.toggle > ul { position: relative; left: 0; }
			#mobile > ul > li > ul li { position: relative; margin: 0; padding: 0; border-top: 1px solid #393939; font-size: 14px; }
			#mobile > ul > li > ul li:first-child { border: 0; }
			#mobile > ul > li > ul li a { display: block; padding: 4px 20px 4px; color: #fff; }
		#mobile ul + ul li.mobile-hide { position: relative; left: 0; top: 0; }
	#shadow { visibility: hidden; position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; background: rgba(0,0,0,.5); opacity: 0; cursor: pointer; }
	#featured { overflow: hidden; position: relative; z-index: 3; margin: -92px 0 92px; padding: 125px 0; color: #fff; text-align: center; }
		#featured > * { position: relative; z-index: 2; width: 800px; margin-left: auto; margin-right: auto; }
		#featured h1, #featured h2, #featured h3, #featured h4, #featured h5, #featured h6, #featured a { margin-top: 0; margin-bottom: 0; color: #fff; }
		#featured figure { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; margin: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; }
			#featured figure:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,.6); }
			#featured img { display: block; position: relative; z-index: 1; width: 100% !important; }
	#featured.big { padding-top: 200px; padding-bottom: 200px; }
	#content { position: relative; z-index: 2; width: 1280px; margin: 0 auto; padding: 0 0 72px; }
	#content:after, #top:after, #footer:after, form p:after, #footer > nav:after, .news-a article:after, .popup-a .box-inset:after, .form-a:after, .double:after, .list-c > li:after, .list-c:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
	#footer { position: relative; z-index: 1; width: 1280px; margin: 0 auto; padding: 74px 0 55px; background: #232323; color: #a9a9a9; line-height: 1.42857142857; }
		#footer > *, .news-a article > * { position: relative; z-index: 2; }
		#footer:before, #top:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; bottom: 0; z-index: 1; width: 3000em; background: #232323; }
		#footer > nav { position: relative; margin: 0 0 0 -100px; }
			#footer > nav > * { float: left; width: 41%; padding: 0 0 35px; border-left: 100px solid rgba(0,0,0,0); }
				#footer > nav > *:first-child { width: 29%; }
					#footer > nav > *:first-child:before { content: ""; display: block; min-width: 248px; height: 58px; margin: 6px 0 18px; background: url(../images/logo.svg) no-repeat; background-size: auto 100%; }
					#footer > nav > *:first-child p { max-width: 264px; }
				#footer > nav > *:last-child { float: right; width: 30%; }
			#footer > nav ul { list-style: none; padding: 0; text-transform: uppercase; }
			#footer > nav ul { -moz-column-count: 2; -webkit-column-count: 2; -o-column-count: 2; -ms-column-count: 2; column-count: 2; -moz-column-gap: 30px; -webkit-column-gap: 30px; -o-column-gap: 30px; -ms-column-gap: 30px; column-gap: 30px; }
				#footer > nav ul li { margin: 0 0 7px; font-size: 1.6em; }
		#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { margin: 0 0 12px; color: #fff; font-size: 1.6em; line-height: 1.42857142857; }
		#footer p { font-size: 1.4em; }
		#footer a { color: #fff; }
		#footer form { position: relative; }
			#footer form p { margin-bottom: 10px; }
			#footer input, #footer select, #footer textarea { display: block; width: 100%; border-color: #a9a9a9; background: none; color: #a9a9a9; font-size: 16px; }
		#footer button { background: none; color: #2895f1; }
		#footer > p { color: #666; font-size: 1.6em; text-align: center; }	
			#footer > p a { color: #666; }
			

/*! Columns --------- */
.double { display: block; position: relative; }
	.double > * { display: block; position: relative; float: right; border-left: 0 solid rgba(0,0,0,0); }
	.double > *:first-child { float: left; }
.double.a { margin-left: -140px; }
	.double.a > * { width: 50%; border-left-width: 140px; }
	.double.a .double.a { margin-left: -80px; }
	.double.a .double.a > * { border-left-width: 80px; }
#root form p.double.a { margin-left: -10px; }
	#root form p.double.a > * { float: left; width: 50%; margin-top: 0; border-left-width: 10px; }	


/*! Modules --------- */
.news-a { margin-top: 100px; }
	.news-a article { position: relative; min-height: 615px; padding: 80px 0 70px 660px; }
		.news-a article:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; bottom: 0; z-index: 1; width: 3000em; }
		.news-a article + * { margin-top: 95px; }
		.news-a article:nth-child(2n) { padding-left: 0; padding-right: 660px; }
			.news-a article:nth-child(2n):before { background: #fafafa; }
			.news-a article:nth-child(2n) figure { left: auto; right: 0; }
	#root .news-a article.text-center, #root .news-a.b > * { min-height: 0; padding-left: 0; padding-right: 0; }
		.news-a article.text-center > *, .news-a.b article > * { max-width: 904px; margin-left: auto; margin-right: auto; }
	.news-a figure { position: absolute; left: 0; top: 80px; bottom: 80px; width: 565px; margin: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; }
		.news-a figure.bottom { top: auto; bottom: 0; width: 512px; height: 632px; background-position: center 146px; }
		.news-a figure img { display: block; position: relative; z-index: 1; }	
	.news-a .header-a { text-transform: uppercase; }
	.news-a .link-gp { padding-bottom: 20px; }
#content .news-a { }
	#content .news-a:first-child { margin-top: -92px; }
	#content .news-a:last-child { margin-bottom: -72px; }
		#content .news-a:last-child > p:last-child { padding-bottom: 72px; }
.news-a.a { }
	.news-a.a article { min-height: 462px; }
		.news-a.a article:nth-child(2n):before { background: none; }
		.news-a.a article:nth-child(2n-1) { }
			.news-a.a article:nth-child(2n-1):before { background: #fafafa; }
		.news-a.a article:first-child { min-height: 550px; }
	.news-a.a figure { background-size: contain; }
.news-a.b { text-align: center; }
.news-a.c { }
	.news-a.c article { min-height: 0; }
	.news-a.c h2 { margin-bottom: 60px; }
		.news-a.c article figure:first-child + .has-icon, .news-a.c article > .has-icon:first-child { margin-top: 30px; }
	.news-a.c figure { left: -260px; right: 260px; top: 0; bottom: 0; width: auto; background-position: 100% center; background-size: auto; }
		.news-a.c figure:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: -400px; bottom: 0; z-index: 2; }
		.news-a.c figure:before { background: -moz-linear-gradient(left,  rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 57%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,1) 57%,rgba(255,255,255,1) 100%); background: linear-gradient(to right,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,1) 57%,rgba(255,255,255,1) 100%); }
		.ie9 .news-a.c figure:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iNTclIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); }
	.news-a.c article:nth-child(2n), .news-a.c article:nth-child(2n) h1, .news-a.c article:nth-child(2n) h2, .news-a.c article:nth-child(2n) h3, .news-a.c article:nth-child(2n) h4, .news-a.c article:nth-child(2n) h5, .news-a.c article:nth-child(2n) h6, .news-a.c article:nth-child(2n) h1 a, .news-a.c article:nth-child(2n) h2 a, .news-a.c article:nth-child(2n) h3 a, .news-a.c article:nth-child(2n) h4 a, .news-a.c article:nth-child(2n) h5 a, .news-a.c article:nth-child(2n) h6 a { color: #fff; }
		.news-a.c article:nth-child(2n):before { background: #232323; }	
		.news-a.c article:nth-child(2n) figure { right: -260px; left: 260px; background-position: 0 center; }
			.news-a.c article:nth-child(2n) figure:before { left: -600px; right: 0; }
			.news-a.c article:nth-child(2n) figure:before { background: -moz-linear-gradient(left,  rgba(35,35,35,1) 0%, rgba(35,35,35,1) 43%, rgba(35,35,35,0.3) 100%); background: -webkit-linear-gradient(left,  rgba(35,35,35,1) 0%,rgba(35,35,35,1) 43%,rgba(35,35,35,0.3) 100%); background: linear-gradient(to right,  rgba(35,35,35,1) 0%,rgba(35,35,35,1) 43%,rgba(35,35,35,0.3) 100%); }
			.ie9 .news-a.c article:nth-child(2n) figure:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzMjMyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iIzIzMjMyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzIzMjMiIHN0b3Atb3BhY2l0eT0iMC4zIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); }

.pods { position: relative; list-style: none; padding: 0; }
	.domloaded .pods { width: 740px; height: 498px; margin: 60px auto 100px; background: url(../images/pods.svg) no-repeat; background-size: auto 498px; }
	.pods li { position: relative; z-index: 1; margin: 0 0 8px; font-size: 2em; }
	.pods li > span:first-child { display: inline; position: relative; left: 0; top: 0; margin: 0; padding: 0; color: #438dcb; font-size: 1em; }
	.pods > .inner { display: block; position: absolute; left: 100%; top: 185px; padding: 0 0 0 20px; white-space: nowrap; }
	.pods .desc { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; line-height: 1.42857142857; }
		.pods .desc > .item { display: block; position: absolute; width: 250px; height: 150px; }
		.pods .desc > .item:first-child { left: 78px; bottom: 0; }
		.pods .desc > .item:first-child + * { left: -78px; top: 0; height: 300px; }
		.pods .desc > .item:first-child + * + * { left: 201px; top: 0; }
		.pods .desc > .item:first-child + * + * + * { left: 490px; top: 130px; height: 181px; }
			.pods .desc > .item > * { display: block; visibility: hidden; position: absolute; left: 50%; top: 0; width: 248px; margin: 0 0 0 -90px; padding: 10px 16px; box-shadow: 0 5px 15px rgba(40,149,241,.25); border-radius: 8px; background: #fff; color: #8c8f94; font-size: 14px; opacity: 0; }
				.pods .desc > .item > *:before { content: "\e915"; display: block; overflow: hidden; position: absolute; right: 0; top: -30px; width: 180px; height: 30px; padding: 18px 0 0; color: #fff; font-size: 13px; font-family: i; font-weight: 400; line-height: 12px; text-align: center; text-shadow: 0 5px 15px rgba(40,149,241,.25); }
				.pods .desc > .item:first-child > * { left: 58px; top: auto; bottom: 41px; }
					.pods .desc > .item:first-child > *:before { content: "\e916"; top: auto; bottom: -30px; padding: 0; border font-size: 12px; }
				.pods .desc > .item:first-child + * > * { left: 58px; top: 83px; }
				.pods .desc > .item:first-child + * + * > * { left: 57px; top: 75px; }
				.pods .desc > .item:first-child + * + * + * > * { left: 50%; top: 46px; width: 210px; margin-left: -105px; }
					.pods .desc > .item:first-child + * + * + * > *:before { width: 210px; }
				.no-mobile #root .pods .desc > .item:hover > *, .no-mobile #root .pods .desc > .item.hover > *, .mobile #root .pods .desc > .item.active > * { visibility: visible; opacity: 1; }
		.pods .desc img { display: block; margin: 5px auto; }
			
.popup-a, .popup-a.form-a { visibility: hidden; position: fixed; left: -100px; right: -100px; top: 0; bottom: 0; z-index: 999; }
	.popup-a .box-outer { position: absolute; left: 0; top: 0; right: 0; z-index: 2; min-height: 100%; }
		.popup-a .box-outer > .close { display: block; position: absolute; left: 0; right: 0; top: 0; visibility: hidden; z-index: 1; height: 100%; background: rgba(0,0,0,.5); text-indent: -3000em; cursor: pointer; opacity: 0; }
	.popup-a .box-inner { position: absolute; left: 50%; top: 50%; z-index: 2; width: 672px; margin: 0 auto; }
	.popup-a .box-inner { -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
		.popup-a .box-inner.absolute { position: relative; left: 0; top: 0; margin-top: 20px; margin-bottom: 20px; }
		.popup-a .box-inner.absolute { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; }
	.popup-a .box-inset { visibility: hidden; padding: 42px 80px 27px; background: #fff; opacity: 0; }
	.popup-a .box-inset { -moz-transform: scale(0,0); -webkit-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); }
.popup-shown { }
	.popup-a.shown { overflow-y: scroll; }
		.popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .close { visibility: visible; opacity: 1; }	
		.popup-a.shown .box-inset { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; }

.vcard { }
	.vcard h1, .vcard h2, .vcard h3, .vcard h4, .vcard h5, .vcard h6 { margin-bottom: 21px; font-size: 1.8em; text-transform: none; }
	.vcard .adr { min-height: 88px; }
	

/*! Headers --------- */
h1, h2, h3, h4, h5, h6 { position: relative; margin: 28px 0 35px; color: #232323; font-size: 2em; font-weight: 400; line-height: 1.25; text-transform: uppercase; }
h1 { font-size: 4.0em; }
h2 { font-size: 3.0em; }
	h1 i, h2 i, h3 i, h4 i, h5 i, h6 i { color: #2895f1; }
	h1.has-icon, h2.has-icon { padding-left: 90px; }
		h1.has-icon i, h2.has-icon i { position: absolute; left: 0; top: 50%; margin: -40px 0 0; font-size: 80px; font-size: 64px; line-height: 80px; }
			h1.has-icon i.icon-handshake, h2.has-icon i.icon-handshake { font-size: 64px; }
			h1.has-icon i.icon-thumb-up, h2.has-icon i.icon-thumb-up { font-size: 70px; }
			h1.has-icon i.icon-technology, h2.has-icon i.icon-technology { font-size: 58px; }
			h1.has-icon-handshake, h2.has-icon-handshake { padding-left: 92px; }
			h1.has-icon-thumb-up, h2.has-icon-thumb-up { padding-left: 86px; }
			h1.has-icon-technology, h2.has-icon-technology { padding-left: 94px; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #232323; }

.header-a { padding: 0 0 20px; text-transform: none; } 
	.header-a:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 50px; height: 2px; background: #2895f1; }
	.header-a.text-center:before, .text-center .header-a:before, .news-a.b .header-a:before { left: 50%; margin: 0 0 0 -25px; }


/*! Content --------- */
b, strong, .strong { font-weight: 700; }
blockquote { margin: 1em 40px; }
dfn, em, i, .em { font-style: italic; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 85%; }
strike, del, .strike { text-decoration: line-through; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }

.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }

.overlay-a { color: #2895f1; }
.overlay-b { color: #8c8f94; }

.size-a { font-size: 2.4em; }


/*! Links --------- */
a { background: none; color: #2895f1; text-decoration: none; cursor: pointer; } /*---*/ a span { cursor: pointer; }
	a:hover, a:focus, a:active { text-decoration: underline; outline: none; }

.link-gp { margin-top: 41px; }
	.link-gp a { display: inline-block; overflow: hidden; width: 198px; height: 65px; background: url(../images/google-play.svg) no-repeat; background-size: 100% 100%; text-align: left; text-indent: -3000em; }


/*! Lists --------- */
ul, ol, dd, blockquote { padding-left: 40px; }
	ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }
	li { margin-bottom: 2px; }
	
.list-a { list-style: none; margin: 40px 0; padding: 0; }
	.list-a li { position: relative; margin: 0 0 26px; padding-left: 41px; }
	.list-a i { display: block; position: absolute; left: 0; top: 50%; min-width: 23px; margin: -16px 0 0; color: #2895f1; font-size: 23px; line-height: 32px; text-align: center; }
		.list-a i.icon-cloud { font-size: 17px; }
		.list-a i.icon-wifi, .list-a i.icon-counting { font-size: 20px; }
		.list-a i.icon-wifi-outline { font-size: 28px; }
		.list-a i.icon-mobile { font-size: 31px; }

.list-b { list-style: none; margin: 0 0 28px; padding: 0; text-align: left; }
	.list-b li { position: relative; margin: 0 0 22px; padding-left: 23px; }
	.list-b li:before { content: "\e911"; display: block; position: absolute; left: 0; top: 7px; color: #2895f1; font-weight: 400; font-size: 11px; font-family: i; line-height: 11px; }
table .list-b { }
	table .list-b li { margin: 0 0 2px; font-size: 16px; }
		table .list-b li:before { top: 4px; font-size: .6875em; }

#root .list-c { position: relative; list-style: none; max-width: 1200px; margin: 49px auto 0; padding: 0; background: url(../images/list-ca.svg) center 4px no-repeat; color: #232323; line-height: 1.375; text-align: right; }
	.list-c > li { float: left; clear: left; width: 348px; margin: 0 0 19px; font-size: 2em; }
		.list-c > li:nth-child(2n) { float: right; clear: right; clear: none; text-align: left; }
		.list-c > li.d, .list-c > li.f { margin-top: -41px; }
		.list-c > li.e { margin-top: -3px; }
	.list-c ul { list-style: none; margin: 0; padding: 20px 0 0; color: #8c8f94; }
	.list-c > li > ul { }	
		.list-c > li > ul > li { margin: 0 0 20px; font-size: .8em; }
		.list-c > li > ul > li:before { content: "\e911"; margin: 0 8px 0 0; color: #2895f1; font-weight: 400; font-size: 11px; font-family: i; line-height: 11px; }
	.list-c > li > ul > li > ul { }
		.list-c > li > ul > li > ul > li { margin: 0; }
		.list-c > li > ul > li > ul > li:before { content: "\e914"; position: relative; top: -1px; margin: 0 6px 0 0; color: #2895f1; font-weight: 400; font-size: 9px; font-family: i; line-height: 9px; }
		
	
/*! Media --------- */
img, iframe, object, embed { max-width: 100% !important; }
img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }
.lt-ie9 img { max-width: none !important; }
	img::selection { background: transparent; }
	img::-moz-selection { background: transparent; }


/*! Forms --------- */
fieldset, hr { border-width: 0; }
	legend { position: absolute; left: 0; top: -3000em; padding: 0; border: 0; white-space: normal; }
	input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline: none; }
	input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
		input { }
			input[type="search"], input[type="number"] { -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; }
				input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; }
				input::-o-outer-spin-button, input::-o-inner-spin-button { -o-appearance: none; margin: 0; }		
			input[type="checkbox"], input[type="radio"] { height: auto; padding: 0; border: 0; background: none; line-height: 1; }
			input[type="color"] { padding: 0; cursor: pointer; }
		textarea { overflow: auto; vertical-align: top; resize: vertical; }
		select { line-height: 1; text-overflow: ''; text-indent: 0.01px; -moz-appearance: none; -webkit-appearance: none; appearance: none;  } 
			select::-ms-expand { display: none; }
	button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline: none; -webkit-appearance: button; -webkit-font-smoothing: inherit; } 
		button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; }
	form [disabled] { cursor: default; }
	form > div { position: relative; }
::-webkit-input-placeholder { opacity: 1; color: inherit; }
::-moz-placeholder { opacity: 1; color: inherit; }
:-moz-placeholder { opacity: 1; color: inherit; }
:-ms-input-placeholder { opacity: 1; color: inherit; }
	:focus::-webkit-input-placeholder { opacity: 0; }
	:focus::-moz-placeholder { opacity: 0; }
	:focus:-moz-placeholder { opacity: 0; }
	:focus:-ms-placeholder { opacity: 0; }

form { }
	label { display: block; position: relative; left: 0; top: 0; z-index: 2; margin: 0 0 4px; font-weight: 400; }
	form p { position: relative; clear: both; margin-bottom: 10px; }
	input { height: 50px; padding: 0 20px; }
	select { height: 50px; padding: 12px 50px 12px 16px; } 
	.select { display: block; position: relative; }
		.select select { position: relative; z-index: 2; background: none; }
		.select:before, .semantic-select .ticker:before { content: "\e912"; display: block; position: absolute; right: 0; top: 0; bottom: 0; z-index: 1; width: 54px; color: #aaa; font-size: 8px; font-family: i; font-weight: 400; line-height: 50px; text-align: center; }
	textarea { height: 150px; min-height: 150px; padding: 13px 13px 13px 20px; }  
	input, select, textarea , .semantic-select .input{ display: block; width: 100%; border: 1px solid #aaa; background: #fff; color: #8c8f94; } 
	button, input[type="button"], input[type="reset"], input[type="submit"] { overflow: hidden; float: right; min-width: 120px; padding: 7px 12px; border: 1px solid #2895f1; background: #2895f1; color: #fff; font-size: 16px; text-align: center; text-transform: uppercase; }

.semantic-select { position: relative; }
	.semantic-select .input { display: block; height: 50px; padding: 0 50px 0 20px; background: #fff; line-height: 48px; }
		.semantic-select .input .text { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; }
	.semantic-select .ticker { position: absolute; right: 0; top: 0; bottom: 0; width: 54px;cursor: pointer; }
	.semantic-select ul { overflow-y: auto; overflow-x: hidden; position: absolute; left: -3000em; top: 100%; list-style: none; width: 100%; max-height: 250px; margin: -1px 0 0; padding: 0; border: 1px solid #aaa; background: #fff; }
		.semantic-select ul li { }
		.semantic-select ul li a { display: block; padding: 8px 20px; color: #8c8f94; } 
		.semantic-select ul li.active a { background: #2895f1; color: #fff; text-decoration: none; cursor: default; }
	.semantic-select.active ul { left: 0; }

.form-a { position: relative; text-align: center; } 
	.form-a p { margin: 0 0 10px; }
		.form-a p:last-child { margin-bottom: 22px; }
	.form-a input { display: block; width: 100%; }
	.form-a button, .form-a input[type="button"], .form-a input[type="reset"], .form-a input[type="submit"] { display: inline-block; float: none; min-width: 160px; padding: 11px 18px; }
	.form-a button + a, .form-a input[type="button"] + a, .form-a input[type="reset"] + a, .form-a input[type="submit"] + a { display: block; margin: 16px 0 0; font-size: 14px; }
	
.form-b { position: relative; }
	.form-b .blank, #footer form .blank, .form-a .blank { display: block; visibility: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 98; background: rgba(255,255,255,.75); opacity: 0; }
	#footer form .blank { background: rgba(35,35,35,.75); }
	.form-b .finish, #footer form .finish, .form-a .finish { display: block; visibility: hidden; position: absolute; left: 50%; top: 50%; z-index: 99; width: 100px; height: 100px; margin: -50px 0 0 -50px; border-radius: 50px; background: #2895f1; color: #fff; font-weight: 400; font-family: i; font-size: 40px; line-height: 100px; text-align: center; opacity: 0; }
		.form-b .finish:before, #footer form .finish:before, .form-a .finish:before { content: "\e911"; display: block; }
	.form-b .finish, #footer form .finish, .form-a .finish { -moz-transform: scale(0,0); -webkit-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); }
.form-b.submitted .blank, .form-b.submitted .finish, #footer form.submitted .finish, #footer form.submitted .blank, .form-a.submitted .blank, .form-a.submitted .finish { visibility: visible; opacity: 1; }
.form-b.submitted .blank, .form-b.submitted .finish, #footer form.submitted .finish, #footer form.submitted .blank, .form-a.submitted .blank, .form-a.submitted .finish { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; }


/*! Tables --------- */
table { display: table; width: 100%; margin: 40px 0; border-collapse: collapse; border-spacing: 0; }
	th, td { padding: 14px 20px; border: 1px solid #dcdcdc; font-weight: 400; text-align: left; vertical-align: top; }
		th { padding-top: 16px; padding-bottom: 16px; color: #222; font-size: 2.2em; }
		td { font-size: 1.6em; }
			tr:nth-child(2n-1) > td { background: #fafafa; }


/*! Helpers --------- */
*, *:before, *:after { -moz-transition: visibility 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, border-color 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s; -webkit-transition: visibility 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, border-color 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s; -o-transition: visibility 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, border-color 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s; -ms-transition: visibility 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, border-color 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s; transition: visibility 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, border-color 0.4s ease-in-out 0s, color 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s; -moz-transform-origin: center center; -webkit-transform-origin: center center; -o-transform-origin: center center; -ms-transform-origin: center center; -webkit-transition-delay: -0.1s; }
#nav > ul > li > a:before, #top > .menu:before, #top > .menu:after, #mobile, #shadow, .popup-a .box-inset, .popup-a .close, .pods .desc > .item > *, .blank, .finish { -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
	
.clear { clear: both; overflow: hidden; width: 100%; height: 0; }
.hidden, [hidden], template, #nav em, #nav > ul > li.a > a:before, .js #featured img, .js .news-a figure img, #mobile em, .popup-a .box-inset > .close, .form-a label, .pods li > span { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; }

hr, .hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid #ccc; background: none; font-size: 0; } .hr hr { display: none; }

.list-a:first-child, .news-a article + article, .news-a:first-child, .link-gp:first-child, .domloaded .pods:first-child, table:first-child, table .list-b, .list-b:first-child, .news-a figure + h1, .news-a figure + h2, .news-a figure + h3, .news-a figure + h4, .news-a figure + h5, .news-a figure + h6, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, #root .list-c:first-child { margin-top: 0; }
.list-b li:last-child, table .list-b li:last-child, table ul, table ol, table p, #root .mb-a { margin-bottom: 0; }
table:last-child { margin-bottom: 22px; }
#root .mb-b { margin-bottom: 46px; }


/*! Warnings --------- */
p.lt-ie9, #root:after { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 28px; background: #333; color: #fff; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; line-height: 28px; text-align: center; }
	p.lt-ie9 a { color: #fff; font-weight: 700; text-decoration: underline; }
	p.lt-ie9 a:hover, p.lt-ie9 a:focus, p.lt-ie9 a:active { text-decoration: none; }
	
/*#root:after { content: "Ummm.. please, enable JavaScript support to fully experience this site."; }
.js #root:after { position: absolute; left: -3000em; top: -3000em; }
.js body { padding-top: 0; }*/
.lt-ie9 body { padding-top: 28px; }


/*! Miscellaneous --------- */
audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
svg:not(:root) { overflow: hidden; }
@-ms-viewport { width: auto; } 

::selection { background: #2895f1; color: #fff; text-shadow: none; }
::-moz-selection { background: #2895f1; color: #fff; text-shadow: none; }

#root .desktop-hide, #root .tablet-only, #root .mobile-only { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; }


/*! Fonts --------- */
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v11/PLygLKRVCQnA5fhu3qk5fQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYEFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }


/*! Icons --------- */
@font-face { font-family: 'i'; src:  url('icons/icomoon.eot'); src:  url('icons/icomoon.eot#iefix') format('embedded-opentype'), url('icons/icomoon.ttf') format('truetype'), url('icons/icomoon.woff') format('woff'), url('icons/icomoon.svg#icomoon') format('svg'); font-weight: 400; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.icon-caret-down:before { content: "\e916"; }
	.icon-caret-left:before { content: "\e918"; }
	.icon-caret-right:before { content: "\e917"; }
	.icon-caret-up:before { content: "\e915"; }
	.icon-check:before { content: "\e911"; }
	.icon-chevron-down:before { content: "\e912"; }
	.icon-chevron-left:before { content: "\e913"; }
	.icon-chevron-right:before { content: "\e914"; }
	.icon-chevron-up:before { content: "\e90c"; }
	.icon-cloud:before { content: "\e910"; }
	.icon-cog:before { content: "\e90a"; }
	.icon-cog2:before { content: "\e90b"; }
	.icon-counting:before { content: "\e90d"; }
	.icon-gateway:before { content: "\e90e"; }
	.icon-grid:before { content: "\e90f"; }
	.icon-handshake:before { content: "\e908"; }
	.icon-mobile:before { content: "\e909"; }
	.icon-mobile2:before { content: "\e903"; }
	.icon-repeater:before { content: "\e904"; }
	.icon-sensor:before { content: "\e905"; }
	.icon-technology:before { content: "\e906"; }
	.icon-thumb-down:before { content: "\e907"; }
	.icon-thumb-up:before { content: "\e902"; }
	.icon-wifi:before { content: "\e900"; }
	.icon-wifi-outline:before { content: "\e901"; }
	


/* Responsive --------- */
@media only screen and (min-width: 100em) { /* 1600 */
.news-a.c { }
	.news-a.c figure { left: -360px; background-size: cover; }
	.news-a.c article:nth-child(2n) figure { right: -360px; }
}
@media only screen and (max-width: 83.75em) { /* 1340 */
#top, #content, #footer { width: 980px; }

#footer { }
	#footer > nav { margin-left: -50px; }
		#footer > nav > * { width: 36%; border-left-width: 50px; }
		#footer > nav > *:first-child { width: 32%; }
		#footer > nav > *:last-child { width: 32%; }

.double.a { margin-left: -80px; }
	.double.a > * { border-left-width: 80px; }
	.double.a .double.a { margin-left: -40px; }
	.double.a .double.a > * { border-left-width: 40px; }

#root .list-c { background-image: url(../images/list-cb.svg); }
	.list-c > li { width: 300px; }
	.list-c > li > ul > li:before { margin-left: -10px; }
.news-a { }
	.news-a article { padding-left: 542px; }
	.news-a article:nth-child(2n) { padding-right: 542px; }
	.news-a figure, .news-a figure.bottom { width: 465px; }
.pods { }
	.domloaded .pods { width: auto; margin-left: 0; margin-right: 0; }
	.pods > .inner { left: auto; right: 0; padding: 0; white-space: normal; }
	.pods .desc > .item:first-child + * { left: 32px; }
		.pods .desc > .item:first-child + * > *:before { left: 0; right: 0; width: 96px; }
}
@media only screen and (max-width: 62.5em) { /* 1000 */
#top, #featured > *, #content, #footer { width: 720px; }

#top { }
	#top > .menu { top: 50%; margin: -24.5px 0 0; }
.menu-active #mobile { left: 0; }
.menu-active #shadow { visibility: visible; opacity: 1; }
#featured.big { padding-top: 125px; padding-bottom: 125px; }
#content { padding-bottom: 42px; }
#footer { }
	#footer > nav { margin-left: -30px; }
		#footer > nav > * { float: none; width: 50%; border-left-width: 30px; }
		#footer > nav > *:first-child { width: 50%; }
		#footer > nav > *:last-child { position: absolute; right: 0; top: 0; float: none; width: 50%; }

.double.a { margin-left: -50px; }
	.double.a > * { border-left-width: 50px; }
.double.a .double.a > * { float: none; width: auto; }
	.double.a .double.a > * + * { margin-top: 40px; }

#root .list-c { background: none; }
	.list-c > li { width: 45%; }
		.list-c > li:nth-child(2n) + * { clear: both; }
	.list-c > li.d, .list-c > li.f, .list-c > li.e { margin-top: 0; }
.news-a { }
	.news-a article, .news-a article:nth-child(2n) { padding-right: 0; padding-left: 0; }
	.news-a figure, .news-a figure.bottom { position: relative; top: 0; bottom: 0; width: auto; height: auto; margin: 0 0 30px; background-position: -3000em -3000em; }
		.news-a figure.bottom { overflow: hidden; height: 486px; margin-top: 40px; text-align: center; }
			.news-a figure.bottom img { display: block; margin: 0 auto; }
			.news-a figure.bottom:last-child { margin-bottom: -80px; }
	.news-a .link-gp { padding-bottom: 0; }
.news-a.a { text-align: center; }
	.news-a.a article, .news-a.a article:first-child  { min-height: 0; }
	.news-a.a .header-a:before { left: 50%; margin-left: -25px; }
.news-a.c { }
	.news-a.c article figure:first-child + .has-icon, .news-a.c article > .has-icon:first-child { margin-top: 0; }
	#root .news-a.c figure { overflow: hidden; position: absolute; left: -150px; top: 0; right: -150px; bottom: 0; width: auto; margin: 0; background-size: cover; opacity: .25; }
#content .news-a { }
	#content .news-a:last-child { margin-bottom: -42px; }
.pods { }
	.domloaded .pods { margin: 50px 0; }
.vcard { }
	.vcard .adr { min-height: 0; }
	.pods > .inner { left: 220px; }

#root .desktop-hide, #root .tablet-only, .js .news-a figure img { position: relative; left: 0; top: 0; }
#root .desktop-only, #root .tablet-hide, #nav, .news-a.a figure { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; }
}
@media only screen and (max-width: 47.5em) { /* 760 */
#top, #featured > *, #content, #footer { width: auto; }
#top, #featured, #content, #footer { padding-left: 20px; padding-right: 20px; }

#top { margin-bottom: 40px; }
#featured, #featured.big { margin: -40px 0 40px; padding-top: 50px; padding-bottom: 50px; }
#footer { padding-top: 50px; padding-bottom: 10px; text-align: center; }
	#footer > nav > *:first-child:before { margin-top: 0; background-position: center center; }
	#root #footer > nav > * { position: relative; float: none; width: auto; }
	#footer > nav > *:first-child p { max-width: none; } 

.double.a > * { float: none; width: auto; }
	.double.a > * + * { margin-top: 30px; }

h1, h2, h3, h4, h5, h6, .news-a.c h2 { margin-bottom: 22px; }
h1 { font-size: 3.4em; }

#root h1.has-icon, #root h2.has-icon { padding-left: 0; text-align: center; }
	h1.has-icon i, h2.has-icon i { display: block; position: relative; top: 0; margin: 0 0 15px; font-size: 2.13333333333em; line-height: 1; }
		h1.has-icon i.icon-handshake, h2.has-icon i.icon-handshake { font-size: 2.13333333333em; }
		h1.has-icon i.icon-thumb-up, h2.has-icon i.icon-thumb-up { font-size: 2.33333333333em; }
		h1.has-icon i.icon-technology, h2.has-icon i.icon-technology { font-size: 1.93333333333em; }
.list-c, #root .list-c { margin-top: 0; }
	#root .list-c > li { float: none; width: auto; text-align: center; }
	.list-c > li > ul > li { margin-bottom: 10px; }
	.list-c ul { padding: 10px 0 0; }
.news-a { margin-top: 40px; }
	.news-a article { padding: 20px 0 10px; }
		#root .news-a article { min-height: 0; }
		.news-a article + * { margin-top: 65px; }
.news-c.a { }
	.news-a.c article figure:first-child + .has-icon, .news-a.c article > .has-icon:first-child { margin-top: 20px; }
#content .news-a { }
	#content .news-a:first-child { margin-top: -40px; }
	#content .news-a:last-child > p:last-child { padding-bottom: 44px; }
.pods { }
	.domloaded .pods { width: auto; height: auto; margin: 0 0 22px; background: none; }
	.pods > .inner { position: relative; left: 0; top: 0; padding: 0; }
	.pods li { font-size: 1.8em; }
		.pods li > span { display: block; position: relative; left: 0; top: 0; margin: 10px 0 15px; font-size: .75em; }
.popup-a { left: 0; }
	.popup-a .box-inner { left: 20px; right: 100px; width: auto; }
	.popup-a .box-inner { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
	.popup-a .box-inner.absolute { margin-left: 20px; margin-right: 100px; }
	.popup-a .box-inset { padding: 20px 20px 0; }
.mobile .popup-a { overflow-x: hidden; right: 0; }
	.mobile .box-inner, .mobile .popup-a.a .box-inner { right: 20px; }
	.mobile .popup-a .box-inner.absolute { margin-right: 20px; }

table { }
	th, td { padding-left: 10px; padding-right: 10px; }
		th { font-size: 1.6em; }
		td { font-size: 1.4em; }
	table .list-b li { font-size: 1em; }
		table .list-b li:before { top: 3px; }
	
#root .tablet-hide, #root .mobile-only { position: relative; left: 0; top: 0; }
#root .tablet-only, #root .mobile-hide, .pods .desc { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; }
}
@media only screen and (max-width: 31.25em) { /* 500 */
table { table-layout: fixed; }
	th, td { padding: 6px; }
	th, td { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
		th { font-size: 1.4em; }
		td { font-size: 1.2em; }
	table .list-b li { padding-left: 18px; }
}
@media only screen and (max-width: 25em) { /* 400 */
@-ms-viewport { width: device-width; }
@viewport { width: device-width; }	

#root form p.double.a { }
	#root form p.double.a > * { float: none; width: auto; }
	#root form p.double.a > * + * { margin-top: 10px; }	
}