/**
 * This stylesheet is intended to contain CSS that applies to CMS content only.
 * The gaol is to forego having inline CMS in CMS blocks _at all_, and to keep CSS
 * edits between releases contained in a single place (as opposed to being inline
 * and/or in other stylesheets such as temboo.css, etc).
 * 
 * Though Temboo's general CSS guidelines still apply to this file, there is more
 * flexibility here for quick-fixes that might bend the rules a bit.
 * 
 * Post-release time will be alotted to circle back to address edits made here -
 * possibly moving them to e.g. temboo.css, fix hacks, etc. 
 *//* LINKS */
a:link,
a:visited {
	color:#2bb5e9;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#0882b6;
	text-decoration:none;
}

a:active {
	color:#f47925;
	text-decoration:none;
}

a.button {
	display:inline-block;
	color: #fff;
	font-weight:600;
}

a.button.disabled,
a.button.disabled:hover {
	cursor: default;
	pointer-events: none;
}

a img {
	border:0;
}

li a:link, li a:visited, ul a:link, ul a:visited {
	font-weight:normal;
}

body {
	color:#333;
	font-family:"Open Sans", "Trebuchet MS", Arial, sans-serif;
	font-size:12px;
	margin:10px auto;
	min-width:800px;
	max-width:1100px;
	padding:0;
	-webkit-font-smoothing:subpixel-antialiased;
}

body:after {
	content:url(assets/button-poll.png) url(assets/button-poll-hover.png) url(assets/button-poll-pressed.png) url(assets/button-cancel-medium.png);
	display:none;
}

/* BUTTONS (general) */

button {
	background-color:transparent;
	background-repeat: no-repeat;
	outline: 0;
	border: none;
	cursor: pointer;
	padding: 0;
	margin: 0;
	text-align: left;
	color: #2bb5e9;
}

button:hover {
	color: #0882b6;
}

button:active {
	color: #f47925;
}

/* Firefox: Remove extra padding from button pseudo-elements */
@-moz-document url-prefix() {
button::-moz-focus-inner {
	padding: 0;
	border: 0 none;
}
}

/* BUTTONS (text) */

.button {
	font-size:14px;
	font-weight:600;
	background-color:#2bb5e9;
	color:#fff;
	border:1px solid #95daf4;
	border-radius:14px;
	padding:4px 15px 5px; 
	text-transform:none;
	cursor:pointer;
	text-align:center;
	display:inline-block;
	height:auto;
}

.button:hover {
	border-color:#2bb5e9;
	color:#fff;
	background-color:#0882b6;
}

.button:active {
	border-color:#f9bc91;
	color:#fff;
	background-color:#f47925;
}

.button:disabled,
.button:disabled:hover,
.button.disabled,
.button.disabled:hover {
	border-color:#95daf4;
	color:#fff;
	background-color:#95daf4;
	cursor:default;
	pointer-events: none;
}

.button.small {
	font-size:12px;
	border-radius:14px;
	padding:4px 12px;
}

.button.large {
	font-size:18px;
	border-width:2px;
	border-radius:18px;
	padding:4px 20px 5px;
}

.button.xlarge {
	font-size:28px;
	border-width:3px;
	border-radius:24px;
	padding:3px 40px 6px;
}

/* square */
.button.xsmall {
	font-size:10px;
	border-radius:0px;
	padding:1px 6px;
	text-transform:uppercase;
	font-weight: bold;
}

/* Padding between adjacent buttons */
.button + .button {
	margin-left: 7px;
}

@media screen and (min-width:0\0) { 
.button.large {
	padding:4px 20px;
}

.button.small {
	padding: 5px 12px 4px;
}

.button.xsmall {
	padding: 1px 6px 2px;
}
}

.button.white {
	background-color:#fff;
	color:#2bb5e9;
}

.button.white:hover {
	border-color:#2bb5e9;
	color:#0882b6;
}

.button.white:active {
	border-color:#f9bc91;
	color:#f47925;
}

.button.green {
	background-color:#0c0;
	border-color:#72e382;
	color:#fff;
}

.button.green:hover {
	border-color:#0c0;
	background-color:#0b0;
}

.button.green:active {
	border-color:#f9bc91;
	background-color:#f47925;
}

.button.greenblue {
	background-color:#1AC798;
	border-color:#44dfab;
	color:#fff;
}

.button.greenblue:hover,
.button.greenblue:active {
	border-color:#1AC798;
	background-color:#17ae85;
}

.button.lightgreen {
	background-color:#21f5bc;
	border-color:#21f5bc;
	color:#fff;
}

.button.lightgreen:hover,
.button.lightgreen:active {
	border-color:#1edeab;
	background-color:#1edeab;
}

.button.green.white {
	background-color:#fff;
	border-color:#0c0;
	color:#0c0;
}

.button.darkgreen {
	background-color: #11CA64;
	border-color: #13DE6E;
}

.button.darkgreen:hover,
.button.darkgreen:active {
	background-color: #0fB459;
	border-color: #11CA64;
}

.button.green.white:hover,
.button.green.white:active {
	border-color:#0b0;
	color: #0b0;
}

.button.orange {
	background-color:#f47925;
	color:#fff;
	border-color:#f9bc91;
}

.button.orange:hover {
	border-color:#f47925;
	background-color:#d25703;
}

.button.orange:active {
	border-color:#95daf4;
	background-color:#2bb5e9;
}

.button.orange.white {
	color:#f47925;
	background-color:#fff;
	border-color:#f9bc91;
}

.button.orange.white:hover {
	color:#e36814;
	border-color:#f47925;
}

.button.orange.white:active {
	color: #2bb5e9;
	border-color:#95daf4;
}

.button.indigo {
	color:#fff;
	background-color:#03c;
	border-color:#36f;
}

.button.indigo:hover {
	background-color:#009;
	border-color:#03c;
}

.button.indigo:active {
	background-color:#f47925;
	border-color:#f9bc91;
}

.button.indigo.white {
	background-color: #fff;
	color:#03c;
	border-color:#36f;
}

.button.indigo.white:hover {
	color:#009;
	border-color:#03c;
}

.button.indigo.white:active {
	color: #f47925;
	border-color:#f9bc91;
}

.button.pink.white {
	background-color: #fff;
	color: #d8297b;
	border-color: #d8297b;
}

.button.pink.white:hover {
	color: #af0052;
	border-color: #af0052;
}

.button.pink.white:active {
	color: #af0052;
	border-color: #af0052;
}

.button.transparent {
	background-color: transparent;
	color: #fff;
	border-color: #fff;
}

.button.transparent:hover {
	background-color: transparent;
	color: #caecf9;
	border-color: #caecf9;
}


/* BUTTONS (custom & graphical) */

/* Icons */

/* default 16 x 16 icon */
.icon {
	background-position: right top;
	background-repeat: no-repeat;
}

.icon:hover {
	background-position: right -16px;
}

.icon:active {
	background-position: right -32px;
}

.icon.right {
	background-position: right top;
	padding-right: 20px;
}

.icon.left {
	background-position: left top;
	padding-left: 20px;
}

.icon.close {
	background-image:url("assets/button-close-new.png");
	height: 16px;
	width: 16px;
	background-size: 16px;
}

.icon.close.small,
button.close.small {
	background-image:url("assets/button-close-small.png");
	height: 12px;
	width: 12px;
}

.icon.close.small:hover {
	background-position: right -12px;
}

.icon.close.small:active {
	background-position: right -24px;
}

.icon.close.small-gray {
	background-image:url("assets/button-close-tab.png");
}

.icon.close.small-white-on-blue {
	background-image:url("assets/graphic-x-cloudcontrols-lib-callout.png");
	background-size: 100%;
}

.icon.delete {
	background-image:url('assets/button-delete.png');
	width: 12px;
	height: 17px;
	background-position: right -9px top -6px;
}

.icon.delete:hover {
	background-position: right -9px top -36px;
}

.icon.delete:active {
	background-position: right -9px top -66px;
}

.icon.delete-small {
	background-image: url('assets/button-delete-small.png');
	background-position: left top;
	width: 9px;
	height: 16px;
}

.icon.delete-small:hover {
	background-position: 0px -20px;
}

.icon.delete-small:active {
	background-position: 0px -40px;
}

a.feedback,
button.feedback {
	background-image:url('assets/button-feedback.png');
}

.icon.minus {
	background-image: url('assets/button-minus.png');
	background-position: 0 -3px;
	width: 14px;
	height: 14px;
}

.icon.minus:hover {
	background-position: 0 -23px;
}

.icon.minus:active {
	background-position: 0 -43px;
}

.icon.minus:disabled,
.icon.minus.disabled {
	background-position: 0 -63px;
}

.icon.plus {
	background-image: url('assets/button-plus.png');
	background-position: 0 -6px;
	width: 14px;
	height: 14px;
}

.icon.plus:hover {
	background-position: 0 -31px;
}

.icon.plus:active {
	background-position: 0 -56px;
}

.icon.plus:disabled,
.icon.plus.disabled {
	background-position: 0 -81px;
}

.export-container button.export:hover,
.export-container button.export:active,
button.download-link:hover,
button.download-link:active {
	color: #2293bd;
}

.icon.export {
	background-image: url('assets/button-downloadfile-small.png');
	background-size: 72px;
	height: 20px;
	width: 18px;
	background-position: left top;
}

.icon.export.download,
* > .icon.export.download {
	background-position: left top;
}

.icon.export.download:hover, 
*:hover > .icon.export.download,
.icon.export.download:active, 
*:active > .icon.export.download {
	background-position: left -20px;
}

.icon.export.download.disabled, 
*.disabled > .icon.export.download,
.export-container.disabled .icon.export.download {
	background-position: left -40px;
}

.icon.export.download-source,
* > .icon.export.download-source {
	background-position: -54px top;
}

.icon.export.download-source:hover, 
*:hover > .icon.export.download-source,
.icon.export.download-source:active, 
*:active > .icon.export.download-source {
	background-position: -54px -20px;
}

.icon.export.download-source.disabled, 
*.disabled > .icon.export.download-source,
.export-container.disabled .icon.export.download-source {
	background-position: -54px -40px;
}

.icon.export.github,
* > .icon.export.github {
	background-position: -18px top;
}

.icon.export.github:hover,
*:hover > .icon.export.github,
.icon.export.github:active,
*:active > .icon.export.github {
	background-position: -18px -20px;
}

.icon.export.github.disabled,
*.disabled > .icon.export.github,
.export-container.disabled .icon.export.github {
	background-position: -18px -40px;
}

.icon.export.ccs,
* > .icon.export.ccs {
	background-position: -36px top;
}

.icon.export.ccs:hover,
*:hover > .icon.export.ccs,
.icon.export.ccs:active,
*:active > .icon.export.ccs {
	background-position: -36px -20px;
}

.icon.export.ccs.disabled,
*.disabled > .icon.export.ccs,
.export-container.disabled .icon.export.ccs {
	background-position: -36px -40px;
}

a.switch {
	position: relative;
	background: #2bb5e9;
	border: 1px solid #2bb5e9;
	overflow: hidden;
	text-transform: uppercase;
	color: #2bb5e9;
}

a.switch.off {
	background: #bbb;
	border-color:#bbb;
	color: #bbb;
}

a.switch:hover {
	cursor: pointer;
	border-color: #0882b6;
	background-color: #0882b6;
	color: #0882b6;
}

a.switch:active {
	border-color: #f47925;
	background-color: #f47925;
	color: #f47925;
}

a.switch .slider {
	position: absolute;
	top: 0;
	overflow: hidden;
}

a.switch .slider.left {
	left: 0;
}

a.switch span {
	position: absolute;
	display: block;
	top: 0;	
	background: #fff;
	padding: 0;
	margin: 0;
}

a.switch span.left {
	left: 0;
	text-align: left;
}

a.switch span.right {
	right: 0px;
	text-align: right;	
}

button.copy-all,
button.select-all {
	background-color: #2bb5e9; 
	border: solid 1px #ccc;
	color: white;
	cursor: pointer;
	font-size: 9px;
	font-weight: bold;
	height: 17px;
	line-height: 16px;
	padding: 0px 5px;
	text-transform: uppercase;
}

/* Firefox has longstanding bugs with line-height on inputs. Blah. */
@-moz-document url-prefix() {
button.copy-all,
button.select-all {
	line-height: 9px;
	padding: 2px 5px 6px 5px;
}
}

button.copy-all.zeroclipboard-is-hover {
	background-color:#0882b6;
}

/* end button styles */

/* SPINNERS */

.spinner-container {
	position: relative;
	min-height: 30px;
}

/* for .button.large */
.spinner {
	background: url('assets/spinner.gif') right top;
	height: 30px;
	width: 30px;
	position: absolute;
	top: 0;
	display: none;
}

.spinner.left {
	left: 0;
}

.spinner.center {
	left: 0;
	right: 0;
	margin: 0 auto;
}

.spinner.right {
	right: 0;
}

em.stylized {
	font-style: normal;
	color: #F47825;
}

form {
	padding:20px 0;
}

form p {
	margin-bottom:0;
	margin-top:0;
}

/* TITLE STYLE */
h1,
.title-large {
	font-size:48px;
	font-weight:200;
}

h2,
.title {
	font-size:30px;
	font-weight:200;
}

h3,
.title-small {
	font-size:21px;
}

h4 {
	font-size:14px;
	font-weight:normal;
}

input[type=password],
input[type=text],
textarea {
	border:solid 1px #ccc;
	color:#333;
	font-size:12px;
	margin-bottom:20px;
	padding:4px;
	width:300px;
	outline-color:#2bb5e9;
}

input[type=radio] {
	margin-bottom:20px;
}

label {
	font-size:15px;
	margin:20px 0 10px;
	text-transform:uppercase;
}

p.body {
	margin:10px 0;
}

pre.prettyprint, pre.uglyprint {
	margin:16px 0; /* affects pre.prettyprint ~ .select-all top, below */
}

@-moz-document url-prefix() {
pre.prettyprint, pre.uglyprint {
	white-space: pre-wrap;
}
}

pre.prettyprint + button.copy-all,
pre.prettyprint + button.select-all,
pre.uglyprint + button.copy-all,
pre.uglyprint + button.select-all {
	float: right;
	position: relative;
	top: -33px;		/* 17px height offset */
}

pre.run-mode-component.prettyprint, pre.run-mode-component.uglyprint {
	margin:11px 0 0 0; /* affects pre.prettyprint ~ .select-all top, below */	
}

pre.run-mode-component.prettyprint + button.copy-all,
pre.run-mode-component.prettyprint + button.select-all,
pre.run-mode-component.uglyprint + button.copy-all,
pre.run-mode-component.uglyprint + button.select-all {
	float: right;
	position: relative;
	top: -17px;		/* 17px height offset */
}

pre.prettyprint + button.copy-all, pre.uglyprint + button.copy-all {
	box-shadow:-6px -5px 12px 1px #fff;
	-moz-box-shadow:-6px -5px 12px 1px #fff;
	-webkit-box-shadow:-6px -5px 12px 1px #fff;	
}

pre.prettyprint + button.copy-all.tmb-copyable-active, pre.uglyprint + button.copy-all.tmb-copyable-active {
	border-color:#2bb5e9;
}

select.tmb {
	background:#fff url(assets/dropdown-triangle.png) no-repeat right top;
	border:solid 1px #ccc;
	border-radius:0;
	cursor:pointer;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	color:#333;
	font-size:12px;
	padding:4px 4px 4px 4px;
	outline-color:#2bb5e9;
	/* attempt to remove user agent styling */
	-webkit-appearance:none;
}

select.tmb:hover {
	background-position:right -22px;
}

select.tmb:active {
	background-position:right -44px;
}

select.tmb option.tmb-placeholder {
	display:none;
}

select.tmb option.tmb-placeholder[disabled]{
	color:#eee;	
}

textarea {
	font-family:"Open Sans", "Trebuchet MS", Arial, sans-serif;
	padding:4px;
	overflow:auto;
}

.alert {
	color:#C00 !important;
	text-transform:uppercase !important;
}

.background-pattern {
	background:url('assets/background-pattern.png') repeat left top; /* !important; */
}

/* BODY STYLE */
.body {
	font-size:12px;
}

/* Reset rules for body-type text */
.body,
.body-large,
.body-small,
.body-xlarge {
	font-style:normal;
	font-weight:normal;
	text-transform:none;
}

.body-large {
	font-size:14px;
}

.body-small {
	font-size:10px;
}

.body-xlarge {
	font-size:16px;
}

.body-xxlarge {
	font-size:21px;
}

.clr {
	clear:both;
}

.column-title {
	font-size:24px;
	margin:40px 0 20px;
	text-transform:uppercase;
	font-weight:200;
}


/* Position styles */

.centered {
	text-align:center;
}

.left-align {
	text-align: left;
}

.center-align {
	text-align: center;
}

.right-align {
	text-align: right;
}

.full-width {
	min-width:1100px;
	position:absolute;
	left:0;
	right:0;
	padding:20px;
}

.background-blue {
	background-color:#60c7ee;
	color:#fff;	
}


/* DISABLED TEXT */
.disabled {
	color:#777;
}

/* A 75% opacity white mask to cover block elements. Parent must be relative or absolute positioned and have class 'disabled'. */
.disabled-mask {
	background: #fff;
	display: none;
	opacity: 0.75;
	position: absolute;
	top: 120px;
	bottom: 0;
	right: 0;
	left: 0;
}
.disabled > .disabled-mask {
	display: block;
}

.editable-empty {
	border:dotted 1px #F8499B!important;
	overflow:auto!important;
}

.editable-empty a.edit {
	background-color:#D8297B!important;
	border:solid 1px #D8297B!important;
	color:#fff!important;
	display:inline-block!important;
	margin:3px!important;
	padding:0 5px!important;
	font-size:8pt!important;
	font-weight:bold!important;
	float:right!important;
	text-decoration:none!important;
	text-transform:none!important;
	-webkit-border-radius:10px!important;
	-moz-border-radius:10px!important;
	border-radius:10px!important;
}

.editable-empty a.edit:hover {
	background-color:#FFF!important;
	color:#D8297B!important;
}

/* ERROR TEXT */
.error {
	color:#cc0000;
	font-size:12px;
}

.error a {
	color:#cc0000;
	font-weight:bold;
	text-decoration:underline;
}

.error a:hover {color:aa0000}

.hinted {
	position:relative;
}

.hinted input {
	margin-top:0;
}

.hinted label {
	color:#999;
	font-size:12px;
	left:50%;
	margin:0 0 0 -148px;
	padding:0;
	position:absolute;
	text-transform:none;
	top:4px;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:#999;
    opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#999;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#999;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#999 !important;
    opacity: 1;
}

/* Instances of lightbox only need a width and matching margin adjustment */
.lightbox {
	background:#fff;
	left:50%;
	height:auto;
	overflow:auto;
	padding:20px;
	position:fixed;
	top:50%;
	z-index:100002;
	border-radius: 8px;
	box-shadow: 0px 0px 10px 2px rgba(102, 102, 102, 0.35);
}

.lightbox button.close {
	float:right;
}

.lightbox button.delete {
	background-image:url("assets/button-delete.png");
}

.lightbox form {
	margin:0;
	padding:0;
}

.lightbox .error *:last-child  {
	margin-bottom:20px;
}

.lightbox .popup-title {
	margin-top:0px;
}

.normal {
	font-weight: normal;
}

.bold {
	font-weight: bold;
}

.noborder {
	border:none !important;
}

.orange {
	color:#f47925;
}

.popup-title {
	font-size:21px;
	font-weight: 300;
	margin:0 0 20px 0;
}

.popup-title > .operation {
    margin-right: 5px;
}

.subtitle {
	font-size:15px;
	font-weight:normal;
	text-transform:uppercase;
}

.subtitle-large {
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
}

.subtitle-small {
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
}

/* Begin overrides for jQuery SelectBox plugin CSS */
.temboo .selectBox-dropdown {
	background:#fff;
	border-color:#ccc;
	border-radius:0;
	color:#333;
	line-height:12px;
	min-width:0;
	-moz-border-radius:0;
	-webkit-box-shadow:none;
}

.temboo .selectBox-dropdown:focus {
	border-color:#ccc;
}

.temboo .selectBox-dropdown .selectBox-arrow {
	background: none;
	display:none;
}

.temboo .selectBox-dropdown .selectBox-label {
	background:url('assets/dropdown-triangle.png') no-repeat right top;
	display:block;
	margin-right: 9px;
	padding:5px 25px 5px 5px;
	width:auto;
}

.temboo .selectBox-dropdown .selectBox-label:hover {
	background-position:right -22px;
	color:#0882b6;
	cursor:pointer;
}

.temboo .selectBox-dropdown.selectBox-menuShowing .selectBox-label,
.temboo .selectBox-dropdown.selectBox-menuShowing .selectBox-label:hover {
	background-position:right -44px;
	color:#777;
	cursor:default;
}

.temboo .selectBox-options {
	border-color:#ccc;
	margin-top:-1px;
	/* Remove dropshadow. This is an override, comment out to restore */
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}

.temboo .selectBox-hover {
	background-color: #E9E9E9;
}

.temboo .selectBox-options li.selectBox-hover a {
	background-position:right 3px;
}

.temboo .selectBox-options li.selectBox-selected a {
	background-position:right -41px;
	color:#333;
	cursor:default;
}

.temboo .selectBox-options li a {
	background:url('assets/dropdown-check.png') no-repeat -100% -100%;
	background-color:transparent !important;
	cursor:pointer;
	line-height:16px;
	margin-right: 9px;
	padding:5px 25px 5px 10px;
}

.temboo .selectBox-options li a:active {
	background-position:right -19px;
}

.temboo .selectBox-options li.selectBox-selected a:active {
	background-position:right -41px;
}
/* End overrides for jQuery SelectBox plugin CSS */

#footer-inner {
	position:absolute;
	left:0;
	right:0;
	border-top:1px solid #caecf9;
	min-width:1100px;
	background-color: #fff;
}

#footer {
	z-index: 1;
	margin:0 auto;
	border:none;
	/*temporarily constrain width*/
	width:1080px;
	padding:40px 10px 10px;
	background-color: #fff;
	font-weight: 300;
	color: #666;
}

#footer a {
	font-weight: 300;
	color: #999;
}

#footer .copyright {
	text-align:right;
	color:#999;
	margin-right:20px;
	margin-top: 0px;
	clear: both;
	padding-top: 100px;
}

#footer lh {
	margin-bottom: 5px;
	font-weight:bold;
	display: block;
}

#footer ul {
	color:#777;
	float:left;
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding-left:0;
	width: 200px;
}

#footer ul li {
	margin-top: 8px;
	font-weight: normal;
}

#footer .copyright a{
	display: inline-block;
	padding-left: 16px;
}

#footer a:hover,
#footer a:active {
	color: #333;
	transition: color .5s;
	-moz-transition: color .5s;
	-webkit-transition: color .5s;
}

#footer p.follow {
	float: right;
	margin-top: 0px;
	margin-right: 4px;
	vertical-align: top;
}

#footer a.follow-icon {
	background: url('assets/button-footer-follow.png') no-repeat left top;
	padding-left: 20px;
	padding-bottom: 9px;
	z-index: 1;
	background-size: 135px 180px;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
    transition: opacity .5s;
}

#footer a.follow-icon#footer-twitter {
	background-position: left top;
}

#footer a.follow-icon#footer-twitter-hover {
	opacity: 0;
	position: relative;
	z-index: 2;
	left: -20px;
	background-position: left -45px;
}

#footer a.follow-icon#footer-twitter-hover:hover,
#footer a.follow-icon#footer-twitter-hover:active { 
	opacity: 1;
}

#footer a.follow-icon#footer-linkedin {
	background-position: -90px top;
}

#footer a.follow-icon#footer-linkedin-hover {
	opacity: 0;
	position: relative;
	z-index: 2;
	left: -20px;
	background-position: -90px -45px;
}

#footer a.follow-icon#footer-linkedin-hover:hover,
#footer a.follow-icon#footer-linkedin-hover:active { 
	opacity: 1;
}

#footer a.follow-icon#footer-youtube {
	background-position: -45px top;
}

#footer a.follow-icon#footer-youtube-hover {
	opacity: 0;
	position: relative;
	z-index: 2;
	left: -20px;
	background-position: -45px -45px;
}

#footer a.follow-icon#footer-youtube-hover:hover,
#footer a.follow-icon#footer-youtube-hover:active { 
	opacity: 1;
}

#message-container {
	margin:0;
}

#message-container .message-divider-outer {
	margin-top: 10px;
}

#message-container .message-divider-outer .message-divider {
	border-bottom: 1px solid #caecf9;
	position: absolute;
	left: 0;
	right: 0;
}

/* header styling */

#header {
	position:relative;
	max-width:1100px;
	min-width:1100px;
	margin:0 auto;
	padding:3px 0 6px;
}

#header-outer {
	height:64px;
}

#header-inner {
	position:absolute;
	left:0;
	right:0;
	border-bottom:1px solid #caecf9;
	min-width:1100px;
}

#header	.account-info {
	text-align:right;
	margin: 0 -10px 22px;
	padding: 0 10px;
}

#header .account-info a.logout {
	text-transform:lowercase;
	color: #2bb5e9;
	padding-left: 2px;
	font-weight:normal;
	z-index: 1;
	position: relative;
	margin-left:0px;
}

#header .account-info a.logout:hover { color: #0882b6 }
#header .account-info a.logout:active { color: #f47925 }

#header .account-info .org-name {
	text-transform:none;
}

#header .account-info p {
	margin:0;
}

#header img {
	position:relative;
}

#navigation {
	bottom:0;
	font-size:12px;
	position:absolute;
	right:20px;
	border-bottom: none;
	padding:0px 10px 5px;
}

#navigation.logged-out {
	border:none;
}

#navigation .nav-link {
	padding:2px 4px;
	margin:0 2px 0 30px;
	text-transform:uppercase;
	font-weight: normal;
	color: #666;
}

#navigation .nav-link.button {
	border-color: #0c0;
	border-radius: 5px;
	color: #0c0;
	background-color: transparent;
	padding: 0px 7px 0px 7px;
	font-size: 12px;
}

#navigation .nav-link.button:hover {
	color: #0b0;
	border-color: #0b0;
}

#page-platform-index #header-inner .nav-link.button,
#page-education-index #header-inner .nav-link.button,
#page-digitaltransformation-index #header-inner .nav-link.button,
#page-manufacturing-index #header-inner .nav-link.button,
#header-inner.blue .nav-link.button {
	border-color: #fff;
}

#page-platform-index #header-inner .nav-link.button:hover,
#page-education-index #header-inner .nav-link.button:hover,
#page-digitaltransformation-index #header-inner .nav-link.button:hover,
#page-manufacturing-index #header-inner .nav-link.button:hover,
#header-inner.blue .nav-link.button:hover {
	background-color: rgba(255, 255, 255, .35);
	transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

#navigation span.nav-link {
	cursor: default;
}

#page-login-index #navigation.logged-out a.login-link {
	display: none;
}

#navigation.logged-out a.bold-signup {
	font-weight: bold;
	color: #0c0;
	border: 1px solid #0c0;
	border-radius: 6px;
	padding: 2px 6px;
}

#navigation.logged-out a.bold-signup:hover {
	border-color: #0b0;
	color: #0b0;
}

#navigation .nav-link#navigation_myaccount {
	text-transform: none;
	color: #2bb5e9;
	font-weight: bold;
}

#nav-links {
	float: right;
	margin-bottom: 8px;
	-moz-animation: headerFade .5s;
	-webkit-animation: headerFade .5s;
    animation: headerFade .5s;
}

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

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

#nav-links .callout.shadow {
	margin: 0px 0px 0px 0px;
}

#nav-links .callout-container {
	display: inline-block;
	position: relative;
}

#nav-links .callout-container .hover-container {
	position: absolute;
	z-index: 201;
	top: 12px;
	left: 18px;
	display: none;
}

#nav-links .callout-container.documentation .hover-container {
	left: -95px;
}

#nav-links .callout-container.documentation .hover-container .callout .arrow {
	left: 115px;
}

#nav-links .callout-container .callout {
	padding: 0px 0;
	width: auto;
	min-width: 125px;
	border-radius: 5px;
	position: relative;
	display: block;
	margin-top: 23px;
}

#navigation #nav-links .callout-container.documentation .callout {
	width: 290px;
}

#navigation.logged-out #nav-links .callout-container.documentation .hover-container {
	left: -124px;
}

#navigation #nav-links .callout-container.product .hover-container {
	left: -144px;
}

#navigation.logged-out #nav-links .callout-container.documentation .callout .arrow {
	left: 142px;
}

#navigation #nav-links .callout-container.product .callout .arrow {
	left: 173px;
}

#navigation #nav-links .callout-container.company .callout .arrow {
	left: 14px;
}

#nav-links .callout-container.documentation .callout .language-col {
	width: 50%;
	margin-bottom: 10px;
}

#nav-links .callout-container.documentation .callout .language-col.left {
	float: left;
}

#nav-links .callout-container.documentation .callout .language-col.left a li {
	margin-right: 5px;
	padding-right: 5px;
}

#nav-links .callout-container.documentation .callout .language-col.right {
	float: right;
}

#nav-links .callout-container.documentation .callout .language-col.right a li {
	margin-left: 5px;
	padding-left: 5px;
}

#nav-links .callout-container.hover .hover-container {
	display: none;
}

@-moz-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}  
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

#nav-links .callout-container .callout .arrow.top {
	width: 60px;
}

/* Header: Product */

#nav-links .callout-container .callout .subnav .sub-container {
	width: 250px;
	display: inline-block;
	margin: 5px 10px 10px 10px;
}

#nav-links .callout-container .callout .subnav .sub-container.left {
	margin-right: 15px;
}

#nav-links .callout-container .callout .subnav .sub-container.right {
	margin-left: 15px;
	background-color: #FAFAFA;
	padding: 15px 15px 15px 20px;
	margin: 0px 0px 0px 0px;
}

#nav-links .callout-container .callout .subnav .bottom-container {
	height: 50px;
	line-height: 50px;
	margin: 0px auto 0px auto;
	text-align: center;
	vertical-align: middle;
	color: #2bb5e9;
	font-weight: 500;
}

#nav-links .callout-container .callout .subnav .nav-item {
	width: 240px;
	height: 65px;
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 10px 5px;
}

#nav-links .callout-container .callout .subnav h3.nav-item {
	font-size: 20px;
	font-weight: 200;
	padding-left: 10px;
}

#nav-links .callout-container .callout .subnav h3.nav-item:hover {
	background-color: white;
}

#nav-links .callout-container .callout .subnav .icon {
	width: 60px;
	height: 50px;
	margin-right: 5px;
	background-image: url('assets/header-buttons-product.png');
	background-repeat: no-repeat;
	background-size: 120px 250px;
	display: inline-block;
	vertical-align: top;
}

#nav-links .callout-container .callout .subnav .icon#code-gen { background-position: left top; }
#nav-links .callout-container .callout .subnav a:hover .icon#code-gen { background-position: -60px top; }
#nav-links .callout-container .callout .subnav .icon#iot { background-position: left -50px; }
#nav-links .callout-container .callout .subnav a:hover .icon#iot { background-position: -60px -50px; }
#nav-links .callout-container .callout .subnav .icon#platform { background-position: left -100px; }
#nav-links .callout-container .callout .subnav a:hover .icon#platform { background-position: -60px -100px; }
#nav-links .callout-container .callout .subnav .icon#digital { background-position: left -150px; }
#nav-links .callout-container .callout .subnav a:hover .icon#digital { background-position: -60px -150px; }
#nav-links .callout-container .callout .subnav .icon#manufacturing { background-position: left -200px; }
#nav-links .callout-container .callout .subnav a:hover .icon#manufacturing { background-position: -60px -200px; }

#nav-links .callout-container .callout .subnav .link-container {
	width: 170px;
	height: 65px;
	display: inline-block;
	vertical-align: top;
}

#nav-links .callout-container .callout .subnav .link-title {
	width: 170px;
	height: 25px;
	color: #2bb5e9;
	font-weight: 400;
	font-size: 15px;
}

#nav-links .callout-container .callout .subnav a:hover .link-title {
	color: #2293BD;
}

#nav-links .callout-container .callout .subnav .link-description {
	width: 170px;
	height: 40px;
	font-weight: 200;
	font-size: 12px;
}

#nav-links .callout-container .callout .subnav.logged-out#product { 
	width: 564px; 
	left: -200px;
}

#nav-links .callout-container .callout .subnav.logged-in#product { 
	margin: 15px 10px 5px 10px;
}

#nav-links .callout-container .callout .subnav .nav-item .link-description {
	color: black;
}

#nav-links .callout-container .callout ul.subnav {
	list-style-type: none;
	padding: 5px 0;
	margin: 5px 10px 5px 10px;
}

#nav-links .callout-container .callout ul.subnav a {
	text-transform: none;
	padding: 10px 0;
	margin: 0;
	color: black;
}

#nav-links .callout-container .callout ul.subnav a:hover {
	color: #2293BD;
}

#nav-links .callout-container .callout ul.subnav a.hover {
	position: relative;
}

#nav-links .callout-container.activity .callout ul.subnav a.hover .arrow-green {
	background: url('assets/icon-arrow-blue.png') no-repeat; /* placeholder */
	transform: rotate(180deg);
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	position: absolute;
	right: -162px;
	top: -32px;
}

#nav-links .callout-container .callout ul.subnav a li {
	margin: 0 10px;
	padding: 9px 10px;
	white-space: nowrap;
}

#nav-links .callout-container.documentation .callout ul.subnav a li {
	padding: 0 5px;
}

#nav-links .callout-container.company .callout ul.subnav a li {
	padding: 10px 5px;
}

#nav-links .callout-container .callout ul.subnav a li.samsung {
	padding-left: 3px;
}

#nav-links .callout-container .callout ul.subnav a li.samsung .sdk-text {
	margin-left: 0;
}

#nav-links .callout-container .callout ul.subnav a:hover li,
#nav-links .callout-container .callout ul.subnav a.hover li,
#nav-links .callout-container .callout .subnav .nav-item:hover {
	background-color: #e4f5fc;
}

#nav-links .callout-container .callout .subnav hr {
	border-top: 1px solid #ddd;
	border-left: none;
	border-right: none;
	border-bottom: none;
	margin: 10px;
	clear: both;
}

#nav-links .callout-container.product .callout .subnav hr {
	margin-top: 0px;
	margin-left: 25px;
	margin-right: 25px;
}

#nav-links .callout-container.product .callout .subnav.logged-in hr {
	margin-left: 10px;
	margin-right: 10px;
}

#nav-links .callout-container .callout ul.subnav a .sdk-icon {
	background: url('assets/button-sdks-small-blue-retina.png') no-repeat;
	background-size: 140px;
	width: 35px;
	height: 35px;
	left: 0;
	top: 0;
	display: inline-block;
	vertical-align: middle;
}

#nav-links .callout-container .callout ul.subnav a .sdk-text {
	display: inline-block;
	vertical-align: middle;
	margin-left: 3px;
}

#nav-links .callout-container .callout ul.subnav a li.quickstart .sdk-text {
	font-size: 15px;
	color: #2bb5e9;
	font-weight: 400;
	margin-left: 10px;
}

#nav-links .callout-container .callout ul.subnav a:hover li.quickstart .sdk-text {
	color: #2293BD;
}

#nav-links .callout-container .callout ul.subnav a li.quickstart {
	margin-top: 10px;
}

#nav-links .callout-container .callout ul.subnav a li.android .sdk-icon { background-position: -105px top }
#nav-links .callout-container .callout ul.subnav a:hover li.android .sdk-icon { background-position: -35px top }

#nav-links .callout-container .callout ul.subnav a li.ios .sdk-icon { background-position: -105px -35px }
#nav-links .callout-container .callout ul.subnav a:hover li.ios .sdk-icon { background-position: -35px -35px }

#nav-links .callout-container .callout ul.subnav a li.java .sdk-icon { background-position: -105px -70px }
#nav-links .callout-container .callout ul.subnav a:hover li.java .sdk-icon { background-position: -35px -70px }

#nav-links .callout-container .callout ul.subnav a li.nodejs .sdk-icon { background-position: -105px -105px }
#nav-links .callout-container .callout ul.subnav a:hover li.nodejs .sdk-icon { background-position: -35px -105px }

#nav-links .callout-container .callout ul.subnav a li.php .sdk-icon { background-position: -105px -140px }
#nav-links .callout-container .callout ul.subnav a:hover li.php .sdk-icon { background-position: -35px -140px }

#nav-links .callout-container .callout ul.subnav a li.processing .sdk-icon { background-position: -105px -175px }
#nav-links .callout-container .callout ul.subnav a:hover li.processing .sdk-icon { background-position: -35px -175px }

#nav-links .callout-container .callout ul.subnav a li.python .sdk-icon { background-position: -105px -210px }
#nav-links .callout-container .callout ul.subnav a:hover li.python .sdk-icon { background-position: -35px -210px }

#nav-links .callout-container .callout ul.subnav a li.ruby .sdk-icon { background-position: -105px -245px }
#nav-links .callout-container .callout ul.subnav a:hover li.ruby .sdk-icon { background-position: -35px -245px }

#nav-links .callout-container .callout ul.subnav a li.arduino .sdk-icon { background-position: -105px -280px }
#nav-links .callout-container .callout ul.subnav a:hover li.arduino .sdk-icon { background-position: -35px -280px }

#nav-links .callout-container .callout ul.subnav a li.rest_json .sdk-icon { background-position: -105px -315px }
#nav-links .callout-container .callout ul.subnav a:hover li.rest_json .sdk-icon { background-position: -35px -315px }

#nav-links .callout-container .callout ul.subnav a li.csharp .sdk-icon { background-position: -105px -385px }
#nav-links .callout-container .callout ul.subnav a:hover li.csharp .sdk-icon { background-position: -35px -385px }

#nav-links .callout-container .callout ul.subnav a li.ti .sdk-icon { background-position: -105px -420px }
#nav-links .callout-container .callout ul.subnav a:hover li.ti .sdk-icon { background-position: -35px -420px }

#nav-links .callout-container .callout ul.subnav a li.javascript .sdk-icon { background-position: -105px -455px }
#nav-links .callout-container .callout ul.subnav a:hover li.javascript .sdk-icon { background-position: -35px -455px }

#nav-links .callout-container .callout ul.subnav a li.support .sdk-icon { background-position: -105px -595px }
#nav-links .callout-container .callout ul.subnav a:hover li.support .sdk-icon { background-position: -35px -595px }

#nav-links .callout-container .callout ul.subnav a li.quickstart .sdk-icon { background-position: left -630px }
#nav-links .callout-container .callout ul.subnav a:hover li.quickstart .sdk-icon { background-position: -35px -630px }

#nav-links .callout-container .callout ul.subnav a li.videos .sdk-icon { background-position: -105px -665px }
#nav-links .callout-container .callout ul.subnav a:hover li.videos .sdk-icon { background-position: -35px -665px }

#nav-links .callout-container .callout ul.subnav a li.samsung .sdk-icon {
		background: url('assets/button-samsung-small-blue.png') no-repeat left -42px;
		background-size: 100%;
		width: 40px;
		height: 14px;
		margin: 10px 0;
}

#nav-links .callout-container .callout ul.subnav a:hover li.samsung .sdk-icon { background-position: left -14px }

/* Company Menu */

#nav-links .callout-container .callout ul.subnav a li {
	padding: 3px 5px 3px 5px;
}

#nav-links .callout-container.company .callout ul.subnav a .sdk-icon {
	background: url('assets/header-buttons-company.png') no-repeat;
	background-size: 44px;
	width: 22px;
	height: 23px;
}

#nav-links .callout-container.company .callout ul.subnav a .sdk-text {
	margin-left: 5px;
	font-size: 15px;
	color: #2bb5e9;
	font-weight: 400;
}

#nav-links .callout-container.company .callout ul.subnav a:hover .sdk-text {
	color: #2293BD;
}

#nav-links .callout-container.company .callout ul.subnav a li.about .sdk-icon { background-position: left top }
#nav-links .callout-container.company .callout ul.subnav a:hover li.about .sdk-icon { background-position: -22px top }
#nav-links .callout-container.company .callout ul.subnav a li.case-studies .sdk-icon { background-position: left -23px }
#nav-links .callout-container.company .callout ul.subnav a:hover li.case-studies .sdk-icon { background-position: -22px -23px }
#nav-links .callout-container.company .callout ul.subnav a li.jobs .sdk-icon { background-position: left -46px }
#nav-links .callout-container.company .callout ul.subnav a:hover li.jobs .sdk-icon { background-position: -22px -46px }
#nav-links .callout-container.company .callout ul.subnav a li.praise .sdk-icon { background-position: left -69px }
#nav-links .callout-container.company .callout ul.subnav a:hover li.praise .sdk-icon { background-position: -22px -69px }

#logo img {
	width:181px;
	height:50px;
	margin-left:20px;
}

#header .happy-2016-link {
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
	background-color: #2bb5e9;
	color: #fff;
	display: inline-block;
	font-weight: normal;
	width: 160px;
	margin: 0 auto;
	text-align: center;
	padding: 4px 20px 4px 12px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

#page-landing-index #header .happy-2016-link {
	top: 0;
}

#header .happy-2016-link:hover {
	background-color: #0882b6;
}

#header .happy-2016-link > * {
	display: inline-block;
	vertical-align: middle;
}

#header .happy-2016-link .star {
	background: url('assets/year2016-star.png') no-repeat;
	height: 25px;
	width: 25px;
	background-size: 100%;
	opacity: .5;
}

/* end header styling */

#message-container {
	padding:10px 0;
}
#message-container.empty {
	display:none;
}

.alert.body,
#message-container .message {
	list-style-type:none;
	padding:4px 0 2px 26px;
}

.alert.body,
#message-container .message.critical,
#message-container .message.warning {
	background:url('assets/messaging-critical.png') no-repeat left center;
}

body#page-library-index #message-container.just-calls, 
body#page-library-index #message-container #calls-near-limit,
body#page-library-index #message-container #calls-over-limit {
	display: none !important; /* valid use! I swear! */
}

.alert-container.alert-box {
	margin: 20px 0;
	position: relative;
	border: 1px solid #C00;
  	padding: 0 10px 10px 100px;
}

.alert-container.alert-box#limit-warning-credentials {
	margin:5px 0 10px;
}

.alert-container.alert-box .alert.body {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 80px;
	background: #C00;
	color: #fff !important;
	text-transform: uppercase;	
}

.alert-container.alert-box .alert.body p {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	margin-top: -9px;
	font-weight:bold;
}

.alert-container.alert-box .alert.body .exclaim {
	display: inline-block;
	font-weight: bold;
	background: #fff;
	color: #C00 !important;
	line-height: 18px;
	height: 18px;
	width: 18px;
	border-radius: 9px;
}

.alert-container.alert-box .body a {
	font-weight: bold;
}

#message-container .messages {
	margin:0;
	padding:0 20px;
}

#message-container .messages .close {
	float:right;
}

#lightbox,
.waitbox {
	background:#000;
	bottom:0;
	left:0;
	opacity:0.3;
	position:fixed;
	right:0;
	top:0;
	z-index:100001;
}

#lightbox,
.waitbox,
.lightbox {
	display:none;
}

.waitbox {
	background:#fff url("assets/spinner.gif") center center no-repeat;
	opacity:0.75;
	position:absolute;
	z-index:1001;
}

#tmb-copyable-mask.tmb-copyable-pre.tmb-copyable-prettyprint,
#tmb-copyable-mask.tmb-copyable-pre.tmb-copyable-uglyprint {
	border:solid 1px #2bb5e9;
	box-shadow: 0px 0px 12px 1px #2bb5e9;
	-moz-box-shadow: 0px 0px 12px 1px #2bb5e9;
	-webkit-box-shadow: 0px 0px 12px 1px #2bb5e9;
	z-index: 3;
}

.tmb-flashable-mask {
	border:solid 1px #2bb5e9;
	box-shadow: 0px 0px 12px 1px #2bb5e9;
	-moz-box-shadow: 0px 0px 12px 1px #2bb5e9;
	-webkit-box-shadow: 0px 0px 12px 1px #2bb5e9;
	position:absolute;
}

.status-alert {
	left: 0;
	right: 0;
	text-align: center;
	position: fixed;
	z-index: 200;
	margin:0;
	padding:0;
	top: 20px;
}

.status-alert.large {
	top: 0;
	border: 3px solid #13de6e;
	border-top: none;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	text-align: left;
	width: 330px;
	margin: 0 auto;
	padding: 20px 25px 20px 160px;
	background-color: #fff;
}

.status-alert.large .status-title {
	color: #13de6e;
	font-weight: bold;
	font-size: 22px;
}

.status-alert.large .status-description {
	margin-top: 10px;
	font-size: 14px;
}

.status-alert.large button.close {
	position: absolute;
	top: 10px;
	right: 10px;
}

.status-alert p {
	display: inline-block;
	padding: 7px 14px;
	color: #fff;
	background-color: #0c0;
	font-size: 14px;
	opacity: .85;
	margin: 0;
}

.status-alert.success p {
	background:#0c0;
}

.status-alert.error p {
	background:#c00;
}

/*bolding lightbox buttons*/
/*#tmb-lightbox button {
	font-weight: bold;
}*/

/*SDK language page buttons*/
.sdk-choice-box {
    width:505px;
    padding: 30px;
    border: 1px solid #caecf9;
	border-radius: 6px;
	margin: 0 auto;
}

.sdk-choice-box.dashed {
	border: 1px dashed #95daf4;
}

.sdk-buttons {
text-align:center;
}

.sdk-buttons .connectivity-text {
  float: left;
  text-align: right;
  color: #ccc;
  font-weight: bold;
  font-size: 15px;
  width: 100px;
  margin: 18px -10px 0 30px;
}

.sdk-button {
width:70px;
height:20px;
background:url('assets/button-sdks.png') no-repeat left top;
display:inline-block;
padding-top:56px;
font-weight:bold;
color:#333;
text-align:center;
margin:5px 5px 20px;
cursor:pointer;
background-size: 600px auto;
}

.sdk-button.blank {
background: none;
width: 15px;
}

.sdk-button.two-line {
line-height: 12px;
vertical-align: bottom;
font-size: 11px;
}

.sdk-button#android {background-position:left 0}
.sdk-button#arduino {background-position:left -100px}
.sdk-button#csharp {background-position:left -200px}
.sdk-button#ios {background-position:left -300px}
.sdk-button#java {background-position:left -400px}
.sdk-button#javascript {background-position:left -500px}
.sdk-button#nodejs {background-position:left -600px}
.sdk-button#php {background-position:left -700px}
.sdk-button#processing {background-position:left -800px}
.sdk-button#python {background-position:left -900px}
.sdk-button#restapi {background-position:left -1000px}
.sdk-button#ruby {background-position:left -1100px}
.sdk-button#ti {background-position:left -1200px} 
.sdk-button#twyla {background-position:left -1300px} 
.sdk-button#samsung {background-position:left -1600px} 
.sdk-button#qualcomm {background-position:left -1700px} 

.sdk-button:hover {color:#0882b6}

.sdk-button#android:hover {background-position:-300px 0}
.sdk-button#arduino:hover {background-position:-300px -100px}
.sdk-button#csharp:hover {background-position:-300px -200px}
.sdk-button#ios:hover {background-position:-300px -300px}
.sdk-button#java:hover {background-position:-300px -400px}
.sdk-button#javascript:hover {background-position:-300px -500px}
.sdk-button#nodejs:hover {background-position:-300px -600px}
.sdk-button#php:hover {background-position:-300px -700px}
.sdk-button#processing:hover {background-position:-300px -800px}
.sdk-button#python:hover {background-position:-300px -900px}
.sdk-button#restapi:hover {background-position:-300px -1000px}
.sdk-button#ruby:hover {background-position:-300px -1100px}
.sdk-button#ti:hover {background-position:-300px -1200px} 
.sdk-button#twyla:hover {background-position:-300px -1300px} 
.sdk-button#samsung:hover {background-position:-300px -1600px} 
.sdk-button#qualcomm:hover {background-position:-300px -1700px} 

.sdk-button.connectivity {
background:url('assets/button-connectivity.png') no-repeat left top;
padding-top:50px;
}

.sdk-button#bluetooth {background-position:left 0px}
.sdk-button#ethernet {background-position:left -70px}
.sdk-button#gsm {background-position:left -140px}
.sdk-button#xbee {background-position:left -210px}
.sdk-button#wifi {background-position:left -280px}

.sdk-button#bluetooth:hover {background-position:-70px 0px}
.sdk-button#ethernet:hover {background-position:-70px -70px}
.sdk-button#gsm:hover {background-position:-70px -140px}
.sdk-button#xbee:hover {background-position:-70px -210px}
.sdk-button#wifi:hover {background-position:-70px -280px}


.sdk-button.large, .sdk-button.large.connectivity {
	background-image: url('assets/button-sdks-large.png');
  	width: 130px;
  	padding-top: 105px;
  	margin: 0 15px 30px;
  	line-height: 17px;
  	background-size: 1000px auto;
}

.sdk-button.large#android {background-position:left 0}
.sdk-button.large#arduino {background-position:left -285px}
.sdk-button.large#csharp {background-position:left -600px}
.sdk-button.large#ios {background-position:left -900px}
.sdk-button.large#java {background-position:left -1200px}
.sdk-button.large#javascript {background-position:left -1500px}
.sdk-button.large#nodejs {background-position:left -1800px}
.sdk-button.large#php {background-position:left -2100px}
.sdk-button.large#processing {background-position:left -2400px}
.sdk-button.large#python {background-position:left -2700px}
.sdk-button.large#restapi {background-position:left -3000px}
.sdk-button.large#ruby {background-position:left -3300px}
.sdk-button.large#ti {background-position:left -3600px} 
.sdk-button.large#twyla {background-position:left -3900px} 
.sdk-button.large#samsung {background-position:left -4795px} 

.sdk-button.large#android:hover {background-position:-500px 0}
.sdk-button.large#arduino:hover {background-position:-500px -285px}
.sdk-button.large#csharp:hover {background-position:-500px -600px}
.sdk-button.large#ios:hover {background-position:-500px -900px}
.sdk-button.large#java:hover {background-position:-500px -1200px}
.sdk-button.large#javascript:hover {background-position:-500px -1500px}
.sdk-button.large#nodejs:hover {background-position:-500px -1800px}
.sdk-button.large#php:hover {background-position:-500px -2100px}
.sdk-button.large#processing:hover {background-position:-500px -2400px}
.sdk-button.large#python:hover {background-position:-500px -2700px}
.sdk-button.large#restapi:hover {background-position:-500px -3000px}
.sdk-button.large#ruby:hover {background-position:-500px -3300px}
.sdk-button.large#ti:hover {background-position:-500px -3600px} 
.sdk-button.large#twyla:hover {background-position:-500px -3900px} 
.sdk-button.large#samsung:hover {background-position:-500px -4795px} 

/* custom large sdk button positioning */
.sdk-button.large#ti { 
	width:140px;
}

.sdk-button.large.connectivity {
  	background-image: url('assets/button-connectivity-large.png');
  	width: 145px;
  	font-size: 16px;
  	padding-top: 85px;
  	margin: 10px -10px 0;
 }

.sdk-button.large.connectivity#bluetooth {background-position:0px top }
.sdk-button.large.connectivity#ethernet {background-position:0px -150px }
.sdk-button.large.connectivity#gsm {background-position:0px -300px }
.sdk-button.large.connectivity#xbee {background-position:0px -450px }
.sdk-button.large.connectivity#wifi {background-position:0px -600px }

.sdk-button.large.connectivity#bluetooth:hover {background-position:-150px top }
.sdk-button.large.connectivity#ethernet:hover {background-position:-150px -150px }
.sdk-button.large.connectivity#gsm:hover {background-position:-150px -300px }
.sdk-button.large.connectivity#xbee:hover {background-position:-150px -450px }
.sdk-button.large.connectivity#wifi:hover {background-position:-150px -600px }

.sdk-button.large.connectivity#bluetooth:active {background-position:-300px top }
.sdk-button.large.connectivity#ethernet:active {background-position:-300px -150px }
.sdk-button.large.connectivity#gsm:active {background-position:-300px -300px }
.sdk-button.large.connectivity#xbee:active {background-position:-300px -450px }
.sdk-button.large.connectivity#wifi:active {background-position:-300px -600px }


.sdk-button.large.m2m {
	background-image: url('assets/button-m2m-large.png');
}

.sdk-button.large.m2m#mqtt { background-position: 0px 0px }
.sdk-button.large.m2m#coap { background-position: 0px -150px }
.sdk-button.large.m2m#http { background-position: 0px -300px }

.sdk-button.large.m2m#mqtt:hover { background-position: -150px 0px }
.sdk-button.large.m2m#coap:hover { background-position: -150px -150px }
.sdk-button.large.m2m#http:hover { background-position: -150px -300px }

.sdk-button.large.m2m#mqtt:active { background-position: -300px 0px }
.sdk-button.large.m2m#coap:active { background-position: -300px -150px }
.sdk-button.large.m2m#http:active { background-position: -300px -300px }

/* end SDK buttons */


.js-warning {
text-align: center;
margin: 0 0 10px 0;
padding: 15px 0;
background: url('assets/background-pattern.png');
}

.js-warning p {
background: #fff;
margin: 0px;
padding: 10px;
font-size: 14px;
}

/* Override default browser font */
input, textarea, keygen, select, button {
	font-family: "Open Sans", "Trebuchet MS", Arial, sans-serif;
}

/* Indent input text so left edge isn't cut off */
input {
	text-indent: 1px;
}

/* Callouts */

.callout {
	width:170px;
	padding:15px;
	border:1px solid #95daf4;
	border-radius:5px;
	position: absolute;
	background-color: #fff;
	z-index: 1;
	display: none;
}

.callout-container {
	position: relative;
}

.callout .callout-error {
	display: none;
}

.arrow-callout {
	border-color: #95daf4;
	border-width: 1px;
	position: absolute;
}

.head-callout {
	position: absolute;
}

/* TODO: Reverse left and right */
/* < */
.head-callout.right {
	left: -1px;
}

/* > */
.head-callout.left {
	right: -1px;
}

/* <| right line */
.arrow-callout.line-right {
	left: 0px;
	border-color: #fff;
	border-width: 2px;
	border-right-style: solid;
	height: 15px;
}

/* < top line */
.arrow-callout.line-right-down {
	left: 0px;
	border-right-style: solid;
	height: 15px;
	transform-origin: top right;
	transform: rotate(60deg);
	-webkit-transform-origin: top right;
	-webkit-transform: rotate(60deg);
	-ms-transform-origin: top right;
	-ms-transform: rotate(60deg);
	margin-top: 1px;
}

/* < bottom line */
.arrow-callout.line-right-up {
	left: -14px;
	border-top-style: solid;
	width: 15px;
	transform-origin: bottom right;
	transform: rotate(30deg);
	transform: rotate(30deg);
	-webkit-transform-origin: bottom right;
	-webkit-transform: rotate(30deg);
	-ms-transform-origin: bottom right;
	-ms-transform: rotate(30deg);
	top: 15px;
}

/* |> left line */
.arrow-callout.line-left {
	left: -1px;
	top: 1px;
	border-color: #fff;
	border-width: 2px;
	border-left-style: solid;
	height: 12px;
}

@media screen and (min-width:0\0) { 
.arrow-callout.line-left {
	left: -2px;
}
}

/* > top line */
.arrow-callout.line-left-down {
	border-top-style: solid;
	width: 15px;
	left: -1px;
	transform-origin: left top;
	transform: rotate(30deg);
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(30deg);
	-ms-transform-origin: left top;
	-ms-transform: rotate(30deg);
}

/* > bottom line */
.arrow-callout.line-left-up {
	height: 15px;
	border-left-style: solid;
	transform-origin: left bottom;
	transform: rotate(60deg);
	-webkit-transform-origin: left bottom;
	-webkit-transform: rotate(60deg);
	-ms-transform-origin: left bottom;
	-ms-transform: rotate(60deg);
	left: -1px;
}

/* ^ left line */
.arrow-callout.line-up-left {
	border-top-style: solid;
	width: 15px;
	left: -1px;
	transform-origin: left top;
	transform: rotate(120deg);
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(120deg);
	-ms-transform-origin: left top;
	-ms-transform: rotate(120deg);
}

/* ^ right line */
.arrow-callout.line-up-right {
	height: 15px;
	border-left-style: solid;
	transform-origin: left bottom;
	transform: rotate(150deg);
	-webkit-transform-origin: left bottom;
	-webkit-transform: rotate(150deg);
	-ms-transform-origin: left bottom;
	-ms-transform: rotate(150deg);
	left: -1px;
	top: -15px;
}

/* v left line */
.arrow-callout.line-down-left {
	border-top-style: solid;
	width: 15px;
	left: -1px;
	transform-origin: left top;
	transform: rotate(300deg);
	-webkit-transform-origin: left top;
	-webkit-transform: rotate(300deg);
	-ms-transform-origin: left top;
	-ms-transform: rotate(300deg);
}

/* v right line */
.arrow-callout.line-down-right {
	height: 15px;
	border-left-style: solid;
	transform-origin: left bottom;
	transform: rotate(330deg);
	-webkit-transform-origin: left bottom;
	-webkit-transform: rotate(330deg);
	-ms-transform-origin: left bottom;
	-ms-transform: rotate(330deg);
	left: -1px;
	top: -15px;
}

.callout .arrow-bg {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  position: absolute;
  z-index: -1;
  left: -1px;
} 

/* > background */
.callout .head-callout.left .arrow-bg {
  border-left: 13px solid #fff;
} 

/* < background */
.callout .head-callout.right .arrow-bg {
  border-right: 13px solid #fff;
} 

/* ^ background */
.callout .head-callout.up .arrow-bg {
  border-bottom: 13px solid #fff;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
} 

/* v background */
.callout .head-callout.down .arrow-bg {
  border-top: 13px solid #fff;
} 

/* New callout style */

.callout .arrow {
	height: 40px;
	position: absolute;
	overflow: hidden;
	top: 0;
	width: 15px;
}

.callout .arrow:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background: #fff;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	top: 10px;
}

.callout .arrow.left {
	left: -15px;
}

.callout .arrow.right {
	right: -15px;
}

.callout .arrow.left:after {
	left: 10px;
	border-bottom: 1px solid #95daf4;
	border-left: 1px solid #95daf4;
}

.callout .arrow.right:after {
	left: -15px;
	border-top: 1px solid #95daf4;
	border-right: 1px solid #95daf4;
}

/* Colors */

.callout.warning {
	border-color: #f47925;
}

.callout.warning .arrow:after {
	border-color: #f47925;
}

/* Shadow */

.callout.shadow {
	border-color: #ddd;
	box-shadow: 2px 2px 15px rgba(102, 102, 102, 0.35);
}

.callout.shadow .arrow {
	width: 20px;
}

.callout.shadow .arrow:after {
	border-color: rgba(102, 102, 102, 0.2);
}

.callout.shadow .arrow.left {
	left: -20px;
}

.callout.shadow .arrow.right {
	right: -20px;
}

.callout.shadow .arrow.top {
	top: -18px;
	height: 18px;	
}

.callout.shadow .arrow.bottom {
	bottom: -18px;
	top: auto;
	height: 18px;
}

.callout.shadow .arrow.left:after {
	left: 14px;
	box-shadow: -5px 7px 10px -3px rgba(102, 102, 102, 0.2);
}

.callout.shadow .arrow.right:after {
	left: -10px;
	width: 14px;
	box-shadow: 7px -7px 10px -3px rgba(102, 102, 102, 0.2);
}

.callout.shadow .arrow.top:after {
	left: 20px;
	box-shadow: 9px 6px 10px 9px rgba(102, 102, 102, 0.2);
}

.callout.shadow .arrow.bottom:after {
	left: 20px;
	top: -11px;
	box-shadow: 9px 6px 10px 9px rgba(102, 102, 102, 0.2);
}

.callout button.close {
	position: absolute;
	top: 5px;
	right: 5px;
}

/* Overriding default font on these elements */
input, textarea, keygen, select, button {
	font-family: "Open Sans", "Trebuchet MS", Arial, sans-serif;
}

/* Login lightbox */

#page.login .old-login form,
#page.password-reset form {
	margin:0;
	padding:0;
}

#page.login .content,
#page.password-reset form {
	width:300px;
	margin:0 auto;
}

#page.login .content .links .error {
	margin-top:15px;
}

#page.login .lightbox {
	margin:-130px 0 0 -180px;
	width:320px;
}

#page.login .lightbox input[type=text] {
	width:300px;
}

#page.login .spinner-container,
.old-login .spinner-container {
	text-align:center;
	margin:10px 0 0;
}

#page.login .spinner-container .signup,
.old-login .spinner-container .signup {
	display:block;
	margin: -2px 0 15px -10px;
	font-weight:normal;
}

#page.login form,
.old-login form {
	padding-left:0px;
}

#page.login .content > h2,
#page.password-reset h2 {
	text-align: center;
  	margin: 5px 0 10px;
  	font-weight: 200;
  	font-size: 29px;
}

#page.login #login_formErrors,
.old-login #login_formErrors,
#page.password-reset .error {
	font-size:12px;
	color:#f47925;
	width: 300px;
}

#page.login #login_formErrors,
.old-login #login_formErrors {
	text-align:center;
	margin-bottom:10px;
}

#signupForm input,
#page.login input,
#old-forgot-lightbox input,
.old-login input {
	width: 280px;
	margin: 10px 0 0 0;
	padding: 0 10px;
	height:30px;
	font-size:14px;
}

/* Forgot password lightbox */
#old-forgot {
	display: none;
}

#tmb-lightbox > .content #old-forgot-lightbox h3.title {
	font-size: 26px;
	margin: 10px 0 0 0;
	text-align: center;
}

#old-forgot-lightbox .error {
	font-size:12px;
	color:#f47925;
	text-align:left;
}

#old-forgot-lightbox .error a {
	color:#f47925;
}

/* Login callout */

#nav-links .callout-container.login .hover-container {
	right: -8px;
	left: auto;
}

#nav-links .callout-container.login .callout {
	padding: 0;
	height: auto;
}

/* Don't show other submenus when login is open */
#nav-links.login-open .callout-container .nav-link {
	pointer-events: none;
}

#nav-links.login-open .callout-container .hover-container {
	display: none;
}

#nav-links.login-open .callout-container.login .hover-container {
	display: block;
	overflow: visible !important;
}

#nav-links .callout-container.login .callout .arrow.top {
	left: 350px;
}

#nav-links .callout-container.login .callout .old-login form {
	padding: 0;
}

#nav-links .callout-container.login #old-login-lightbox,
#nav-links .callout-container.login #old-forgot {
	padding: 30px 35px 35px 35px;
}

#nav-links .callout-container.login #old-login-lightbox {
	opacity: 1;
}

#nav-links .callout-container.login #old-forgot {
	position: absolute;
	top: 0;
	opacity: 0;
}

#nav-links .callout-container.login #old-forgot form {
	padding: 0;
}

#nav-links .callout-container.login .title {
	text-align: center;
	font-weight: 300;
	margin: 0 0 12px 0;
	font-size: 32px;
}

#nav-links .callout-container.login input {
	width: 320px;
	font-size: 16px;
	font-weight: 300;
	height: 35px;
	padding: 0 10px;
	margin: 10px 0 0 0;
}

#nav-links .callout-container.login .old-login .spinner-container {
	margin-top: 25px;
}

#nav-links .callout-container.login .callout .old-login button {
	width: 100%;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    border-radius: 8px;
}

#nav-links .callout-container.login .callout #old-forgot input {
	margin-bottom: 5px;
}

#nav-links .callout-container.login .callout #old-forgot .spinner-container {
	text-align: right;
	margin-top: 25px;
}

#nav-links .callout-container.login .callout #old-forgot .error {
	margin-top: 20px;
	opacity: 0;
}

/* Two column page layout */
.page.two-column {
	width: 1010px;
	margin: 60px 0px 100px;
}

.page.two-column .column {
	display: inline-block;
	vertical-align: top;
}

.page.two-column .column.column-left {
	width: 340px;
	text-align: right;
	padding: 0;
	margin-right: 40px;
}

.page.two-column .column.column-right {
	width: 620px;
}

/* Large video button */

a.gif {
	background-size:100%;
	position: absolute;
}

a.video .button.embedded-video {
	background:url('assets/button-video-blue.png') no-repeat center center;
	background-size:100%;
	position: absolute;
}

a.video .button.embedded-video.blue {
	background-image:url('assets/button-video-white.png');
	opacity: 0.4;
}

a.video:hover .button.embedded-video.blue {
	opacity: 0.8;
}

a.video .button.embedded-video.white {
	background-image:url('assets/button-video-white.png');
	opacity:1.0;
}

a.video:hover .button.embedded-video.white {
	opacity:1.0;
}

.button.embedded-video.large {
	width:150px;
	height:150px;
}

.button.embedded-video.medium {
	width:60px;
	height:60px;
  	margin-top: -160px;
  	margin-left: 190px;
}

/* Elision by width */

.elided {
    display: inline-block; /* block or inline-block */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
} 

/* Suppress Twitter link on non-tutorial pages */

.twitter-link {
	display: none;
}


/* Company Logos */

#companies-container { display:inline-block }

#companies-container .company {
	height:70px;
	display: inline-block;
	margin: 0 15px;
	background-repeat:no-repeat;
}

#companies-container .company#arduino {
	width:85px;
	background-image:url('assets/logo-home-arduino.svg');
}

#companies-container .company#ti {
  width: 270px;
  background-image: url('assets/logo-home-ti.svg');
  background-position: left center;
}

#companies-container .company#digi {
	width:72px;
	background-image:url('assets/logo-home-digi.svg');
}

#companies-container .company#amazon {
	width:181px;
	background-image:url('assets/logo-home-amazon.svg');
}

#companies-container .company#eat {
	width:100px;
	background-image:url('assets/logo-home-eat.svg');
}

#companies-container .company#microsoft {
	width:200px;
	background-image:url('assets/logo-home-microsoft.svg');
}

#companies-container .company#samsung {
	width:140px;
	background-image:url('assets/logo-home-samsung.svg');
}

#companies-container .company#qualcomm {
	width:200px;
	background-image:url('assets/logo-home-qualcomm.svg');
}

#page.pricing .button {
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}

#homepage .block#companies-block .companies-block-container,
#page.iotproducts .block#companies .companies-block-container,
#page.pricing .companies-block-container {
	display: inline-block;
	white-space: nowrap;
}

#homepage .block#companies-block h4,
#page.iotproducts .block#companies h4,
#page.pricing .block#companies-block h4 {
	display: inline-block;
	width: 100px;
	margin: 15px 15px 0;
	vertical-align: top;
	white-space: normal;
}

#page.pricing .block#companies-block {
	margin-top: 60px;
}

#page.pricing .block#companies-block h4 {
	text-align: left;
	font-size: 20px;
	font-weight: 300;
	margin-top: 8px;
}

#page.pricing .block#companies-block .company {
	margin: 0 15px 0 0;
}

/* IoT App Blocks */

.iotapp-block {
	display: inline-block;
	border: 4px #e5e5e5 solid;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: left top;
	display: inline-block;
	position: relative;
}

.background-blue .iotapp-block {
	border-color:#95daf4;
}

.iotapp-block.large {
	border-radius: 4px;
	height: 288px;
	transition: border-color .4s ease-in-out;
   -moz-transition: border-color .4s ease-in-out;
   -webkit-transition: border-color .4s ease-in-out;
}

.iotapp-block.large:hover {
	border-color: #2bb5e9;
}

.iotapp-block.medium {
	width: 320px;
	border-radius: 2px;
}

.iotapp-block.small {
	border-radius: 2px;
	margin: 0 10px;
}

a .iotapp-block {
	font-weight: normal;
	color: #666;
}

.background-blue a .iotapp-block {
	color:#2bb5e9;
	background-color:#fff;
}

.iotapp-block .image {
	background-size: 100%;
	display: inline-block;
}

.iotapp-block .image.gas-leak-monitor {
	background-image: url('assets/iotapps-medium-gas-leak-monitor.jpg');
}

.iotapp-block .image.soil-quality-monitor {
	background-image: url('assets/iotapps-medium-soil-monitor.jpg');
}

.iotapp-block .image.production-line-monitor {
	background-image: url('assets/iotapps-medium-production-line.jpg');
}

.iotapp-block .image.plc-data-insights-and-alerts {
	background-image: url('assets/iotapps-medium-connected-plc.png');
}

.iotapp-block .image.freight-management {
	background-image: url('assets/iotapps-medium-freight-management.jpg');
}

.iotapp-block .image.smart-trash-cans {
	background-image: url('assets/iotapps-medium-smart-trash-cans.jpg');
}

.iotapp-block .image.water-management {
	background-image: url('assets/iotapps-medium-water-management.jpg');
}

.iotapp-block.large .image.water-management {
	background-image: url('assets/iotapps-large-water-management.jpg');
}

.iotapp-block .image.commercial-freezer {
	background-image: url('assets/iotapps-medium-commercial-freezer.jpg');
}

.iotapp-block .image.smart-fire-equipment {
	background-image: url('assets/iotapps-medium-fire-equipment.jpg');
}

.iotapp-block .image.energy-management {
	background-image: url('assets/iotapps-medium-energy-management.jpg');
}

.iotapp-block .image.connected-sensor {
	background-image: url('assets/iotapps-medium-connected-sensor.jpg');
}

.iotapp-block .image.remote-control {
	background-image: url('assets/iotapps-medium-remote-control.jpg');
}

.iotapp-block.large .image {
	width: 512px;
	height: 288px;
	position: relative;
}

.iotapp-block.medium .image {
	width: 320px;
	height: 180px;
	border-bottom: 4px #e5e5e5 solid;
}

.iotapp-block.small .image {
	width: 208px;
	height: 117px;
	border-bottom: 4px #e5e5e5 solid;
}

.background-blue .iotapp-block.small .image {
	border-color:#95daf4;
}

#hardware-home .iotapp-block {
	margin:0 20px 0 0;
}

#iot-page #iotapp-row {
	text-align: center;
}

#iot-page .iotapp-block {
	margin:0 15px 30px;
}

.iotapp-block .text-block {
	position: relative;
}

.iotapp-block .title {
	font-weight: normal;
}

.iotapp-block.small .text-block {
    padding: 5px 10px 10px;
	text-align: left;
}

.iotapp-block.small .title {
	font-size: 14px;
	display: inline-block;
}

.iotapp-block.small .iotapp-icon {
	display: inline-block;
	position: absolute;
	right: 3px;
	bottom: 3px;
}

.iotapp-block .overlay {	
	top: -4px;
	bottom: -4px;
	right: -4px;
	left: -4px;
	position: absolute;
    color: #fff;
    text-align: center;
    background-color: #2bb5e9;
    font-weight: 600;
    border-radius: 2px;
    opacity: 0;
	transition: opacity .4s ease-in-out;
   -moz-transition: opacity .4s ease-in-out;
   -webkit-transition: opacity .4s ease-in-out;
}

.background-blue .iotapp-block .overlay {	
	color:#2bb5e9;
	background-color:#fff;
}

.iotapp-block .overlay.gray {
    background-color: #bbb;
}

.iotapp-block.large .overlay:hover .buildit {
	animation-duration: .3s;
	animation-name: poptextlarge;
	-webkit-animation-duration: .3s;
	-webkit-animation-name: poptextlarge;
}

@keyframes poptextlarge {
	from { font-size: 30px; }
	50% { font-size: 30px; }
	to { font-size: 36px; }
}

@-webkit-keyframes poptextlarge {
	from { font-size: 30px; }
	50% { font-size: 30px; }
	to { font-size: 36px; }
}

.iotapp-block.medium .overlay:hover .buildit {
	animation-duration: .3s;
	animation-name: poptextmedium;
	-webkit-animation-duration: .3s;
	-webkit-animation-name: poptextmedium;
}

@keyframes poptextmedium {
	from { font-size: 24px; }
	50% { font-size: 24px; }
	to { font-size: 30px; }
}

@-webkit-keyframes poptextmedium {
	from { font-size: 24px; }
	50% { font-size: 24px; }
	to { font-size: 30px; }
}

.iotapp-block.large .overlay .buildit {
    font-size: 36px;
	margin-top: 125px;
}

.iotapp-block.medium .overlay .buildit {
    font-size: 30px;
	margin-top: 150px;
}

.iotapp-block.small .overlay .buildit {
    font-size: 18px;
	margin-top: 70px;
}

.iotapp-block:hover .overlay {
	opacity: 0.9;
}

a #iotapp-more {
	display: inline-block;
    font-size: 14px;
    background: url('assets/button-iotapp-more.png') no-repeat left top;
    padding-left: 29px;
    padding-top:8px;
    position: relative;
    width: 65px;
    text-align: left;
}

a:hover #iotapp-more {
	background-position: left -30px;
}

.background-blue a #iotapp-more {
	background-image:url('assets/button-iotapp-more-white.png');
	color:#fff;
	background-position: left -30px;
}

.background-blue a:hover #iotapp-more {
	background-position: left 0px;
	color:#caecf9;
}

.hardware-landing a #iotapp-more {
    margin: 6px 0 0 595px;
}

#library-landing a #iotapp-more {
    margin: 12px auto 0;
}

#iot-page a #iotapp-more {
    display: block;
    margin: -15px auto 0;
}

.welcome.page a #iotapp-more {
	width:auto;
}

.iotapp-icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url('assets/button-iotapps-small.png');
	background-size: 200px;
}

.iotapp-icon.all { background-position: -100px 0px; }
li.category > .iotapp-icon.all { background-position: 0px 0px; }
li.category:hover > .iotapp-icon.all { background-position: -50px 0px; }
li.category.selected > .iotapp-icon.all { background-position: -150px 0px; }

.iotapp-icon.water-management { background-position: -100px -50px; }
li.category > .iotapp-icon.water-management { background-position: 0px -50px; }
li.category:hover > .iotapp-icon.water-management { background-position: -50px -50px; }
li.category.selected > .iotapp-icon.water-management { background-position: -150px -50px; }

.iotapp-icon.environment { background-position: -100px -100px; }
li.category > .iotapp-icon.environment { background-position: 0px -100px; }
li.category:hover > .iotapp-icon.environment { background-position: -50px -100px; }
li.category.selected > .iotapp-icon.environment { background-position: -150px -100px; }

.iotapp-icon.farming { background-position: -100px -150px; }
li.category > .iotapp-icon.farming { background-position: 0px -150px; }
li.category:hover > .iotapp-icon.farming { background-position: -50px -150px; }
li.category.selected > .iotapp-icon.farming { background-position: -150px -150px; }

.iotapp-icon.smart-cities { background-position: -100px -200px; }
li.category > .iotapp-icon.smart-cities { background-position: 0px -200px; }
li.category:hover > .iotapp-icon.smart-cities { background-position: -50px -200px; }
li.category.selected > .iotapp-icon.smart-cities { background-position: -150px -200px; }

.iotapp-icon.energy { background-position: -100px -250px; }
li.category > .iotapp-icon.energy { background-position: 0px -250px; }
li.category:hover > .iotapp-icon.energy { background-position: -50px -250px; }
li.category.selected > .iotapp-icon.energy { background-position: -150px -250px; }

.iotapp-icon.manufacturing { background-position: -100px -300px; }
li.category > .iotapp-icon.manufacturing { background-position: 0px -300px; }
li.category:hover > .iotapp-icon.manufacturing { background-position: -50px -300px; }
li.category.selected > .iotapp-icon.manufacturing { background-position: -150px -300px; }

.iotapp-icon.logistics { background-position: -100px -350px; }
li.category > .iotapp-icon.logistics { background-position: 0px -350px; }
li.category:hover > .iotapp-icon.logistics { background-position: -50px -350px; }
li.category.selected > .iotapp-icon.logistics { background-position: -150px -350px; }

.iotapp-icon.building-management { background-position: -100px -400px; }
li.category > .iotapp-icon.building-management { background-position: 0px -400px; }
li.category:hover > .iotapp-icon.building-management { background-position: -50px -400px; }
li.category.selected > .iotapp-icon.building-management { background-position: -150px -400px; }

/* Loading bar */

#loading-bar {
	position: fixed;
	z-index: 100003;
	height: 3px;
	background-color: #2bb5e9;
	top: 0;
	left: 0;
	right: auto;
	width: 0%;
	opacity: 0;
	transition: opacity .2s ease-in-out;
 	-moz-transition: opacity .2s ease-in-out;
 	-webkit-transition: opacity .2s ease-in-out;
}

#loading-bar.loading {
	opacity: 1;
	animation-duration: .75s;
	-moz-animation-duration: .75s;
	-webkit-animation-duration: .75s;
	animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-name: load;
	-moz-animation-name: load;
	-webkit-animation-name: load;
}

@keyframes load {
	from { 
		width: 0%; 
		left: 0px;
		right: auto;
	}
	30% { 
		width: 100%;
		left: 0px;
		right: auto;
	}
	60% {
		width: 100%;
		left: auto;
		right: 0px;
	}
	90% { 
		width: 0%; 
		left: auto;
		right: 0px;
	}
}

@-webkit-keyframes load {
	from { 
		width: 0%; 
		left: 0px;
		right: auto;
	}
	30% { 
		width: 100%;
		left: 0px;
		right: auto;
	}
	60% {
		width: 100%;
		left: auto;
		right: 0px;
	}
	90% { 
		width: 0%; 
		left: auto;
		right: 0px;
	}
}

@-moz-keyframes load {
	from { 
		width: 0%; 
		left: 0px;
		right: auto;
	}
	30% { 
		width: 100%;
		left: 0px;
		right: auto;
	}
	60% {
		width: 100%;
		left: auto;
		right: 0px;
	}
	90% { 
		width: 0%; 
		left: auto;
		right: 0px;
	}
}

/* Device tags */

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container,
.device-registration-popup .device-registration-form .tag-container {
	width: 270px;
	margin-bottom: 25px;
	float: right;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container {
	display: none;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container .tag,
.device-registration-popup .device-registration-form .tag-container .tag {
	color: #333;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container .tag.selected,
.device-registration-popup .device-registration-form .tag-container .tag.selected {
	color: #fff;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container .tag .tag-name,
.device-registration-popup .device-registration-form .tag-container .tag .tag-name {
	vertical-align: top;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container .tag .tag-count,
.device-registration-popup .device-registration-form .tag-container .tag .tag-count {
	color: #aaa;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container .tag.selected .tag-count,
.device-registration-popup .device-registration-form .tag-container .tag.selected .tag-count {
	color: #fff;
}

.device-registration-popup .device-registration-form .buttons {
	clear: both;
	text-align: right;
	position: relative;
}

.device-registration-popup .device-registration-form .buttons button.delete {
	position: absolute;
	bottom: 6px;
	left: 0;
}

.device-registration-popup .device-registration-form .tags {
	overflow: hidden;
}

.device-registration-popup .device-registration-form .more-tags {
	text-align: right;
	color: #2bb5e9;
	margin-bottom: 8px;
	font-size: 12px;
}

.device-registration-popup .device-registration-form .more-tags:hover {
	color: #0882b6;
	cursor: pointer;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container .tag,
.activity-devices .tags .tag,
.device-registration-popup .device-registration-form .tag-container .tag {
	border: 1px solid #eee;
	border-radius: 2px;
	padding: 1px 10px;
	margin: 0 4px 4px 0;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
	font-size: 12px;
}

.activity-devices .tags .tag {
	color: #333;
	position: relative;
	padding-right: 20px;
	display: inline-block;
}

.activity-devices .tags .tag:hover {
	cursor: pointer;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container .tag,
.device-registration-popup .device-registration-form .tag-container .tag {
	float: left;
}

.activity-devices .container .container-outer .grid .tags .tag .delete {
	position: absolute;
	top: 1px;
	right: 1px;
	background: url('assets/icons-delete-cancel-white-grey.png') no-repeat;
	width: 17px;
	height: 17px;
	background-size: 100%;
	background-position: left -34px;
}

.activity-devices .container .container-outer .grid .tags .tag .delete:hover {
	background-position: left -51px;
}

.activity-devices .container .container-outer .grid .tags .tag.selected .delete {
	background-position: left top;
}

.activity-devices .container .container-outer .grid .tags .tag.selected .delete:hover {
	background-position: left -17px;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container .tag:hover .delete,
.device-registration-popup .device-registration-form .tag-container .tag:hover .delete {
	color: #0882b6;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container .tag.add-new,
.activity-devices .container .container-outer .grid .tags .tag.new,
.device-registration-popup .device-registration-form .tag-container .tag.add-new {
	border-color: #2bb5e9;
	color: #2bb5e9;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container .tag:hover,
.activity-devices .tags .tag:hover,
.device-registration-popup .device-registration-form .tag-container .tag:hover {
	border-color: #0882b6;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container .tag.selected:hover,
.activity-devices .tags .tag.selected:hover,
.device-registration-popup .device-registration-form .tag-container .tag.selected:hover {
	border-color: #1ac798;
	background-color: #1ac798;
}

#page.iot-applications.iotapp-plc-data-insights-and-alerts .tag-container .tag.flash,
.device-registration-popup .device-registration-form .tag-container .tag.flash {
	animation-name: tag-flash;
	animation-duration: .6s;
}

@keyframes tag-flash {
	0% {
		border-color: #eee;
		color: #333;
	} 
	50% {
		border-color: #0882b6;
		color: #0882b6;
	}
	100% {
		border-color: #eee;
		color: #333;
	}
}

#page.iotapp-plc-data-insights-and-alerts .tag-container .tag.selected.flash,
.device-registration-popup .device-registration-form .tag-container .tag.selected.flash {
	animation-name: tag-selected-flash;
}

@keyframes tag-selected-flash {
	0% {
		background-color: #1edeab;
		border-color: #1edeab;
	} 
	50% {
		border-color: #1ac798;
		background-color: #1ac798;
	}
	100% {
		background-color: #1edeab;
		border-color: #1edeab;
	}
}

#page.iotapp-plc-data-insights-and-alerts .tag-container .tag:active,
.activity-devices .tags .tag:active,
.device-registration-popup .device-registration-form .tag-container .tag:active {
	border-color: #0882b6;
	color: #0882b6;
}

#page.iotapp-plc-data-insights-and-alerts .tag-container .tag.selected,
.activity-devices .tags .tag.selected,
.device-registration-popup .device-registration-form .tag-container .tag.selected {
	background-color: #1edeab;
	border-color: #1edeab;
	color: #fff;
}

#page.iotapp-plc-data-insights-and-alerts .tag-container .tag.elided,
.device-registration-popup .device-registration-form .tag-container .tag.elided {
	max-width: 270px;
}

.activity-devices .tags .tag .tag-name {
	vertical-align: top;
	max-width: 600px;
}


.activity-devices .container .container-outer .grid .tags .tag .tag-count {
	color: #aaa;
}

.activity-devices .container .container-outer .grid .tags .tag.selected .tag-count {
	color: #fff;
}

#page.iotapp-plc-data-insights-and-alerts input#current-tag,
.device-registration-popup input#current-tag {
	height: 14px;
	margin-bottom: 2px;
	margin-right: 4px;
	border: none;
	border-bottom: 1px solid #caecf9;
	outline: 0;
	width: 68px;
	display: none;
	float: left;
}

#page.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .send-an-email,
.device-registration-popup .sensor-alerts-form .send-an-email {
	margin-right: 0;
}

#page.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .send-an-email.single-device,
.device-registration-popup .sensor-alerts-form .send-an-email.single-device {
	display: inline;
}

#page.iotapp-plc-data-insights-and-alerts .sensor-alerts-form span.sensor-alert-unit,
.activity-devices.single-device .device-registration-popup .sensor-alerts-form span.sensor-alert-unit {
	display: none;
	margin-right: 0px;
}

#page.iotapp-plc-data-insights-and-alerts .sensor-alerts-form span.sensor-alert-unit.visible,
.activity-devices.single-device .device-registration-popup .sensor-alerts-form span.sensor-alert-unit.visible {
	display: inline;
}

#page.iotapp-plc-data-insights-and-alerts .sensor-alerts-form-container .send-an-email,
.device-registration-popup .sensor-alerts-form-container .send-an-email,
#page.iotapp-plc-data-insights-and-alerts .sensor-alerts-form-container .email-to,
.device-registration-popup .sensor-alerts-form-container .email-to {
	vertical-align: 0;
	display: inline-block;
}

#page.iotapp-plc-data-insights-and-alerts .page .sensor-alerts-form .emails,
.activity-devices.single-device .tab .sensor-alerts-form .emails {
	border-bottom: 1px solid #caecf9;
	display: inline-block;
	position: relative;
	white-space: normal;
	vertical-align: -11px;
}

#page.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .emails .placeholder,
.activity-devices.single-device .tab .sensor-alerts-form .emails .placeholder {
	color: #ccc;
	position: absolute;
	top: 1px;
	left: 0;
}

#page.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .emails .invite-address,
.activity-devices.single-device .tab .sensor-alerts-form .emails .invite-address {
	border-radius: 6px;
	border-style: solid;
	border-width: 1px;
	margin: 0 5px 5px 0;
	padding-left: 5px;
	border-color: #95daf4;
	float: left;
}

#page.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .emails input.curr-invite,
.activity-devices.single-device .tab .sensor-alerts-form .emails input.curr-invite {
	border: 0;
	visibility: hidden;
	width: auto;
	min-width: 100px;
	background: transparent;
	float: left;
	margin-bottom: 6px;
}

#page.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .emails input.curr-invite {
	height: 10px;
}

.activity-devices.single-device .tab .sensor-alerts-form .emails input.curr-invite {
	height: 14px;
}

/* Location autocomplete */

.ui-widget#addressBox {
	float: right;
}

ul.ui-autocomplete.ui-widget,
.ui-widget input#autocomplete {
	font-family: "Open Sans", "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	border: 1px solid #ccc;
}

.ui-widget input#autocomplete,
ul.ui-autocomplete,
ul.ui-autocomplete li.ui-menu-item {
	width: 260px;
}

body.plc .ui-widget input#autocomplete,
body.plc ul.ui-autocomplete,
body.plc ul.ui-autocomplete li.ui-menu-item {
	width: 431px;
}

.ui-widget input#autocomplete {
	width: 239px;
	padding: 4px 25px 4px 4px;

}

.ui-widget input#autocomplete[data-state="validated"] {
	background: url('assets/icon-signup-fields.gif') right -7px top -6px no-repeat #fff;

}

.ui-widget input#autocomplete[data-state="validating"] {
	background: url('assets/icon-signup-fields.gif') right -7px top -47px no-repeat #fff;
}

ul.ui-autocomplete {
	color: #333;
	padding: 0;
	margin-top: -1px;
	z-index: 100002; /* above tipsy and device registration popup */
	background-color: #fff;
	list-style-type: none;
}

ul.ui-autocomplete li.ui-menu-item {
	padding: 4px;
}

ul.ui-autocomplete .ui-state-focus, 
ul.ui-autocomplete .ui-widget-content .ui-state-focus {
	background: #e9e9e9;
	border: none;
}

.device-registration-form .device-registration-input .lat-lon-container {
	float: right;
	width: 270px;
	margin: 5px 0 10px;
}

.iot-applications .device-registration-form .device-registration-input .lat-lon-container {
	width: 421px;
	font-size: 12px;
}

.device-registration-form .device-registration-input span#lat-lon-toggle {
	color: #2bb5e9;
}

.device-registration-form .device-registration-input span#lat-lon-toggle:hover {
	color: #0882b6;
	cursor: pointer;
}

.device-registration-form .device-registration-input input.latlon {
	display: none;
}

.device-registration-form .device-registration-input input.latlon#latitude {
	margin-bottom: 5px;
}

#pin-selector .callout-container .callout button.safe,
#pin-selector .callout-container .callout button.caution {
	cursor: default;
}

#pin-selector .callout-container .callout button.safe,
#pin-selector .callout-container .callout button.caution,
.activity-devices .safe-bounds button.safe,
.activity-devices .safe-bounds button.caution {
	height: 10px;
	width: 10px;
	border: 1px #ccc solid;
	border-radius: 5px;
	margin-right: 5px;
}

#pin-selector .callout-container .callout .toggle-label.closed button,
.activity-devices .safe-bounds button.safe,
.activity-devices .safe-bounds button.caution {
	background-color: transparent;
}

#pin-selector .callout-container .callout .safe-label.open button.safe,
.activity-devices .safe-bounds .safe-outer-container.open button.safe {
	background-color: #21f5bc;
}

#pin-selector .callout-container .callout .safe-label:hover button.safe,
.activity-devices .safe-bounds .safe-outer-container .safe-label:hover button.safe {
	background-color: #17ae85;
}

#pin-selector .callout-container .callout .caution-label.open button.caution,
.activity-devices .safe-bounds .caution-outer-container.open button.caution {
	background-color: #f47925;
}

#pin-selector .callout-container .callout .caution-label:hover button.caution,
.activity-devices .safe-bounds .caution-outer-container .caution-label:hover button.caution {
	background-color: #cf6804;
}

.activity-devices .safe-bounds .caution-outer-container,
.activity-devices .safe-bounds button.save {
	margin-left: 20px;
}

.activity-devices .safe-bounds .safe-outer-container,
.activity-devices .safe-bounds .caution-outer-container,
.activity-devices .safe-bounds .safe-label,
.activity-devices .safe-bounds .caution-label,
.activity-devices .safe-bounds .closed-label {
	display: inline-block;
}

.activity-devices .safe-bounds .safe-label:hover,
.activity-devices .safe-bounds .caution-label:hover {
	cursor: pointer;
}

.activity-devices .safe-bounds .safe-outer-container .closed-label {
	display: inline-block;
}

.activity-devices .safe-bounds .safe-outer-container .safe-bounds-container {
	display: none;
}

.activity-devices .safe-bounds .safe-outer-container.open .closed-label {
	display: none;
}

.activity-devices .safe-bounds .safe-outer-container.open .safe-bounds-container {
	display: inline-block;
}

.activity-devices .safe-bounds .safe-outer-container + .caution-outer-container {
	display: none;
}

.activity-devices .safe-bounds .safe-outer-container.open + .caution-outer-container {
	display: inline-block;
}

.activity-devices .safe-bounds .caution-outer-container .closed-label {
	display: inline-block;
}

.activity-devices .safe-bounds .caution-outer-container .caution-container {
	display: none;
}

.activity-devices .safe-bounds .caution-outer-container.open .closed-label {
	display: none;
}

.activity-devices .safe-bounds .caution-outer-container.open .caution-container {
	display: inline-block;
}

/* PLC */

/* Alerts */

.activity-devices.single-device .alert-controls,
.iotapp-plc-data-insights-and-alerts .alert-controls {
	height: 16px;
	margin-bottom: 38px;
	display: inline-block;
}

.activity-devices.single-device .alert-controls:hover,
.iotapp-plc-data-insights-and-alerts .alert-controls:hover {
	cursor: pointer
}

.activity-devices.single-device .alert-controls .icon.add,
.iotapp-plc-data-insights-and-alerts .alert-controls .icon.add {
	background: url(assets/button-add-alert.png) no-repeat;
	background-size: 16px 48px;
	width: 16px;
	height: 16px;
	display: inline-block;
}

.activity-devices.single-device .alert-controls:hover .icon.add,
.iotapp-plc-data-insights-and-alerts .alert-controls:hover .icon.add,
.activity-devices.single-device .alert-controls:active .icon.add,
.iotapp-plc-data-insights-and-alerts .alert-controls:active .icon.add {
	background-position: 0 -16px;
}

.activity-devices.single-device .alert-controls span.add-alert,
.iotapp-plc-data-insights-and-alerts .alert-controls span.add-alert {
	vertical-align: top;
}

.activity-devices.single-device .alert-controls:hover span.add-alert,
#page.iotapp-plc-data-insights-and-alerts .create-sensor-alerts .box .alert-controls:hover span.add-alert,
#page.iotapp-plc-data-insights-and-alerts .set-alerts-on-diagnostics .box .alert-controls:hover span.add-alert {
	color: #0882b6;
}

.activity-devices.single-device .sensor-alerts-form .icon.remove,
.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .icon.remove {
	background: url(assets/button-delete-alert.png) no-repeat;
	background-size: 30px 90px;
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: top;
}

.activity-devices.single-device .sensor-alerts-form .icon.remove:hover,
.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .icon.remove:hover {
	background-position: 0 -30px;
	cursor: pointer;
}

.activity-devices.single-device .sensor-alerts-form  .icon.remove:active,
.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .icon.remove:active {
	background-position: 0 -60px;
}

.activity-devices.single-device .sensor-alerts-form .sensor-alerts-body,
.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .sensor-alerts-body {
	display: inline-block;
	vertical-align: top;
	margin-top: 4px;
}

/* Slider/Switch UI elements (PLC and Library) */

.activity-devices.single-device .sensor-alerts-form .sensor-alerts-body .binary-selector,
.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .sensor-alerts-body .binary-selector {
	display: none;
}

.activity-devices.single-device .sensor-alerts-form .sensor-alerts-body .binary-selector.visible,
.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .sensor-alerts-body .binary-selector.visible {
	display: inline-block;
	vertical-align: top;
	margin-right: 2px;
}

.activity-devices.single-device .sensor-alerts-form .sensor-alerts-body .compared-value,
.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .sensor-alerts-body .compared-value {
	display: none;
}

.activity-devices.single-device .sensor-alerts-form .sensor-alerts-body .compared-value.visible,
.iotapp-plc-data-insights-and-alerts .sensor-alerts-form .sensor-alerts-body .compared-value.visible {
	display: inline-block;
}

.activity-devices.single-device .sensor-alerts-body a.switch.digital-value,
.iotapp-plc-data-insights-and-alerts .sensor-alerts-body a.switch.digital-value {
	width: 55px;
}

.activity-devices.single-device .plc-pin-container a.switch.digital-value,
.iotapp-plc-data-insights-and-alerts .plc-pin-container a.switch.digital-value {
	width: 25px;
}

.details-view .item-view .trigger .condition a.switch,
.sensor-alerts-form .sensor-alerts-body a.switch,
.plc-wireframe .plc-pin-container a.switch {
	background: #95daf4;
	border-color: #caecf9;
	color: #333;
}

.details-view .item-view .trigger .condition a.switch,
.details-view .item-view .trigger .condition a.signal.digital-only, 
.details-view .item-view .trigger .condition a.signal.analog-only,
.sensor-alerts-form .sensor-alerts-body a.switch,
.plc-wireframe .plc-pin-container a.switch {
	margin: 2px 4px 0 0;
	height: 18px;
	border:1px solid #caecf9;
	font-size: 10px;
	display: inline-block;
	font-weight: bold;
}

.details-view .item-view .trigger .condition a.switch:hover,
.sensor-alerts-form .sensor-alerts-body a.switch:hover,
.plc-wireframe .plc-pin-container a.switch:hover {
	background: #2bb5e9;
	border-color: #95daf4;
	color: #333;
}

.details-view .item-view .trigger .condition a.switch:active,
.sensor-alerts-form .sensor-alerts-body a.switch:active,
.plc-wireframe .plc-pin-container a.switch:active {
	background: #2bb5e9;
	border-color: #95daf4;
	color: #333;
}

.activity-devices.single-device .sensor-alerts-body a.switch.digital-value .slider,
.iotapp-plc-data-insights-and-alerts .sensor-alerts-body a.switch.digital-value .slider,
.activity-devices.single-device .plc-pin-container a.switch.digital-value .slider,
.iotapp-plc-data-insights-and-alerts .plc-pin-container a.switch.digital-value .slider {
	width: 102px;
}

.activity-devices.single-device .sensor-alerts-body a.switch .slider,
.iotapp-plc-data-insights-and-alerts .sensor-alerts-body a.switch .slider,
.activity-devices.single-device .plc-pin-container a.switch.digital-value .slider,
.iotapp-plc-data-insights-and-alerts .plc-pin-container a.switch.digital-value .slider {
	height: 18px;
}

.activity-devices.single-device .sensor-alerts-body a.switch.digital-value span,
.iotapp-plc-data-insights-and-alerts .sensor-alerts-body a.switch.digital-value span,
.activity-devices.single-device .plc-pin-container a.switch.digital-value span,
.iotapp-plc-data-insights-and-alerts .plc-pin-container a.switch.digital-value span {
	width: 40px;
	height: 18px;
	line-height: 18px;
	padding: 0 3px;
	text-align: center;
}

#pin-selector .board .pins .callout .switch.unit-selector,
.activity-devices.single-device .plc-pin-container .switch.unit-select,
.iotapp-plc-data-insights-and-alerts .plc-pin-container .switch.unit-select {
	width: 33px;
	vertical-align: top;
	display: none;
	margin-left: 5px;
	margin-right: 0;
}

#pin-selector .board .pins .callout .switch .slider,
.activity-devices.single-device .plc-pin-container .switch .slider,
.iotapp-plc-data-insights-and-alerts .plc-pin-container .switch .slider {
	height: 18px;
}

.activity-devices.single-device .plc-pin-container .switch.unit-select.visible,
.iotapp-plc-data-insights-and-alerts .plc-pin-container .switch.unit-select.visible {
	display: inline-block;
	margin-top: 3px;
}

#pin-selector .board .pins .callout .switch.unit-selector span,
.activity-devices.single-device .plc-pin-container .switch.unit-select span,
.iotapp-plc-data-insights-and-alerts .plc-pin-container .switch.unit-select span {
	width: 19px;
}

#pin-selector .board .pins .callout .switch span,
.plc-pin-container .switch.unit-select span {
	height: 18px;
	line-height: 18px;
	padding: 0 3px;
	text-align: center;
}

#pin-selector .board .pins .callout .switch.unit-selector .slider,
.activity-devices.single-device .plc-pin-container .switch.unit-select .slider,
.iotapp-plc-data-insights-and-alerts .plc-pin-container .switch.unit-select .slider {
	width: 59px;
}

#pin-selector .board .pins .callout .switch.unit-selector .slider.second,
.activity-devices.single-device .plc-pin-container .switch.unit-select .slider.second,
.iotapp-plc-data-insights-and-alerts .plc-pin-container .switch.unit-select .slider.second {
	left: -25px;
}

/* Module tabs */

.module-tabs .module-tab {
	display: none;
	font-weight:normal; 
	border: 2px solid #caecf9;
	border-bottom: none;
	border-top-left-radius:6px; 
	border-top-right-radius:6px;
	padding: 5px 7px 5px 7px;
	margin-bottom: -1px;
	margin-right: 2px;
	height: 18px;
	word-wrap: normal;
	cursor: pointer;
	text-align: center;
	vertical-align: bottom;
	font-size: 12px;
	color: #2bb5e9;
}

.module-tabs .module-tab:hover {
	cursor: pointer;
}

.module-tabs .module-tab:not(.add):hover {
	color: #0882b6;
}

.module-tabs .module-tab:not(.add):hover .icon.close,
.activity-devices .bar-container .title.selected .device-registration-popup .module-tabs.removable .module-tab:not(.add):hover button.close  {
	visibility: visible;
}

.module-tabs .module-tab.visible {
	display: inline-block;
}

.module-tabs .module-tab.visible.selected {
	font-weight: bold;
	color: #333;
}

.module-tabs .module-tab .icon.close {
	display: none;
}

.module-tabs.removable .module-tab .icon.close,
.activity-devices .bar-container .title.selected .device-registration-popup .module-tabs.removable .module-tab button.close {
	position: relative;
	padding: 0;
	margin: 0 0 0 2px;
	width: 16px;
	height: 16px;
	background: url('assets/button-close-tab-new.png') no-repeat;
	display: inline-block;
	visibility: hidden;
	background-size: 100%;
	vertical-align: -4px;
}

.activity-devices .bar-container .title.selected .device-registration-popup .module-tabs.removable .module-tab button.close {
	top: 0;
	right: 0;
}

.module-tabs.removable .module-tab .icon.close:hover,
.activity-devices .bar-container .title.selected .device-registration-popup .module-tabs.removable .module-tab button.close:hover {
	background-position: left -16px;
	cursor: pointer;
}

.module-tabs.removable .module-tab .icon.close:active,
.activity-devices .bar-container .title.selected .device-registration-popup .module-tabs.removable .module-tab button.close:active {
	background-position: left -32px;
	cursor: pointer;
}

.module-tabs .module-tab.add {
	position: relative;
}

.module-tabs .module-tab.add .add-icon {
	width: 16px;
	height: 16px;
	background: url('assets/button-plus-new.png') no-repeat;
	background-size: 16px;
}

.module-tabs .module-tab.add:hover .add-icon {
	background-position: left -18px;
}

.module-tabs .module-select,
#page.iot-applications .module-tabs .callout.module-select {
	width: 260px;
	border: 1px solid #95daf4;
	box-shadow: none;
	text-align: left;
	top: 35px;
	left: -7px;
	padding-bottom: 10px;
}

.module-tabs .module-select .head-callout.top {
	top: -1px;
	left: 25px;
	transform: rotate(90deg);
}

.module-tabs .module-select .head-callout.top .arrow-bg {
	border-right: 13px solid #fff;
	left: -12px;
}

.module-tabs .module-select {
	font-size: 12px;
}

.module-tabs .module-select ul {
	margin: 0;
	padding: 0;
}

.module-tabs .module-select ul li.module-option {
	list-style-type: none;
	font-weight: bold;
	background-image: url('assets/button-add-sensor-actuator-new.png');
	background-position: 0 0;
	height: 16px;
	line-height: 18px;
	background-size: 16px;
	padding-left: 20px;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

.module-tabs .module-select ul li.module-option:hover {
	color: #0882b6;
	cursor: pointer;
	background-position: 0 -18px;
}

.module-tabs .module-select ul li.module-option.hidden {
	display: none;
}

.modules .module {
	display: none;
}

.modules .module.selected {
	display: block;
}

.plc-wireframe {
	background-image: url('files/plc-wireframe.png');
	background-size: 100%;
	width: 591px;
	height: 320px;
	position: relative;
	margin-bottom: 50px;
}

.plc-wireframe .plc-row {
	position: absolute;
}

.plc-wireframe .plc-row.top {
	top: 18px;
	left: 56px;
}

.plc-wireframe .plc-row.bottom {
	bottom: 14px;
	right: 56px;
}

.plc-wireframe .plc-pin-bank {
	display: inline-block;
}

.plc-wireframe .plc-pin {
	background-image: url('files/plc-circles.png');
	background-repeat: no-repeat;
	background-size: 30px;
	height: 30px;
	width: 30px;
	display: inline-block;
	background-position: left -2px top -32px;
	margin-right: -6px;
	position: relative;
	text-align: center;
}

.plc-wireframe .plc-pin-container.selected .plc-pin {
	background-position: left -2px top -92px;
}

.plc-wireframe .plc-pin-container.selected .plc-pin.flipped {
	background-position: left 2px top -122px;
}

.plc-wireframe .plc-pin-container:hover .plc-pin:not(.disabled):not(.selected) {
	cursor: pointer;
	background-position: left -2px top -92px;
}

.plc-wireframe .plc-pin-container:hover .plc-pin.flipped:not(.disabled):not(.selected) {
	cursor: pointer;
	background-position: left 2px top -122px;
}

.plc-wireframe .plc-pin-container:hover .plc-pin:not(.disabled):not(.selected) .plc-pin-label {
	color: #0882b6;
}

.plc-wireframe p.error {
    white-space: normal;
    color: #c00;
    display: none;
    margin-top: 5px;
}

.plc-wireframe p.error.visible {
	display: block;
}

.plc-wireframe .plc-pin.disabled {
	background-position: left -2px top -2px;
}

.plc-wireframe .plc-pin.disabled .plc-pin-label {
	display: none;
}

.plc-wireframe .plc-pin.selected {
	background-position: left -2px top -62px;
}

.plc-wireframe .plc-pin.selected .plc-pin-label {
	color: #42b5e9;
}

.plc-wireframe .plc-pin.flipped {
	transform: scaleX(-1);
	background-position: left 2px top -62px;
}

.plc-wireframe .plc-pin-container:hover .plc-pin.flipped:not(.disabled):not('.selected'),
.plc-wireframe .plc-pin-container.selected .plc-pin.flipped:not(.disabled) {
	background-position: left 2px top -122px;
}

.plc-wireframe .plc-pin.flipped .plc-pin-label {
	transform: scaleX(-1);
}

.plc-wireframe .plc-pin-label {
	position: absolute;
	font-weight: 300;
	color: #bbb;
}

.plc-wireframe .plc-pin .plc-pin-label {
	top: 45px;
	left: 0;
	right: 0;
}

.plc-wireframe .plc-pin-label {
	color: #999;
	top: 45px;
	left: 9px;
	font-size: 14px;
}

.plc-wireframe .plc-pin-bracket {
	position: absolute;
	top: 66px;
}

.plc-wireframe .plc-pin-bracket .plc-pin-label {
	top: 11px;
	left: 0;
}

.plc-wireframe .plc-pin-bracket.left {
	left: 165px;
}

.activity-devices .plc-wireframe .plc-pin-bracket.left {
	left: 162px;
}

.plc-wireframe .plc-pin-bracket.right {
	left: 432px;
}

.activity-devices .plc-wireframe .plc-pin-bracket.right {
	left: 425px;
}

.plc-wireframe .plc-pin-bracket .plc-pin-bracket-line {
	border: 1px solid #999;
	border-top: 0;
	height: 8px;
	position: absolute;
}

.plc-wireframe .plc-pin-bracket.left .plc-pin-bracket-line {
	width: 218px;
}

.plc-wireframe .plc-pin-bracket.right .plc-pin-bracket-line {
	width: 51px;
}

.plc-wireframe .spacer {
	display: inline-block;
	width: 14px;
}

.plc-wireframe .plc-pin-container {
	display: inline-block;
	position: relative;
}

.plc-wireframe .plc-pin-container .callout-container {
	position: absolute;
	top: 27px;
	left: -4px;
	display: none;
}

.plc-wireframe .plc-pin-bank.right .plc-pin-container .callout-container {
	left: -170px;
}

.plc-wireframe .plc-pin-container .callout-container .hover-container {
	padding-right: 13px;
}

.plc-wireframe .plc-pin-container .callout,
#page.iot-applications .plc-wireframe .plc-pin-container .callout {
	font-size: 12px;
	border: 1px solid #95daf4;
	box-shadow: none;
	display: block;
	text-align: left;
	position: relative;
	top: 13px;
	padding: 10px;
	width: auto;
}

.plc-wireframe .plc-pin-container .callout .head-callout {
	top: -14px;
}

.plc-wireframe .plc-pin-bank.right .plc-pin-container .callout .head-callout {
	right: 22px;
}

.plc-wireframe .plc-pin-container .callout .head-callout .arrow-callout.line-up-left {
	left: 6px;
}

.plc-wireframe .plc-pin-container .callout .head-callout .arrow-callout.line-up-right {
	left: 7px;
}

.plc-wireframe .plc-pin-container .callout .head-callout .arrow-bg {
	left: -2px;
	top: -7px;
}

.plc-wireframe .plc-pin-container .callout .callout-step {
	display: none;
}

.plc-wireframe .plc-pin-container .callout .callout-step.sensor-type {
	display: block;
}

.plc-wireframe .plc-pin-container .callout ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.plc-wireframe .plc-pin-container .callout ul.sensor-type li.option-label-only {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin-bottom: 6px;
	pointer-events: none;
}

.plc-wireframe .plc-pin-container .callout ul.sensor-type li {
	padding: 2px 0;
	width: 178px;
}

.plc-wireframe .plc-pin-container .callout ul.sensor-type li > * {
	vertical-align: -5px;
}

.plc-wireframe .plc-pin-container .callout ul.sensor-type li .transducer-icon {
	background: url('assets/icons-sensors-sparklines-and-setup.png') no-repeat;
	background-size: 160px 80px;
	height: 20px;
	width: 20px;
	display: inline-block;
	margin-right: 5px;
}

.plc-wireframe .plc-pin-container .callout ul.sensor-type li .transducer-icon[data-medium="Motion"] { background-position: 0px 0px; }
.plc-wireframe .plc-pin-container .callout ul.sensor-type li:hover .transducer-icon[data-medium="Motion"] { background-position: 0px -40px; }

.plc-wireframe .plc-pin-container .callout ul.sensor-type li .transducer-icon[data-medium="Temperature"] { background-position: -20px 0px; }
.plc-wireframe .plc-pin-container .callout ul.sensor-type li:hover .transducer-icon[data-medium="Temperature"] { background-position: -20px -40px; }

.plc-wireframe .plc-pin-container .callout ul.sensor-type li .transducer-icon[data-medium="Liquid Level Switch"] { background-position: -40px 0px; }
.plc-wireframe .plc-pin-container .callout ul.sensor-type li:hover .transducer-icon[data-medium="Liquid Level Switch"] { background-position: -40px -40px; }

.plc-wireframe .plc-pin-container .callout ul.sensor-type li .transducer-icon[data-medium="Distance"] { background-position: -60px 0px; }
.plc-wireframe .plc-pin-container .callout ul.sensor-type li:hover .transducer-icon[data-medium="Distance"] { background-position: -60px -40px; }

.plc-wireframe .plc-pin-container .callout ul.sensor-type li .transducer-icon[data-medium="Light"] { background-position: -80px 0px; }
.plc-wireframe .plc-pin-container .callout ul.sensor-type li:hover .transducer-icon[data-medium="Light"] { background-position: -80px -40px; }

.plc-wireframe .plc-pin-container .callout ul.sensor-type li .transducer-icon[data-medium="Gas"] { background-position: -100px 0px; }
.plc-wireframe .plc-pin-container .callout ul.sensor-type li:hover .transducer-icon[data-medium="Gas"] { background-position: -100px -40px; }

.plc-wireframe .plc-pin-container .callout ul.sensor-type li .transducer-icon[data-medium="Pressure"] { background-position: -120px 0px; }
.plc-wireframe .plc-pin-container .callout ul.sensor-type li:hover .transducer-icon[data-medium="Pressure"] { background-position: -120px -40px; }

.plc-wireframe .plc-pin-container .callout ul.sensor-type li .transducer-icon[data-medium="Other"] { background-position: -140px 0px; }
.plc-wireframe .plc-pin-container .callout ul.sensor-type li:hover .transducer-icon[data-medium="Other"] { background-position: -140px -40px; }

.plc-wireframe .plc-pin-container .callout ul.sensor-type li:hover {
	color: #0882b6;
	background-color: #e4f5fc;
	cursor: pointer;
}

.plc-wireframe .plc-pin-container .callout .transducer-header {
	color: #aaa;
	padding: 10px 10px 0 10px;
}

.plc-wireframe .plc-pin-container .callout .transducer-header {
	padding: 0 0 10px 0;
	width: 168px;
}

.plc-wireframe .plc-pin-container .callout .medium {
	font-weight: bold;
}

.plc-wireframe .plc-pin-container .callout .direction {
	font-size: 10px;
}

.plc-wireframe .plc-pin-container .callout select.voltage-selector {
	width: 176px;
}

.plc-wireframe .plc-pin-container .callout .buttons {
	text-align: right;
	margin-top: 10px;
}

.plc-wireframe .plc-pin-container .callout .buttons .button {
	font-size: 10px;
	border-radius: 10px;
	padding: 2px 10px;
}

.plc-wireframe .plc-pin-container .callout .buttons .button + .button {
	margin-left: 3px;
}

.plc-wireframe .plc-pin-container .callout .signal.digital-only,
.plc-wireframe .plc-pin-container .callout .signal.analog-only {
	width: 48px;
	text-align: center;
	overflow: hidden;
	text-transform: uppercase;
	color: #333;
	border:1px solid #333;
	height: 18px;
	line-height: 18px;
	padding: 0 3px;
	cursor: default;
	position: absolute;
	right: 9px;
	top: 11px;
	margin: -1px 1px 0 0;
}

@media screen and (min-width:0\0) { 
.plc-wireframe .plc-pin-container .callout .signal.digital-only,
.plc-wireframe .plc-pin-container .callout .signal.analog-only {
	line-height: 20px;
}
}

.plc-wireframe .plc-pin-container .callout input[name="transducer-name"],
.activity-devices .bar-container .title.selected .plc-wireframe .plc-pin-container .callout input[name="transducer-name"] {
	width: 168px;
	margin-bottom: 15px;
	padding: 4px;
}

.plc-wireframe .plc-pin-container .callout input.unit-select-displayed[name="transducer-name"],
.activity-devices .bar-container .title.selected .plc-wireframe .plc-pin-container .callout input.unit-select-displayed[name="transducer-name"] {
	display: inline-block;
	width: 124px;
}

.activity-devices .bar-container .title.selected .plc-wireframe .plc-pin-container .callout input {
	height: auto;
}

.plc-wireframe .plc-pin-container .callout select.unit-select,
.plc-wireframe .plc-pin-container .callout select.frequency-select {
	width: 176px;
}

.plc-wireframe .plc-pin-container .callout select.unit-select {
	display: none;
}

.plc-wireframe .plc-pin-container .callout .selectBox.unit-select,
.plc-wireframe .plc-pin-container .callout .bounds {
	margin-bottom: 15px;
}

.plc-wireframe .plc-pin-container .callout .selectBox.frequency-select {
	margin-bottom: 5px;
}

.plc-wireframe .plc-pin-container .callout .bounds input, 
.activity-devices .bar-container .title.selected .plc-wireframe .plc-pin-container .callout .bounds input {
	width: 50px;
}

.plc-wireframe .plc-pin-container .callout .label {
	margin-bottom: 5px;
}

.plc-wireframe .plc-pin-container .callout .bounds .dash {
	margin: 0 2px;
}

.plc-wireframe .plc-pin-container .callout .bounds .unit {
	margin-left: 5px;
}

.plc-wireframe .plc-pin-container .callout .variable-name,
.activity .activity-devices .bar-container .title.selected .plc-wireframe .plc-pin-container .callout .variable-name.elided {
	background-color: #eee;
	padding: 4px 6px;
	width: 166px;
}

.plc-wireframe .plc-pin-container .callout .menu,
#page.iot-applications .plc-wireframe .plc-pin-container .callout .menu {
	background: url('assets/pin-button-callouts.png') no-repeat;
	margin-right: 10px;
	font-weight: bold;
	color: #2bb5e9;
	padding-left: 15px;
	line-height: 12px;
	display: inline-block;
}

.plc-wireframe .plc-pin-container .callout .menu:last-child,
#page.iot-applications .plc-wireframe .plc-pin-container .callout .menu:last-child {
	margin-right: 0;
}

.plc-wireframe .plc-pin-container .callout .menu:hover, 
#page.iot-applications .plc-wireframe .plc-pin-container .callout .menu:hover {
	color: #0882b6;
	cursor: pointer;
}

.plc-wireframe .plc-pin-container .callout .menu.edit,
#page.iot-applications .plc-wireframe .plc-pin-container .callout .menu.edit {
	background-position: left -24px;
}

.plc-wireframe .plc-pin-container .callout .menu.edit:hover,
#page.iot-applications .plc-wireframe .plc-pin-container .callout .menu.edit:hover {
	background-position: left -36px;
}

.plc-wireframe .plc-pin-container .callout .menu.off,
#page.iot-applications .plc-wireframe .plc-pin-container .callout .menu.off {
	background-position: left -48px;
}

.plc-wireframe .plc-pin-container .callout .menu.off:hover,
#page.iot-applications .plc-wireframe .plc-pin-container .callout .menu.off:hover {
	background-position: left -60px;
}

.input-module-container {
	margin-bottom: 20px;
	white-space: nowrap;
}

.input-module-input {
	display: inline-block;
	margin-right: 9px;
}

.input-module-input input.input-start-address {
	width: 21px;
}

.input-module-container label {
	text-transform: none;
	font-size: 14px;
	line-height: 24px;
	font-size: 14px;
	vertical-align: middle;
	position: relative;
	display: inline-block;
	margin: 0;
}

/* Input alerts */

#page-iotapplications-index-iotapp-plc-data-insights-and-alerts .input-alert,
.activity.plc .input-alert {
	font-size: 12px;
	color: #ff1700;
	margin-top: -5px;
	display: none;
}

#page.iot-applications .input-alert#gateway-name-alert {
	position: absolute;
}

#page-iotapplications-index-iotapp-plc-data-insights-and-alerts .input-alert.visible,
.activity.plc .input-alert.visible {
	display: block;
}

#page-iotapplications-index-iotapp-plc-data-insights-and-alerts .input-alert.multi-device {
	text-align: center;
	margin-top: 10px;
}

#page.iot-applications .input-alert#gateway-creation-alert {
	text-align: center;
	width: 626px;
}

#page.iot-applications .input-alert.start-address-alert,
.activity.plc .input-alert.start-address-alert,
#page.iot-applications .input-alert.start-address-interval-alert,
.activity.plc .input-alert.start-address-interval-alert {
	margin-top: 10px;
}/**
 * Styles for specific applications, e.g masking elements of certain
 * types/classes are in temboo.css (or others) where those applications
 * are relevant
 */

/**
 * 	'lightbox' plugin styles
 */
.tmb-lightbox {
	display:none;
}

#tmb-copyable-mask {
	background:transparent;
	display:none;
	position:absolute;
}

#tmb-lightbox {
	background:#fff;
	display:none;
	height:auto;
	left:50%;
	overflow:auto;
	padding:30px;
	position:fixed;
	top:50%;
	z-index:100001;
	max-height: 90%;
	max-width: 1100px;
	border-radius: 8px;
	box-shadow: 0px 0px 10px 2px rgba(102, 102, 102, 0.35);
}

#tmb-lightbox > .content .title {
	margin:0 0 20px;
}

#tmb-lightbox > .content .title.done {
	font-weight: bold;
}

#tmb-lightbox .error {
	margin-bottom:20px;
	z-index: 1;
	float:none;
}

#tmb-lightbox > .tmb-lightbox-overlay {
	background-color:#fff;
	bottom:0;
	display:none;
	left:0;
	opacity:0.85;
	position:absolute;
	right:0;
	top:0;
	z-index:1001;
	padding: 20px; /* may have to correct elsewhere */
}

#tmb-lightbox > .tmb-lightbox-overlay.async {
	background:#fff url('assets/spinner.gif') center center no-repeat;
}

#tmb-lightbox > .tmb-lightbox-overlay > .tmb-lightbox-confirmation {
	display:none;
	text-align:center;
}

#tmb-lightbox > .tmb-lightbox-overlay > .tmb-lightbox-confirmation .buttons {
	text-align:center;
}

#tmb-lightbox > button.close {
	position: absolute;
	right: 0;
	top: 0;
	margin: 10px;
}

#tmb-lightbox .buttons,
.lightbox .buttons {
	text-align: right;
	position: relative;
}

#tmb-lightbox form {
	margin:0;
	padding:0;
}

#tmb-lightbox-mask {
	background:#000;
	bottom:0;
	display:none;
	left:0;
	opacity:0.3;
	position:fixed;
	right:0;
	top:0;
	z-index:100000;
}

#tmb-lightbox-placeholder {
	display:none;
}

body.lightboxed {
	overflow:hidden;
}

/**
 * 'videobox' plugin styles, which generally just override default 'lightbox' plugin styles
 */
#tmb-lightbox.tmb-videobox {
	background-color:transparent;
	overflow:visible;
	padding:15px; /* half of close button width */
}

#tmb-lightbox.tmb-videobox .content {
	background-color:#fff;
	padding:15px;
}

#tmb-lightbox.tmb-videobox > button.close,
#tmb-lightbox.tmb-videobox > button.close-video {
	background:#2bb5e9 url(assets/button-close-round.png) no-repeat center center;
	border:solid 2px #fff;
	display:none;
	height:32px;
	position:absolute;
	right:0;
	top:0;
	width:32px;
	margin:0;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
}

#tmb-lightbox.tmb-videobox > button.close-video {
	display: block; /* temporary */
}

#tmb-lightbox.tmb-videobox > button.close:hover,
#tmb-lightbox.tmb-videobox > button.close-video:hover {
	background-color:#0882b6;
}

#tmb-lightbox.tmb-videobox > button.close:active,
#tmb-lightbox.tmb-videobox > button.close-video:active {
	background-color:#f47925;
}

/**
 * 	Spinner
 */
.tmb-spinner {
	display:none;
	position:absolute;
}

/**
 * 	Toggle Button
 */
.tmb-toggle-button {
	display:inline-block;
}

.tmb-toggle-button > button.option {
	background-color:#fff;
	border:solid 1px #95daf4;
	color:#95daf4;
	font-size:10px;
	font-weight:bold;
	line-height:10px;
	margin:0;
	padding:2px 8px;
	position:relative; /* z-index req */
	vertical-align:middle;
	text-transform:capitalize;
	height:18px;
}

@-moz-document url-prefix() {
.tmb-toggle-button > button.option {
	line-height:11px;
	padding: 2px 5px;
}
}

.tmb-toggle-button > button.option:hover {
	color:#2bb5e9;
}

.tmb-toggle-button > button.option:active {
	color:#2bb5e9;
}

.tmb-toggle-button > button.option.selected {
	background-color:#e4f5fc;
	border-color:#2bb5e9;
	color:#2bb5e9;
	cursor:default;
	z-index:1;
}

.tmb-toggle-button > button.option.left {
	border-radius:6px 0 0 6px;
	--moz-border-radius:6px 0 0 6px;
}

.tmb-toggle-button > button.option.right {
	border-radius:0 6px 6px 0;
	--moz-border-radius:0 6px 6px 0;
	left:-1px;
	/*button overlap for rounded edges
	left:-4px;  
	margin-right:-4px; */
}

/*this rounds the selected states edges
.tmb-toggle-button > button.option.selected.left,
.tmb-toggle-button > button.option.selected.right {
	border-radius:6px;
	--moz-border-radius:6px;
}
*/
/**
 * Superfish-like menus (with click-instead-of-hover and auto-sized submenus)
 */
ul.clickfish {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.clickfish > li > a, a.pseudofish {
	display: inline-block;
	position: relative;
	padding: 3px 11px;
	margin-left: -11px;
}

ul.clickfish > li.active > a {
	border: 1px solid #ccc;
	color: #777;
	padding: 2px 10px;
	border-right: 0;
	background: white;
	z-index: 2;
}

ul.clickfish ul {
	visibility:hidden;
	position: absolute;
	top: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	background: #fff;
	z-index: 1;
}

ul.clickfish ul li {
	padding: 2px 10px;
}

ul.clickfish.inline {
	display: inline-block;
}

/*
 * Begin "barmeter" widget
 */
.barmeter .barmeter-meter {
	border:solid 1px #95daf4;
	overflow:auto;
	position:relative; /* required for absolute positioning of children */
	z-index:0;
}

.barmeter .barmeter-fill {
	background-color:#95daf4;
	width:0px;
	height:100%;
	position:absolute;
	left:0px;
	z-index:-1; /* force beneath status messages */
}

.barmeter .barmeter-header {
	margin-bottom:-5px;
}

.barmeter .barmeter-label {
	display:none; /*hiding the labels for now*/
	font-size:13px;
	font-weight:bold;
	margin:0;
	text-transform:uppercase;
}

.barmeter .barmeter-message {
	/*background:url(assets/messaging-critical-small.png) no-repeat left center;*/
	color:#333;
	float:right;
	font-size:12px;
	margin:0;
	padding-left:17px;
	margin-top: -20px;
	right: 30px;
}

.barmeter .barmeter-status {
	font:22px "Open Sans","Trebuchet MS",Arial,sans-serif;
	line-height:24px;
	margin:0;
	padding:8px;
	text-transform:uppercase;
	white-space:nowrap;
	font-weight:200;
}

.barmeter.short .barmeter-status {
	font-size:18px;
	line-height:18px;
}

.barmeter .barmeter-status.barmeter-remaining {
	position:absolute;
	right:0px;
}

.barmeter .barmeter-status.barmeter-used {
	float:left;	/* defines barmeter height, via text height */
}

/*barmeter link behaviors */

a .barmeter-meter {
	color: #333;
}

a .barmeter-meter:hover {
	border-color: #95daf4;
}

a .barmeter-meter:hover .barmeter-fill {
	background-color:#95daf4;
}

/*
 * End barmeter widget
 */
 
 /**
  * Collapsible widget
  */
.collapsible.collapsible-collapsed {
	display:none;
}

.collapsible-trigger {
	background:url('assets/triangle-large-down.png') no-repeat left center;
	cursor:pointer;
	padding-left:15px;	
}

.collapsible-trigger:hover {
	background-image:url('assets/triangle-large-down-hover.png');
}

.collapsible-trigger.collapsible-collapsed {
	background-image:url('assets/triangle-large-right.png');
}

.collapsible-trigger.collapsible-collapsed:hover {
	background-image:url('assets/triangle-large-right-hover.png');
}
/*
 * End collapsible widget
 */

/*
 * Hinted widget
 */
.tmb-hinted {
	color:#777 !important;
}
/*
 * End hinted widget
 */
 
.oauth-helper li.meta-item {
	display: none;
}

.oauth-step {
	position: relative;
	padding: 0px 0px 10px 20px;
	color: #777;
	border-left: 2px solid #999;
	margin-left: 15px;
}

.oauth-step:last-child {
	border-left: 2px solid white;
}

.oauth-step.active {
	color: #333;
}

.oauth-step button {
	text-transform: capitalize;
}

.oauth-step p, .oauth-step div, .oauth-step ul, .oauth-step ol {
	display: none;
}

.oauth-step p:first-child {
	display: block;
}

.oauth-step.active p:first-child {
    font-weight: bold;
}

.oauth-step.active p:first-child a.start-over {
	display: none;
}

.oauth-step.active p.error:first-child {
	font-weight: normal;
	margin-top: -10px;
}

.oauth-step.active p, .oauth-step.active div, .oauth-step.active ul, .oauth-step.active ol {
	display: block;
	margin-bottom: 10px;
}

.oauth-step.active ul, .oauth-step.active ol {
	padding-left: 30px;
}

.oauth-step.active li  {
	list-style-type: disc;
}

.oauth-step .oauth-step-number {
	display: block;
	position: absolute;
	top: 0px;
	left: -14px;
	width: 25px;
	height: 20px;
	background-image: url('assets/oauth-numbers.png') ;
	background-position: 0 -4px;
	background-repeat: no-repeat;
}

.oauth-step.completed .oauth-step-number {
	background-position: 0 -30px;
}

.oauth-step .oauth-step-number-1 {
	top: -5px;
	border-top: 5px solid white;
}

.oauth-step.active .oauth-step-number {
	height: 25px;
}

.oauth-step.active .oauth-step-number-1 {
	background-position: 0 -50px;
}

.oauth-step.active .oauth-step-number-2 {
	background-position: 0 -75px;
}

.oauth-step.active .oauth-step-number-3 {
	background-position: 0 -100px;
}

.oauth-step.active .oauth-step-number-4 {
	background-position: 0 -125px;
}

.oauth-step.active .oauth-step-number-5 {
	background-position: 0 -150px;
}

.oauth-step.active .oauth-step-number-6 {
	background-position: 0 -175px;
}

.oauth-step.active .oauth-step-number-7 {
	background-position: 0 -200px;
}

.oauth-step.active .oauth-step-number-8 {
	background-position: 0 -225px;
}

.oauth-step.active .oauth-step-number-9 {
	background-position: 0 -250px;
}

.oauth-input input {
	border: 1px solid #999;	
	padding-left: 0;
}

.oauth-input input[type=text], .oauth-output input[type=text] {
	background-image: url('assets/icon-oauth-gray.png');
	background-position: right 8px center;
	background-repeat: no-repeat;
	width:427px;
	padding-right:30px;
}

/*.oauth-input input[type=text]:disabled, .oauth-output input[type=text]:disabled {
	background-position: 99% -59px;
}*/

.oauth-helper .oauth-step span.description {
	padding-left: 0
}
.oauth-helper .oauth-step input {
	margin-left: 0;
	padding-left: 4px;
}

.oauth-helper .radio-pair input, .oauth-helper .radio-pair label {
	display: inline;
	text-transform: none;
	width: auto;
}

a.oauth-cancel-helper {
	color: #0033CC;
	float: right;
	margin-top: 0px;
}

a.oauth-cancel-helper:hover {
	color: #000099;
}

a.oauth-cancel-helper:active {
	color: #F47925;
}

.oauth-launch-helper {
	font-size:12px;
	font-weight:bold; 
	display:inline-block;
}

.oauth-launch-helper button.icon.left {
	background-image:url('assets/oauth-icon.png');
	color:#03c;
	font-size:12px;
	font-weight:bold;
	height:20px;
	padding:0 0 0 23px;
	line-height: 12px;
}

@media screen and (min-width:0\0) {
.oauth-launch-helper button.icon.left {
	height: 19px;
}
}

.oauth-launch-helper button.icon.left:hover {
	background-position: 0 -20px;
	color:#000099; 
}

.oauth-launch-helper button.icon.left:active {
	background-position: 0 -40px;
	color:#F47925; 
}

.run-mode-oauth-launch-helper {
	display: none;
}

.run-mode-oauth-launch-helper.run-mode-active {
	display: inline;
	text-align: left;
	clear: right;
	margin-left:10px;
}

.run-mode-oauth-launch-helper .oauth-launch-helper {
	float: none;
}

.credential-editor.run-mode-oauth-helper .oauth-cancel-helper, .credential-editor.run-mode-oauth-helper .meta-class.inputs, .credential-editor.run-mode-oauth-helper .edit-credential-form > input, .credential-editor.credential-template-oauth-helper .edit-credential-form > input, .credential-editor.run-mode-oauth-helper .edit-credential-form > label, .credential-editor.credential-template-oauth-helper .edit-credential-form > label {
	display: none;
}

span.oauth-icon {
	position: relative;
	top: 5px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url('assets/oauth-icon.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}

a:hover span.oauth-icon {
	background-position: 0 -20px;
}

a:active span.oauth-icon {
	background-position: 0 -40px;
}

span.oauth-icon span {
	display: none;
}

/* general for all content pages */

.content-page .title {
	font-size: 34px;
	margin: 0;
}

#manufacturing.content-page .title,
#digital-transformation.content-page .title {
	text-align: center;
}

body#page-manufacturing-index #header,
body#page-platform-index #header,
body#page-digitaltransformation-index #header,
body#page-education-index #header {
	z-index: 201;
}

.content-page .button {
	border-radius: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
	transition: background-color .5s;
	-moz-transition: background-color .5s;
	-webkit-transition: background-color .5s;
}

.content-page .section .section-inner {
	position: absolute;
	left: 0;
	right: 0;
}

.content-page .section .section-inner.blue {
	background-color: #42b5e9;
	color: #fff;
}

.content-page .section.menu,
#header-inner.sticky .section.menu {
	height: 60px;
}

.content-page .section.menu {
	margin-bottom: 90px;
}

#header-inner.sticky .section.menu {
	margin-top: 6px;
}

.content-page .section.menu .section-inner,
#header-inner.sticky .section.menu .section-inner {
	background-color: #eee;
	color: #333;
	font-weight: 600;
	text-transform: uppercase;
	height: 26px;
	text-align: center;
	padding: 17px 0;
}

.content-page .section.menu .section-inner {
	min-width: 1280px;
	font-size: 12px;
}

.content-page .section.menu .section-inner .menu-link,
#header-inner.sticky .section.menu .section-inner .menu-link {
	font-size: 18px;
	margin: 0 40px;
	color: #666;
	position: relative;
}

.content-page .section.menu .section-inner .menu-link.selected:after,
#header-inner.sticky .section.menu .section-inner .menu-link.selected:after {
	content: "";
	transition: width 0.5s ease-out;
	display: block;
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background-color: #999;
	transition: width 0.5s ease-out;
}

.content-page .section.menu .section-inner .menu-link.selected.deselected:after,
#header-inner.sticky .section.menu .section-inner .menu-link.selected.deselected:after {
	width: 0%;
}

.content-page .section.menu .section-inner .menu-link a,
#header-inner.sticky .section.menu .section-inner .menu-link a {
	color: #666;
	font-weight: 600;
	position: relative;
}

.content-page .section.menu .section-inner .menu-link a:after,
#header-inner.sticky .section.menu .section-inner .menu-link a:after {
	content: "";
	transition: width 0.5s ease-out;
	display: block;
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 0%;
	height: 2px;
	background-color: #999;
}

.content-page .section.menu .section-inner .menu-link a:hover,
#header-inner.sticky .section.menu .section-inner .menu-link a:hover {
	color: #333;
}

.content-page .section.menu .section-inner .menu-link a:hover:after,
#header-inner.sticky .section.menu .section-inner .menu-link a:hover:after,
.content-page .section.menu .section-inner .menu-link a.selected:after,
#header-inner.sticky .section.menu .section-inner .menu-link a.selected:after {
	width: 100%;
}

.content-page .section.menu .section-inner .menu-link .love,
#header-inner.sticky .section.menu .section-inner .menu-link .love {
	background-image: url('files/graphic-marketing-navigation-heart.png');
	background-size: 18px 44px;
	background-repeat: no-repeat;
	padding-left: 18px;
	background-position: left 2px;
}

.content-page .section.menu .section-inner .menu-link a.love:hover,
#header-inner.sticky .section.menu .section-inner .menu-link a.love:hover {
	background-position: left -20px;
}

.content-page .section.list {
	width: 980px;
}

.content-page .section.list .title {
	width: 260px;
	font-size: 34px;
	margin: 0;
}

.content-page .section.list li {
	font-weight: 300;
	line-height: 24px;
	font-size: 16px;
}

.content-page .section .subtitle {
	text-transform: none;
	font-size: 20px;
	line-height: 30px;
}

/* about page */

#about.page,
#praise.page {
	font-size: 14px;
	text-align: center;
}

#about.page .editable .editable.title,
#contact .editable .editable.title,
#digital-transformation .editable .editable.title {
	z-index: 1;
	position: absolute;
}

#about.content-page .editable .editable.title a,
#digital-transformation .editable .editable.title a {
	color: #fff;
}

#about.content-page .editable form,
#digital-transformation.content-page .editable form {
	z-index: 2;
	position: relative;
}

#contact .contact-container {
	position: relative; 
	background:#ffffff;
	width:486px;
	top:0px;
	bottom:0px;
	margin-bottom: 1px;
}

#page-contact-index #contact .contact-container {
	position: relative; 
	background:#ffffff;
	width:100%;
	top:0px;
	bottom:0px;
	white-space: nowrap;
}

#contact .contact-container h1 {
	font-weight: normal;
}

#about.page .editable form,
#contact .editable form,
#digital-transformation .editable form {
	position: absolute;
	z-index: 2;
	top: 150px;
}

#contact .contact-container .editable form {
	position: relative;
}

#about.page .section {
	margin: 0 auto 50px;
	text-align: left;
}

#about.page .section.banner,
#praise.content-page .section.banner,
#contact .section.banner {
	height: 417px;
	color: #fff;
	margin: 0;
}

#contact.content-page .section.menu,
#about.content-page .section.menu {
	margin-bottom: 80px;
}

/*#contact .section.banner {
	height: 480px;
}*/

.content-page .section.banner .section-inner {
	min-width: 1280px;
}

#about.page .section.banner .section-inner,
#praise.page .section.banner .section-inner,
#contact .section.banner .section-inner {
	top: 73px;
	bottom: 66px;
	height: 418px;
}

#about.page .section.banner .background,
#praise.page .section.banner .background,
#contact .section.banner .background {
	background-color: #3fa7ea;
	background: -moz-linear-gradient(top,  #3fa7ea 0%, #44c4de 100%);
	background: -webkit-linear-gradient(top,  #3fa7ea 0%,#44c4de 100%);
	background: linear-gradient(to bottom,  #3fa7ea 0%,#44c4de 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fa7ea', endColorstr='#44c4de',GradientType=0 );
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

#about.page .section.banner .graphic,
#contact .section.banner .graphic {
	background-image: url('files/graphic-about-header.png');
	background-position: center top;
	background-size: 1280px 418px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	background-repeat: no-repeat;
}

.content-page .section.banner .title {
	margin: 0;
}

#about.page .section.banner .title,
#contact .section.banner .title {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 90px;
	font-size: 44px;
}

#about.page .section.list ul.bullets li {
	list-style-type: disc;
	padding-left: 10px;
	color: #999;
	font-size:21px;
}

#about.page .section.list ul.bullets li span {
	color: #333;
	font-size: 16px;
}

#about.page .section.quote,
#praise.page .section.quote,
#digital-transformation.page .section.quote,
#page.pricing .section.quote {
	padding: 40px 0 40px;
	display: inline-block;
	margin-top: -10px;
	margin-bottom: 40px;
	width: 975px;
	border: 1px solid #eee;
	border-radius: 8px;
	box-shadow: 1px 1px 15px 1px rgba(102, 102, 102, 0.2); 
	-webkit-box-shadow: 1px 1px 15px 1px rgba(102, 102, 102, 0.2);
	-moz-box-shadow: 1px 1px 15px 1px rgba(102, 102, 102, 0.2);
}

#about.page .section.quote {
	margin-bottom: 70px;
}

#about.page .section.quote .quote-text,
#praise.page .section.quote .quote-text,
#digital-transformation.page .section.quote .quote-text,
#page.pricing .section.quote .quote-text {
	font-weight: 300;
	font-size: 30px;
	width: 800px;
	margin: 0 auto;
	text-align: center;
}

#page.pricing .section.quote .quote-text {
	font-size: 30px;
}

#digital-transformation.page .section.quote .quote-text {
	font-size: 18px;
	line-height: 28px;
	text-align: left;
}

#digital-transformation.page .section.quote .quote-logo {
	margin-left: auto;
	margin-right: 0;
}

#about.page .section.quote .quote-text .quote-icon,
#praise.page .section.quote .quote-text .quote-icon,
#digital-transformation.page .section.quote .quote-text .quote-icon,
#page.pricing .section.quote .quote-text .quote-icon {
	vertical-align: top;
}

#about.page .section.quote .quote-text .quote-icon,
#page.pricing .section.quote .quote-text .quote-icon {
	position: relative;
	left: 0;
}

#about.page .section.quote .quote-author-container,
#praise.page .section.quote .quote-author-container,
#digital-transformation.page .section.quote .quote-author-container,
#page.pricing .section.quote .quote-author-container-banner {
	font-size: 21px;
	font-weight: 300;
	text-align: right;
	margin-right: 130px;
}

#about.page .section.quote .quote-author-container .quote-author,
#praise.page .section.quote .quote-author-container .quote-author,
#page.pricing .section.quote .quote-author-container-banner .quote-author-banner {
	font-weight: 500;
}

#about.page .section.map {
	height: 656px;
	margin-bottom: 70px;
}

#about.page .section.map .section-inner {
	background-color: #e9f7fd;
	height: 656px;
	background-image: url('files/graphic-about-map.png');
	background-repeat: no-repeat;
	background-size: 1282px 717px;
	background-position: center top -30px;
	text-align: center;
	min-width: 1282px;
}

#about.page .section.map .section-inner .ripple-container {
	position: relative;
	width: 1282px;
	height: 717px;
	margin: 0 auto;
}

#about.page .section.map .section-inner .ripple {
	position: absolute;
	width: 8px;
	height: 8px;
	left: 320px;
	top: 298px;
}

#about.page .section.map .section-inner .ripple:before,
#about.page .section.map .section-inner .ripple:after {
	content:'';
	display:block;
	position:absolute;
	top:0; 
	right:0; 
	bottom:0; 
	left:0;
	border-radius:50%;
	border: 1px solid #2bb5e9;
}

#about.page .section.map .section-inner .ripple:before {
	-webkit-animation: ripple 2s linear infinite;
	animation: ripple 2s linear infinite;
}

#about.page .section.map .section-inner .ripple:after {
	-webkit-animation: ripple 2s linear 1s infinite;
	animation: ripple 2s linear 1s infinite;
}

#about.page .section.map .section-inner .title {
	margin-top: 70px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

@-webkit-keyframes ripple{
  0% {
  	-webkit-transform:scale(1); 
  }
  25% {
  	opacity: .5;
  }
  100% {
  	-webkit-transform:scale(4); 
  	opacity:0;
  }
}

@keyframes ripple{
  0% {
  	transform:scale(1); 
  }
  25% {
  	opacity: .5;
  }
  100% {
  	transform:scale(4); 
  	opacity:0;
  }
}

#about.page .section.map .button {
	color: #42b5e9;
	border-color: #42b5e9;
	margin-top: 540px;
	font-size: 20px;
}

#about.page .section.map .button:hover {
	color: #0882b6;
	border-color: #0882b6;
}

#about.page .section.map .quote-container {
	position: absolute;
	right: 0;
	top: 190px;
	width: 270px;
	background-color: #2bb5e9;
	opacity: .75;
	color: #fff;
	padding: 30px 170px 30px 50px;
	font-weight: 300;
}

#about.page .section.map .quote-container .quote {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 15px;
	text-align: left;
}

#about.page .section.map .quote-container .quote .quote-icon {
	position: absolute;
}

#about.page .section.map .quote-container .quote .quote-icon.open {
	top: 30px;
	left: 20px;
}

#about.page .section.map .quote-container .quote .quote-icon.close {
	top: 85px;
	right: 225px;
}

#about.page .section.map .quote-container .quote-author-container-outer {
	text-align: right;
}

#about.page .section.map .quote-container .quote-author-container-inner {
	display: inline-block;
	margin-left: auto;
	text-align: left;
}

#about.page .section.map .quote-container .quote-author-container-inner .quote-author {
	font-size: 13px;
	margin-bottom: 3px;
}

#about.page .section.map .quote-container .quote-author-container-inner .quote-author strong {
	font-weight: 600;
}

#about.page .section.map .quote-container .quote-author-container-inner .quote-author-position {
	font-size: 13px;
	margin-left: 9px;
}

#about.page .section.contact {
	margin-bottom: 130px;
	height: 400px;
	background-image: url('files/illustration-about-page.png');
	background-size: 1280px;
	background-repeat: no-repeat;
	margin: 0 auto;
	background-position: right bottom;
}

#about.page .section.contact .title {
	margin-bottom: 30px;
}

/* manufacturing */

#manufacturing.content-page .editable .editable.title {
	z-index: 1;
	position: absolute;
}
#about
#manufacturing.content-page .editable .editable.title a {
	color: #fff;
}

#manufacturing.content-page .editable form {
	z-index: 2;
	position: relative;
}

#manufacturing.content-page {
	text-align: center;
}

#manufacturing.content-page .section {
	text-align: left;
}

#manufacturing.content-page .section.banner,
#education.content-page .section.banner,
#digital-transformation.content-page .section.banner {
	height: 467px;
	margin-bottom: 70px;
	margin-top: -1px;
}

#manufacturing.content-page .section.banner .section-inner,
#education.content-page .section.banner .section-inner,
#digital-transformation.content-page .section.banner .section-inner {
	position: absolute;
	height: 540px;
	background-color: #999;
	min-width: 1280px; 
	width: 100%;
	top: 0;
	border-bottom: 18px solid #2bb5e9;
}

#manufacturing.content-page .section.banner .section-inner .background,
#digital-transformation.content-page .section.banner .section-inner .background,
#jobs-page .section.intro .section-inner .background {
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	min-width: 1280px; 
	height: 540px;
	width: 100%;
	opacity: 0;
}

#jobs-page .section.intro .section-inner .background {
	height: 418px;
}

#manufacturing.content-page .section.banner .section-inner .background {
	background-image: url('files/graphic-manufacturing-page-featured.png');
}

#digital-transformation.content-page .section.banner .section-inner .background {
	background-image: url('files/photo-featured-digital-transformation-page.png');
}

#manufacturing.content-page .section.banner .title,
#digital-transformation.content-page .section.banner .title {
	position: absolute;
	left: 0;
	top: 165px;
	width: 600px;
	color: #fff;
	padding: 18px 40px 23px 130px;
	font-weight: 300;
	text-align: left;
}

#manufacturing.content-page .section.banner .title h1,
#digital-transformation.content-page .section.banner .title h1 {
	font-size: 34px;
}

#manufacturing.content-page .section.banner .title .button-container,
#education.content-page .section.banner .title .button-container {
	margin-top: 25px;
}

#manufacturing.content-page .section.banner .title .button-container .button,
#education.content-page .section.banner .title .button-container .button,
#digital-transformation.content-page .section.banner .title .button-container .button {
	padding-left: 40px;
	padding-right: 40px;
	transition: background-color .5s;
	-moz-transition: background-color .5s;
	-webkit-transition: background-color .5s;
}

#manufacturing.content-page .section.banner .title .button-container .button:hover,
#manufacturing.content-page .section.banner .title .button-container .button:active,
#education.content-page .section.banner .title .button-container .button:hover,
#education.content-page .section.banner .title .button-container .button:active,
#digital-transformation.content-page .section.banner .title .button-container .button:hover,
#digital-transformation.content-page .section.banner .title .button-container .button:active,
#jobs-page .section.intro .button:hover,
#jobs-page .section.intro .button:active  {
	background-color: rgba(255, 255, 255, .5);
	color: #fff;
	border-color: #fff;
	transition: background-color .5s;
	-moz-transition: background-color .5s;
	-webkit-transition: background-color .5s;
}

#manufacturing.content-page .section.list {
	border-bottom: 1px solid #ccc;
	margin: 0 auto;
	padding-bottom: 50px;
}

#manufacturing.content-page .section.case-studies {
	text-align: center;
	margin-top: 60px;
}

#manufacturing.content-page .section.case-studies .title {
	margin-bottom: 5px;
}

#manufacturing.content-page .section.case-studies .subtitle {
	margin-bottom: 0;
}

#manufacturing.content-page .section.case-studies .subtitle a {
	font-weight: 600;
	font-size: 18px;
}

#manufacturing.content-page .section.case-studies .case-study {
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 4px;
	padding: 10px;
	margin-bottom: 35px;
	margin-top: 50px;
	margin-left: 20px;
	margin-right: 20px;
	color: #fff;
	opacity: 0;
}

#manufacturing.content-page .section.case-studies .case-study .case-study-text {
	text-align: left;
	position: absolute;
}

#manufacturing.content-page .section.case-studies .case-study.monginis .photo .case-study-text {
	margin-left: auto;
	left: 766px;
	padding-top: 100px;
}

#manufacturing.content-page .section.case-studies .case-study .case-study-title {
	font-weight: 300;
	font-size: 34px;
	margin-bottom: 15px;
}

#manufacturing.content-page .section.case-studies .case-study .polygon {
	position: absolute;
}

#manufacturing.content-page .section.case-studies .case-study.monginis .photo .case-study-text {

}

#manufacturing.content-page .section.case-studies .case-study.ggp .photo .case-study-text {
	margin-left: 90px;
	padding-top: 80px;
}

#manufacturing.content-page .section.case-studies .case-study .button {
	padding-left: 20px;
	padding-right: 20px;
	transition: background-color .5s;
	-moz-transition: background-color .5s;
	-webkit-transition: background-color .5s;
}

#manufacturing.content-page .section.case-studies .case-study .button:hover,
#manufacturing.content-page .section.case-studies .case-study .button:active {
	border-color: #fff;
	color: #fff;
	background-color: rgba(255, 255, 255, .5);
	transition: background-color .5s;
	-moz-transition: background-color .5s;
	-webkit-transition: background-color .5s;
}

#manufacturing.content-page .section.case-studies .photo {
	width: 356px;
	height: 235px;
	background-size: 356px 235px;
	background-position: 10px 10px;
	background-repeat: no-repeat;
}

#manufacturing.content-page .section.case-studies .case-study a {
	font-weight: 600;
}

#manufacturing.content-page .section.case-studies .photo {
	background-image: url('files/image-manufacturing-page-case-study.png');
	background-size: 1112px;
	height: 334px;
	width: 1112px;
	padding: 0;
	position: relative;
}

#manufacturing.content-page .section.case-studies .case-study.monginis .photo {
	background-position: left -5px;
}

#manufacturing.content-page .section.case-studies .case-study.ggp .photo {
	background-position: left -348px;
}

#manufacturing.content-page .section.case-studies .case-study.ggp .photo .polygon {
	left: 0;
}

#manufacturing.content-page .section.case-studies .case-study .photo .photo-inner {
	display: none;
}

#manufacturing.content-page .section.case-studies .case-study .photo .wifi {
	background-size: 100%;
	width: 152px;
	height: 87px;
	background-repeat: no-repeat;
	position: absolute;
}

#manufacturing.content-page .section.case-studies .case-study.monginis .photo .wifi.left {
	background-image: url('files/page-manufacturing-wifi-graphics-small.png');
	left: 100px;
	top: 100px;
	transform: rotate(45deg);
	width: 60px;
	height: 34px;
	background-size: 120px;
	-webkit-animation: wifi-pink-small 1.5s steps(3) forwards;
	-moz-animation: wifi-pink-small 1.5s steps(3) forwards;
	animation: wifi-pink-small 1.5s steps(3) forwards;
}

@keyframes wifi-pink-small {
   from { background-position: 0px -103px; }
     to { background-position: 0px 0px; }
}

@-webkit-keyframes wifi-pink-small {
   from { background-position: 0px -103px; }
     to { background-position: 0px 0px; }
}

@-moz-keyframes wifi-pink-small {
   from { background-position: 0px -103px; }
     to { background-position: 0px 0px; }
}

#manufacturing.content-page .section.case-studies .case-study.monginis .photo .wifi.right {
	background-image: url('files/page-manufacturing-wifi-graphics-large.png');
	left: 400px;
	top: 200px;
	transform: rotate(-30deg);
	width: 120px;
	height: 69px;
	background-size: 240px;
	-webkit-animation: wifi-pink-large 1.5s steps(3) forwards;
	-moz-animation: wifi-pink-large 1.5s steps(3) forwards;
	animation: wifi-pink-large 1.5s steps(3) forwards;
}

@keyframes wifi-pink-large {
   from { background-position: 0px -207px; }
     to { background-position: 0px 0px; }
}

@-webkit-keyframes wifi-pink-large {
   from { background-position: 0px -207px; }
     to { background-position: 0px 0px; }
}

@-moz-keyframes wifi-pink-large {
   from { background-position: 0px -207px; }
     to { background-position: 0px 0px; }
}

#manufacturing.content-page .section.case-studies .case-study.ggp .photo .wifi.left {
	background-image: url('files/page-manufacturing-wifi-graphics-large.png');
	left: 700px;
	top: 180px;
	transform: rotate(60deg);
	width: 120px;
	height: 69px;
	background-size: 240px;
	background-position: -120px -207px;
	-webkit-animation: wifi-green-large 1.5s steps(3) forwards;
	-moz-animation: wifi-green-large 1.5s steps(3) forwards;
	animation: wifi-green-large 1.5s steps(3) forwards;
}

@keyframes wifi-green-large {
   from { background-position: -120px -207px; }
     to { background-position: -120px 0px; }
}

@-webkit-keyframes wifi-green-large {
   from { background-position: -120px -207px; }
     to { background-position: -120px 0px; }
}

@-moz-keyframes wifi-green-large {
   from { background-position: -120px -207px; }
     to { background-position: -120px 0px; }
}

#manufacturing.content-page .section.case-studies .case-study.ggp .photo .wifi.right {
	background-image: url('files/page-manufacturing-wifi-graphics-small.png');
	width: 76px;
	height: 44px;
	top: 30px;
	left: 815px;
	transform: rotate(45deg);
	width: 60px;
	height: 34px;
	background-size: 120px;
	-webkit-animation: wifi-green-small 1.5s steps(3) forwards;
	-moz-animation: wifi-green-small 1.5s steps(3) forwards;
	animation: wifi-green-small 1.5s steps(3) forwards;
}

@keyframes wifi-green-small {
   from { background-position: -60px -103px; }
     to { background-position: -60px 0px; }
}

@-webkit-keyframes wifi-green-small {
   from { background-position: -60px -103px; }
     to { background-position: -60px 0px; }
}

@-moz-keyframes wifi-green-small {
   from { background-position: -60px -103px; }
     to { background-position: -60px 0px; }
}

#manufacturing.content-page .section.get-started {
	text-align: center;
	padding: 60px 0;
	margin: 0 35px;
}

#manufacturing.content-page .section.get-started .title {
	margin-bottom: 25px;
}

#manufacturing.content-page .section.get-started .instructions .title {
	text-align: left;
}

#manufacturing.content-page .subtitle,
#digital-transformation.content-page .subtitle {
	font-weight: 300;
	font-size: 22px;
	margin-bottom: 50px;
}

#manufacturing.content-page .section.get-started .instructions {
	text-align: left;
	display: inline-block;
}

#manufacturing.content-page .section.get-started .column.left {
	margin-right: 65px;
	opacity: 0;
}

#manufacturing.content-page .section.get-started .instructions ul {
	font-size: 15px;
	line-height: 24px;
	font-weight: 300;
	width: 600px;
	padding-left: 0;
}

#manufacturing.content-page .section.get-started .instructions ul li {
	list-style-type: none;
	background-image: url('files/page-manufacturing-check-marks.png');
	background-repeat: no-repeat;
	background-size: 34px 34px;
	padding-left: 50px;
	margin-bottom: 30px;
	min-height: 35px;
	opacity: 0;
}

#manufacturing.content-page .section.get-started .instructions ul li a {
	font-weight: 600;
}

#manufacturing.content-page .section.get-started .instructions ul li a:hover {
	opacity: .8;
}

#manufacturing.content-page .section.video {
	border-bottom: 1px solid #ccc;
	padding: 80px 0;
	width: 1000px;
	margin: 0 auto;
}

#manufacturing.content-page .column {
	display: inline-block;
	vertical-align: top;
}

#manufacturing.content-page .section.video .column.left {
	margin-top: 60px;
	margin-right: 150px;
	margin-left: 35px;
}

#manufacturing.content-page .section.video .title {
	margin-bottom: 45px;
}

#manufacturing.content-page .section.video .video#cloud-controls {
	background-image: url('assets/homepage-video-tile-overview.png');
	background-size: 372px 262px;
	height: 262px;
	width: 372px;
	background-color: #dadada;
	border-radius: 4px;
    padding: 10px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    position: relative;
}

#manufacturing.content-page .section.video .video .play-button {
    position: absolute;
    z-index: 200;
    background-image: url('assets/homepage-video-play-button.png');
    width: 65px;
    height: 65px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto auto;
    background-size: 100%;
}

#manufacturing.content-page .section.video .video:hover {
	cursor: pointer;
}

#manufacturing.content-page .section.video .video:hover .play-button {
	opacity: .7;
}

#manufacturing.content-page .section.plc,
#digital-transformation.content-page .section.plc {
	text-align: center;
	margin-top: 70px;
}

#manufacturing.content-page .section.plc .title,
#digital-transformation.content-page .section.plc .title {
	margin-bottom: 65px;
}

#manufacturing.content-page .section.plc .plc-item,
#digital-transformation.content-page .section.plc .plc-item {
	vertical-align: top;
	text-align: left;
	background-repeat: no-repeat;
	margin: 0 30px;
	min-height: 173px;
	white-space: normal;
	margin-bottom: 60px;
	height: 300px;
	opacity: 0;
}

#manufacturing.content-page .section.plc .plc-item.remote-control,
#digital-transformation.content-page .section.plc .plc-item.remote-control {
	opacity: 1;
}

#manufacturing.content-page .section.plc .plc-item-inner,
#digital-transformation.content-page .section.plc .plc-item-inner {
	position: absolute;
	left: 0;
	right: 0;
	background-repeat: no-repeat;
	height: 300px;
}

#manufacturing.content-page .section.plc .plc-item-inner-inner,
#digital-transformation.content-page .section.plc .plc-item-inner-inner {
	position: relative;
	width: 1100px;
	margin: 0 auto;
	display: none;
}

/* even, odd? */
#manufacturing.content-page .section.plc .plc-item.visualize-data .plc-item-inner,
#manufacturing.content-page .section.plc .plc-item.get-alerts .plc-item-inner,
#digital-transformation.content-page .section.plc .plc-item.visualize-data .plc-item-inner,
#digital-transformation.content-page .section.plc .plc-item.get-alerts .plc-item-inner {
	background-color: #f4f9fa;
}

#manufacturing.content-page .section.plc .plc-item .plc-item-inner .plc-image,
#digital-transformation.content-page .section.plc .plc-item .plc-item-inner .plc-image {
	position: absolute;
	background-size: 100%;
}

#manufacturing.content-page .section.plc .plc-item .plc-item-inner .plc-text,
#digital-transformation.content-page .section.plc .plc-item .plc-item-inner .plc-text {
	padding-top: 80px;
}

/* even, odd? */
#manufacturing.content-page .section.plc .plc-item.visualize-data .plc-item-inner .plc-text,
#manufacturing.content-page .section.plc .plc-item.get-alerts .plc-item-inner .plc-text,
#digital-transformation.content-page .section.plc .plc-item.visualize-data .plc-item-inner .plc-text,
#digital-transformation.content-page .section.plc .plc-item.get-alerts .plc-item-inner .plc-text {
	padding-left: 540px;
}

#manufacturing.content-page .section.plc .plc-item.visualize-data .plc-item-inner .plc-image {
	background-image: url('files/graphic-manufacturing-remote-control.png');
	width: 410px;
	height: 369px;
	top: -40px;
}

#manufacturing.content-page .section.plc .plc-item.remote-control .plc-item-inner .plc-image {
	background-image: url('files/graphic-manufacturing-data-viz.png');
	width: 410px;
	height: 369px;
	right: 0;
	top: -40px;
}

#manufacturing.content-page .section.plc .plc-item.get-alerts .plc-item-inner .plc-image {
	background-image: url('files/page-manufacturing-graphic-control-plc.png');
	width: 500px;
	height: 400px;
	top: -55px;
}

#digital-transformation.content-page .section.plc .plc-item.visualize-data .plc-item-inner .plc-image {
	background-image: url('files/graphic-digital-transformation-private-api.png');
	width: 410px;
	height: 369px;
	background-size: 100%;
	top: -40px;
}

#digital-transformation.content-page .section.plc .plc-item.remote-control .plc-item-inner .plc-image {
	background-image: url('files/graphic-digital-transformation-data.png');
	width: 410px;
	height: 369px;
	background-size: 100%;
	right: 0;
	top: -40px;
}

#digital-transformation.content-page .section.plc .plc-item.get-alerts .plc-item-inner .plc-image {
	background-image: url('files/graphic-digital-transformation-language-selector.png');
	width: 410px;
	height: 369px;
	top: -40px;
	background-size: 100%;
}

#manufacturing.content-page .section.plc .plc-item .plc-title,
#digital-transformation.content-page .section.plc .plc-item .plc-title {
	font-size: 20px;
	margin-bottom: 15px;
	font-weight: 300;
}

#manufacturing.content-page .section.plc .plc-item .plc-description,
#digital-transformation.content-page .section.plc .plc-item .plc-description {
	font-size: 14px;
	line-height: 21px;
	font-weight: 300;
	width: 500px;
}

#manufacturing.content-page .divider {
	height: 5px;
}

#manufacturing.content-page .divider .divider-inner {
	height: 5px;
	position: absolute;
	left: 0;
	right: 0;
	background-color: #f6f6f6;
}

#manufacturing.content-page .section.quotes,
#digital-transformation.content-page .section.quotes {
	display: inline-block;
	white-space: nowrap;
	margin-top: 70px;
	margin-bottom: 50px;
}

#manufacturing.content-page .section.quotes .title,
#digital-transformation.content-page .section.quotes .title {
	text-align: center;
	margin-bottom: 85px;
}

#manufacturing.content-page .section.quotes .quote-column,
#digital-transformation.content-page .section.quotes .quote-column {
	text-align: left;
	display: inline-block;
	vertical-align: top;
	white-space: normal;
}

#manufacturing.content-page .section.quotes .quote-column.left,
#digital-transformation.content-page .section.quotes .quote-column.left {
	margin-right: 30px;
}

#manufacturing.content-page .section.quotes .quote,
#digital-transformation.content-page .section.quotes .quote {
	width: 500px;
	margin-bottom: 25px;
	padding: 15px;
	box-shadow: 1px 1px 15px 1px rgba(102, 102, 102, 0.2); 
	-webkit-box-shadow: 1px 1px 15px 1px rgba(102, 102, 102, 0.2);
	-moz-box-shadow: 1px 1px 15px 1px rgba(102, 102, 102, 0.2);
	border-radius: 6px;
}

#manufacturing.content-page .section.quotes .quote .quote-logo,
#manufacturing.content-page .section.quotes .quote .quote-inner,
#digital-transformation.content-page .section.quotes .quote .quote-logo,
#digital-transformation.content-page .section.quotes .quote .quote-inner {
	display: inline-block;
	vertical-align: top;
}

#manufacturing.content-page .section.quotes .quote .quote-inner,
#digital-transformation.content-page .section.quotes .quote .quote-inner {
	width: 260px;
	margin-left: 15px;
}

#manufacturing.content-page .section.quotes .quote .quote-logo {
	width: 190px;
	background-image: url('files/graphic-manufacturing-logos.png');
	background-repeat: no-repeat;
	background-size: 190px 540px;
	height: 80px;
}

#manufacturing.content-page .section.quotes .quote .quote-logo.monginis {
	background-position: left top;
}

#manufacturing.content-page .section.quotes .quote .quote-logo.skysmart {
	background-position: left -90px;
}

#manufacturing.content-page .section.quotes .quote .quote-logo.ti {
	background-position: left -180px;
}

#manufacturing.content-page .section.quotes .quote .quote-logo.ggp {
	background-position: left -270px;
}

#manufacturing.content-page .section.quotes .quote .quote-logo.samsung {
	background-position: left -360px;
}

#manufacturing.content-page .section.quotes .quote .quote-logo.forbes {
	background-position: left -450px;
}

#digital-transformation.content-page .quote-logo {
	width: 135px;
	background-image: url('files/graphics-digital-transformation-logos.png');
	background-repeat: no-repeat;
	background-size: 135px 640px;
	height: 80px;
}

#digital-transformation.content-page .quote-logo.samsung {
	background-position: left top;
}

#digital-transformation.content-page .quote-logo.cisco {
	background-position: left -80px;
}

#digital-transformation.content-page .quote-logo.berkeley {
	background-position: left -160px;
}

#digital-transformation.content-page .quote-logo.monginis {
	background-position: left -240px;
}

#digital-transformation.content-page .quote-logo.amazon {
	background-position: left -320px;
}

#digital-transformation.content-page .quote-logo.hewitt {
	background-position: left -400px;
}

#digital-transformation.content-page .quote-logo.ti {
	background-position: left -480px;
}

#digital-transformation.content-page .quote-logo.harvard {
	background-position: left -560px;
}

#manufacturing.content-page .section.quotes .quote .quote-icon,
#praise.content-page .quote-icon,
#about.content-page .section.quote .quote-icon,
#digital-transformation.content-page .quote-icon,
#page.pricing .quote-icon {
	position: absolute;
	background-image: url('files/graphic-manufacturing-quotes.png');
	opacity: 1;
}

#manufacturing.content-page .section.quotes .quote .quote-icon.open {
	left: -25px;
}

#manufacturing.content-page .section.quotes .quote .quote-icon.close,
#about.content-page .section.quote .quote-icon.open,
#digital-transformation.content-page .quote-icon.open {
	margin-left: -25px;
}

#manufacturing.content-page .section.quotes .quote .quote-icon.close {
	margin-left: 5px;
}

#manufacturing.content-page .section.quotes .quote .quote-body,
#praise.content-page .quote-body,
#digital-transformation.content-page .quote-body {
	font-size: 18px;
	margin-bottom: 15px;
	position: relative;
	line-height: 28px;
	font-weight: 300;
}

#manufacturing.content-page .section.quotes .quote .quote-author-container-outer,
#praise.content-page .quote-author-container-outer,
#digital-transformation.content-page .quote-author-container-outer {
	font-size: 13px;
	text-align: right;
}

#manufacturing.content-page .section.quotes .quote .quote-author-container-inner,
#praise.content-page .quote-author-container-inner,
#digital-transformation.content-page .quote-author-container-inner {
	display: inline-block;
	text-align: left;
}

#manufacturing.content-page .section.quotes .quote .quote-author-container-inner .quote-author,
#praise.content-page .quote-author-container-inner .quote-author,
#digital-transformation.content-page .quote-author-container-inner .quote-author {
	margin-bottom: 3px;
}

#manufacturing.content-page .section.quotes .quote .quote-author-container-inner .quote-author-position,
#praise.content-page .quote-author-container-inner .quote-author-position,
#digital-transformation.content-page .quote-author-container-inner .quote-author-position {
	margin-left: 10px;
}

#manufacturing.content-page .section.contact,
#digital-transformation.content-page .section.contact {
	margin-bottom: 75px;
}

#manufacturing.content-page .section.contact .contact-text,
#digital-transformation.content-page .section.contact .contact-text {
	position: absolute;
}

#digital-transformation.content-page .section.contact .contact-text {
	text-align: left;
}

#manufacturing.content-page .section.contact .gear-container {
	background-image: url('files/illustration-four-manufacturing-page.png');
	background-size: 1280px;
	height: 485px;
	background-repeat: no-repeat;
	position: relative;
}

#digital-transformation.content-page .section.contact .gear-container {
	background-image: url('files/illustration-four-digital-transformation-page.png');
	background-size: 730px;
	position: relative;
	height: 300px;
	background-repeat: no-repeat;
	background-position: right -19px bottom;
}

#manufacturing.content-page .section.contact .gear-line.left {
	margin-top: 393px;
	border-width: 1px;
	border-color: #7ac9f2;
	height: 67px;
}

#manufacturing.content-page .section.contact .gear-line.right {
	margin-top: 272px;
	border-width: 1px;
	height: 67px;
}

#manufacturing.content-page .section.contact .section-inner,
#digital-transformation.content-page .section.contact .section-inner {
	padding: 50px 0;
	height: 100px;
}

#manufacturing.content-page .section.contact .title,
#digital-transformation.content-page .section.contact .title {
	margin-bottom: 15px;
	text-align: left;
	padding-top: 90px;
	padding-left: 165px;
}

#digital-transformation.content-page .section.contact .title {
	padding-top: 0;
}

#manufacturing.content-page .section.contact .subtitle,
#digital-transformation.content-page .section.contact .subtitle {
	font-weight: 300;
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 40px;
	padding-left: 165px;
}

#manufacturing.content-page .section.contact .button,
#digital-transformation.content-page .section.contact .button,
#platform.content-page .section.contact .button {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #12dd6e;
	border: none;
	margin-left: 165px;
	font-weight: 500;
	font-size: 22px;
	margin-top: 30px;
}

#manufacturing.content-page .section.contact .button:hover,
#manufacturing.content-page .section.contact .button:active,
#digital-transformation.content-page .section.contact .button:hover,
#digital-transformation.content-page .section.contact .button:active,
#platform.content-page .section.contact .button:hover,
#platform.content-page .section.contact .button:active {
	background-color: #39ca64;
}

/* press resources page */
#press-resources h2.press-title {
	margin-bottom:10px;
}

#press-resources h3.press-subtitle {
	margin-top:30px;
	margin-bottom:-10px;
}

#press-resources td {
	vertical-align:top;
	padding-right:60px;
}

#press-resources .logo-white {
	background:#e0e0e0;
	height:56px;
	width:200px;
	padding:10px;
	border-radius:10px;
}

#press-resources .logo-drop {
	float:left;
}

#press-resources #drop-orange {
	margin-right:40px;
}

/*#signup-fullpage .background {
	background-color: #1bb4eb;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}*/

/*#signup-fullpage .title-large {
	width: 1260px;
	display: block;
}*/

#signup-fullpage #signup {
	position:relative;
}

#page-marketing-press #about, #page-marketing-pressresources #about {
	margin-left:20px;
	padding-bottom:80px;
}

#page-marketing-press .nav-item-resources a, #page-marketing-pressresources .nav-item-resources a {
	color:white;
}

#page-marketing-press .nav-item-resources, #page-marketing-pressresources .nav-item-resources {
	background-color: #2bb5e9;
	cursor:default;
	padding: 0 0 2px 5px;
	margin-left: -5px;
}


/* CONTACT page */

#contact {
	background: #ffffff;
}

#page-iotchipsets-index #contact,
#page-iotproducts-index #contact {
	background :#ffffff;
	padding: 0 60px 85px;
	margin-right: 0;
	margin-left: 0;
}

#contact .contact-container {
	position: relative;
}

#contact h1 {
	font-size: 30px;
  	margin-bottom: 20px;
  	font-weight: bold;
}

#contact .spinner-container {
	float: right;
	margin: 20px -22px 0 0;
}

#contact .spinner-container .spinner {
	top: 3px;
}

#contact #intro h1 {
	font-weight: 300;
}

#contact #intro p {
	margin-top: 5px;
	margin-bottom: -20px;
}

#contact #subnavigation #intro .logged-out .error{
	position:absolute;
	top:-21px;
	right:-18px;
	width:100%;
	text-align:right;
	font-size:12px
}

#contact #subnavigation #intro .logged-in .error {
	position: absolute;
	margin-top: -10px;
}


#contact #details {
	padding-top: 70px;
	display: inline-block;
	vertical-align: top;
	width: 487px;
	margin-left: 123px;
	white-space: normal;
}

#contact #details form {
	padding:0px;
	padding-right:40px;
}

#contact #details p {
	margin-bottom: -10px;
}

#contact #details .logged-out .error {
	position:absolute;
	top:-21px;
	right:-18px;
	width:100%;
	text-align:right;
	font-size:12px;
}

#signup h1.title-large {
	font-size: 40px;
	text-align: left;
	font-weight: 200;
	width: 400px;
	padding-left: 20px;
	margin-top: 20px;
}

#signup-fullpage #signup .signup-container .signup-form {
	width: 320px;
	float: right;
}

#contact #details .logged-in .error {
	position: absolute;
	margin-top: -10px;
}

#page-contact-index #contact input {
	padding:3px 10px 3px 15px;
	border-radius: 3px;
	margin-top:0px;
	margin-bottom: 20px;
	width:100%;
	overflow: auto;
	resize: none;
	border-width: 1px;
	border-style: solid;
	border-color: #BBB;
	font-size: 14px;
}

#education #contact input {
	padding:3px 10px 3px 15px;
	border-radius: 3px;
	margin-top:0px;
	margin-bottom: 20px;
	width:100%;
	overflow: auto;
	resize: none;
	border-width: 1px;
	border-style: solid;
	border-color: #BBB;
	font-size: 14px;
}

#education #contact textarea {
	width:100%;
	padding:3px 10px 100px 3px;
	border-radius: 3px;
	margin-top:0px;
	margin-bottom: 20px;
	width:100%;
	overflow: auto;
	resize: none;
	border-width: 1px;
	border-style: solid;
	border-color: #BBB;	
	font-size: 14px;
}

#support #contact input,
#support #contact textarea {
	padding: 5px 10px;
	margin: 0 0 5px 0;
}

#page-iotchipsets-index #contact input,
#page-iotproducts-index #contact input,
#page-iotchipsets-index #contact textarea,
#page-iotproducts-index #contact textarea {
	padding: 5px 10px;	
}

#contact textarea {
	padding: 5px 10px;
}

#page-contact-index #contact textarea {
	width:100%;
	padding:3px 10px 100px 3px;
	border-radius: 3px;
	margin-top:0px;
	margin-bottom: 20px;
	width:100%;
	overflow: auto;
	resize: none;
	border-width: 1px;
	border-style: solid;
	border-color: #BBB;	
	font-size: 14px;
}

#signup-fullpage #signupForm .callout-container.submit {
	margin-top: 0px;
}

#page.password-reset #passwordAgain {
    margin-bottom:5px;
}

#support #contact #message {
	height: 100px;
	width: 100%;
	resize: none;
	overflow: auto;
}

#page-iotchipsets-index #contact #message,
#page-iotproducts-index #contact #message {
	height: 100px;
	width: 100%;
	resize: none;
	overflow: auto;
}

#page-contact-index #contact textarea#message{
	padding:10px 10px 100px 15px;
}

#contact label {
	display: inline-block;
	margin: 0 0 5px;
	font-size: 12px;
}

#contact #type-of-inquiry {
	width: 456px;
}

#contact a.selectBox.selectBox-dropdown, 
#contact a.selectBox.selectBox-dropdown.selectBox-menuShowing {
	padding: 5px;
	padding-left: 10px;
	font-size: 14px;
	font-weight: 300;
	border-radius: 3px;
	margin-bottom: -5px;
}

#contact a.selectBox.selectBox-dropdown:hover,
#contact a.selectBox.selectBox-dropdown.selectBox-menuShowing:hover {
	border-color: #2293bd;
	cursor: pointer;
}

#page-contact-index a.selectBox.selectBox-dropdown > .selectBox-label {
	font-weight: 500;
}

#page-contact-index a.selectBox.selectBox-dropdown:hover > .selectBox-label {
	color: #2293bd;
	background-position: right -22px;
}

#contact .selectBox-label {
	color: #333;
}

#contact .selectBox-label:hover {
	color: #2293bd;
}

#page-contact-index #contact #email {
	margin-top:0px;
	width: 446px;
}

#support #contact #email {
	width: 100%;
}

#page-iotchipsets-index #contact #email,
#page-iotproducts-index #contact #email {
	margin-top: 0px;
	width: 100%;
}

#signup-fullpage .signup-form #signupForm .signup-hidden {
	width: 340px;
}

/*#signup-fullpage .signup-form #signupForm .signup-hidden:last-child{
	height: 20px;
}*/

#old-forgot-lightbox input {
	margin:20px 0 10px;
}

#contact #share {
	position:relative;
}

#page-iotchipsets-index #contact,
#page-iotproducts-index #contact {
	position: relative;
	width: 500px;
}

#page-contact-index .replacement #contact-success,
#page-support-index .replacement #contact-success {
	font-size:16px;
}

input.error {
	border-color: #f47925;
}

#page-contact-index #contact .replacement {
	left:0px;
	margin-left:80px;
	margin-top: -26px;
	font-weight: 300;
	font-size:13px;
	top:6px;
	text-align: center;
}

#education.page .replacement {
	margin: 20px auto 20px auto;
	height: 200px;
}

#education.page .replacement a {
	font-color: #2bb5e9;
	text-align: center;
    font-weight: 100;
    font-size: 21px;
    margin: 0 auto 10px;
    text-transform: none;
}

#education.page .replacement h1 {
	font-weight: 200;
}

#page-contact-index #contact #subnavigation {
	display: inline-block;
	vertical-align: top;
	white-space: normal;
}

#page-contact-index #contact #subnavigation #intro {
	width: 486px;
}

@media screen and (min-width:0\0) {
#signupForm input#agreed {
	vertical-align: -2px;
}
}

#contact #subnavigation h2 {
	text-transform:uppercase;
	margin-bottom:10px;
}

#contact #subnavigation p {
	font-size:14px;
	display: inline-block;
	font-weight: 300;
}

#contact #subnavigation h3 {
	margin-top:5px;
	font-size:21px;
	margin-bottom: 10px;
	font-weight: 300;
}

#contact #subnavigation #location {
	position: relative;
	background-image: url("assets/graphic_contact_map.png");
	width: 486px;
	height: 311px;
	-webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
  	background-size: contain;
}

#contact #subnavigation #location #location-label {
	position: absolute;
	color: #333;
	background: #fff;
	padding: 15px;
	right: 100px;
	bottom: 170px;
	border-radius: 5px;
	width: 150px;
	font-weight: 300;
}
#contact #subnavigation #location #location-label p {
	margin-top: 10px;
	margin-bottom: -15px;
	line-height: 12px;
}

#contact .button.large {
	color: #2bb5e9;
	border-radius: 8px;
	padding: 4px 45px 5px;
	background-color: #ffffff;
}

#page-contact-index #contact .button.large {
	margin-bottom: 80px;
}


#support .button.large {
	font-size: 18px;
	border-width: 2px;
	border-radius: 18px;
	padding: 4px 20px 5px 20px;
	background-color: #2bb5e9;
	font-weight: 600;
	color: #fff;
	border: 2px solid #95daf4;
	text-transform: none;
	cursor: pointer;
	text-align: center;
	display: inline-block;
	height: auto;
}

#support .button.large:hover {	
	background-color: #2293BD;
}

#page-iotchipsets-index #contact .button.large, 
#page-iotproducts-index #contact .button.large {
	margin-top: 0px;
	font-size: 18px;
	color: #fff;
	border-radius: 18px;
	padding: 4px 20px 5px;
}

#page-iotchipsets-index #contact .button.green, 
#page-iotproducts-index #contact .button.green {
	background-color: #0c0;
	border-color: #72e382;
	color: #fff;
}

#success-message #check-mark {
	background: url('assets/graphic-success-contact-form.png');
	background-repeat: no-repeat;
	display: block;
	width: 120px;
	height: 120px;
	background-size: 120px 120px;
	text-align: center;
	margin: 0 auto;
	background-position: left 0;
}

#panel-container #success-message {
	display: block;
	text-align: center;
	width: 500px;
	height: 551px;
	font-weight: 300;
	font-size: 22px;
	margin: 0 auto;
	margin-top: 90px;
	transition: all ease-in 1s;
}

#panel-container #check-mark,
#panel-container .replacement,
#panel-container #contact-panel-success {
	opacity: 0;
	transition: all ease-in 1s;
}

#panel-container #success-message #contact-panel-success {
	width: 500px;
	height: 550px;
	margin: 0 auto;
}

#do-browse {
	background-position: 5px 5px;
}

#do-browse:hover,
#do-browse.active {
	background-position:-125px 5px;
}

#do-make {
	background-position:5px -125px
}

#do-make:hover,
#do-make.active {
	background-position:-125px -125px
}

#do-learn {
	background-position:5px -255px
}

#do-learn:hover,
#do-learn.active {
	background-position:-125px -255px
}

#job {
	background:#ffffff;
	padding:30px 50px 40px 0;
	position:relative;
}

#job #details {
	padding: 0 0 20px 20px;
	display: inline-block;
	vertical-align: top;
	margin-left: 360px;
}

#job #details h2 {
	margin-bottom:40px;
}

#job #details h2 a {
	pointer-events:none;
	cursor:default;
	color:#333;
	font-weight:normal;
}

#job #details h3 {
  text-transform: uppercase;
  font-size: 18px;
  margin:30px 0 5px;
  font-weight: 600;
}

#job #details p {
	font-size:14px;
}

#job #details ul {
	margin: 10px 0 40px -20px;
	padding-right:160px;
}

#job #details ul li {
	margin-bottom:8px;
	font-size:14px;
}

#job #details .short {
	margin-bottom: -15px;
	margin-top: 30px;
}

#job #subnavigation {
	background:#ffffff;
	width:290px;
	top:69px;
	bottom:77px;
	border-right:1px solid #caecf9;
	padding-left:30px;
	display: inline-block;
	vertical-align: top;
	position: absolute;
}

#job #subnavigation h2 {
	font-size:24px;
	color: #000;
	font-weight: 300;
	margin-bottom: 30px;
	margin-top: -5px;
}

#job #subnavigation h2:hover {
	color: #0882b6;
}

#job #subnavigation h3 {
	font-size:16px;
	margin-top:0px;
	margin-bottom:30px;
	font-weight:300;
}

#job #subnavigation p {
	margin-top:0px;
	line-height:1.5em;
	margin-bottom:30px;
	margin-top:20px;
	padding-right:30px;
}

#job #subnavigation a {
	font-weight: normal;
}

#jobs {
	margin:0px;
	margin-top: 30px;
	padding:0px;
	position:relative;
	font-size:14px;
}

#jobs h2 {
	margin-bottom: 20px;
}

#jobs h3, #jobs h3 a {
	font-style:normal;
	font-weight:normal;
	text-transform:none;
	font-size:14px;
	margin: 2px 0;
	padding: 0;
}

#legal {
	position:relative;
	margin:auto;
}

#legal h1 {
	font-size:35px;
}

#legal h2 {
	text-transform:uppercase;
	font-size:18px;
	font-weight:normal;
}

#optout {
	position:relative;
}

#optout .hinted label {
	left:0px;
	margin-left:5px;
}

#optout .replacement {
	padding:30px;
}

#optout form {
	padding:0px;
}

/*About-Plans Page*/

body#page-about-plans {max-width:100%}

#page.about-plans {
padding: 50px 0 80px;
width:100%;
margin:0 auto;
text-align:center;
}

#page.about-plans #plans-title {
display:inline-block;
width:625px;
margin:20px auto 0;
}

#page.about-plans h1 {
font-size: 40px;
text-align:center;
float:left;
margin:0;
}

#page.about-plans .button-signup {
width: 110px;
border-radius: 14px;
font-size: 22px;
height: 24px;
line-height: 21px;
float: right;
margin-top: 13px;
}

#page.about-plans #signup-custom {
font-size:16px;
text-align: center;
padding-top: 12px;
width: 590px;
margin: 0 auto;
border-top:1px solid #caecf9;
}

#page.about-plans #signup-custom a {
font-weight:bold;
}

#plan-section {
margin: 30px auto 40px;
width: 100%;
text-align:center;
}

.plan-box {display:inline-block}

.plan-block {
	padding: 20px;
	text-align: center;
	width: 165px;
	display: inline-block;
	margin: 12px;
}

.plan-block hr.plan-hr {
	border:0;
	background-color:#95daf4;
	height:1px;
	margin: 20px 0 15px;
}

.plan-block .plan-features {
	font-size:14px;
}

/*Download page*/

#page.download {
	min-height: 500px;
	width: 1000px;
	margin: 50px 20px 70px;
}

#page.download #download-side-block {
	float: right;
	width: 200px;
	min-height: 570px;
	border-left: 1px solid #caecf9;
	padding: 50px 0 0 40px;
	margin: -50px 20px 0 0;
}

#download-side-block p.body-xlarge { margin-top: 30px }
#download-side-block p.body-xlarge:first-child { margin-top: 15px }

#page.download #details {
	width:670px;
}

#page.download #details p.body-xlarge {
	padding-right:50px;
}

#page.download h1.title-large {
	font-size: 42px;
}

#page.download #details p.body-large {
	margin: 45px 0 20px;
	font-size:16px;
}

#page.download .sdk-buttons {
	text-align:left;
}

#page.download .sdk-button {
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  height: 40px;
  margin: 0 0 0px -15px;
  padding: 16px 35px 0 70px;
  width: 130px;
}

#page.download .actions a.large.download:hover {
	background-position:left -36px;
}

#page.download .actions a.large.download:active {
	background-position:left -72px;
}

#page.download .download.disableddownload,
#page.download .download.disableddownload:hover,
#page.download .download.disableddownload:active {
	opacity:.5;
    cursor: default;
}


/* download twyla page */

#page.download.twyla {
	width: 580px;
	margin: 0 auto;
	padding:20px 40px 30px;
}

#page.download.twyla h1 {
	font-size: 40px;
}

#page.download.twyla .actions a.large.download {
	width: 400px;
	font-size: 21px;
}

#page.download.twyla .graphic {
	margin-top: 50px;
	margin-bottom: 30px;
	background:url('assets/twyla-screenshot.png') no-repeat center top;
	height:288px;
}

#page.download.twyla p#twyla-description {
	margin-bottom: 30px;
}

#page.download.twyla #twyla-download-note {
	font-size: 11px;
	margin-top: 7px;
	width: 400px;
	line-height: 14px;
}

#page.download.twyla #twyla-compatibility {
	color: #777;
	display: none;
}

#page.download.twyla .actions p {
	margin-bottom: 0;
}

#page.download.twyla .actions p:not(#twyla-login):not(#twyla-signup) {
	display: none;
}

#page.download.twyla a.next.large.login-link,
#page.download.twyla #twyla-signup a {
	font-size: 21px;
}


/* Login page */

#page.login #singlepadding {
	margin: 80px auto 120px;
	width: 600px;
}

#navigation_login.selected {
	display: none;
}

.old-login #forgot {
	font-weight: normal;
	font-size: 11px;
}

.old-login .forgot-container {
	text-align: right;
	margin: 5px 0 10px;
}
.old-login .content > h2 {
	text-align:center;
}

#page.login.login-referral .content {
	margin-top: 40px;
}

#page.login.login-referral h1 {
	text-align: center;
}

#page.login.login-referral h2 {
	text-align: center;
}

#page.login.login-referral p {
	font-size: 16px;
	text-align: center;
}

/* Password reset */

#page.password-reset #singlepadding {
	margin: 80px auto 120px;
	width: 600px;
}

#page.password-reset .old-login	form {
	padding:0;
}

#page.password-reset .content {
	margin:0 auto;
}

#page.password-reset .error {
	position: relative;
	margin-top: 15px;
}

#page.password-reset .content.result {
    text-align:center;
	padding:50px 0;
}

#page.password-reset .spinner-container {
	margin:25px 0 0;
}


/* Signup form */

#signup form h2 {
	margin-top:0px;
}

#signupForm input.validated {
	background: url('assets/icon-signup-fields.gif') right -3px top -2px no-repeat #fff;
}

#signupForm input.validating {
	background: url('assets/icon-signup-fields.gif') right -3px top -43px no-repeat #fff;
}

#signupForm .spinner {
	position: absolute;
	bottom: 5px;
	left: 50%; 
	margin-left: -15px;
	display: none;
	background: url('assets/spinner.gif');
	height: 30px;
	width: 30px;
}

#signup h1.title-large {
	font-size: 40px;
	text-align: left;
	font-weight: 200;
	width: 400px;
	padding-left: 20px;
	margin-top: 20px;
}

#signup-fullpage {
	position:relative;
	font-size:14px;
}

#signup-fullpage #signupForm .hinted label {
	left:0px;
	margin-left:80px;
	font-size:13px;
	top:6px;
}

#signup-fullpage .replacement {
	position:relative;
	left:0px;
	top:0px;
	text-align: center;
	font-size: 16px;
	margin-top: -35px;
	font-weight: bold;
}

#signup-fullpage .replacement-text strong {
	display: block;
}

#signup-fullpage p {
	font-size: 16px;
}

#signup-fullpage p.error {
	right: 0px;
	left: 0px;
	position: absolute;
	top: 90px;
	font-size: 13px;
}

#signup-fullpage p,
#signup-fullpage h1,
#signup-fullpage h2,
#signup-fullpage ul {
	text-align:center;
}

#signup-fullpage ul {
	text-align:justify
}

#signup-fullpage li {
	list-style-type:none;
	background:url('assets/dropBlue.png') 0px 2px no-repeat;
	padding-left:25px;
	padding-top:4px;
	padding-bottom:4px;
}

#signup-fullpage #captchaOptions {
	width:240px;
	position:relative;
	left:50%;
	margin-left:-120px;
	padding:0px;
}

#signup-fullpage #captchaOptions p {
	text-align:right;
	margin-left:0px;
	margin-right:0px;
}

#signup-fullpage #captchaRegenerate {
	float:left;
}

#signup-fullpage #signup {
	position:relative;
}

#signup-fullpage #signup .signup-container {
	margin: 100px auto 200px;
	width: 800px;
	height: 300px;
}

#signup-fullpage #signup .signup-container .signup-title {
	width: 350px;
	float: left;
}

#signup-fullpage #signup .signup-container .signup-form {
	width: 320px;
	float: right;
}

#signupForm .callout-container {
	width: 300px;
}

#signupForm .callout-container.submit {
	margin-top: 20px;
}

#page.password-reset #passwordAgain {
    margin-bottom:5px;
}

#page.password-reset .spinner-container {
	text-align:center;
}


#signupForm input,
#page.login input,
#old-forgot-lightbox input,
#page.password-reset input {
	width: 280px;
	margin: 10px 0 0 0;
	padding: 0 10px;
	height:30px;
	font-size:14px;
}

#signupForm input {
	width: 260px;
	padding: 0 30px 0 10px;
}

#signupForm input::-ms-clear,
#signupForm input::-ms-reveal {
    display: none;
}

#signupForm input[readonly] {
	background-color: #ddd;
	width: 280px;
	padding-right: 10px;
	cursor: default;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
}

#old-forgot-lightbox input {
	margin:20px 0 10px;
}

#old-forgot-lightbox .buttons {
	margin: 15px 0 0 0;
}

#signup #signupForm input.error {
	border-color: #f47925;
}

#signupForm.submitting input.error,
#signupForm input.error.validating,
#signupForm input:focus.error {
	border-color: #999;
}

#signupForm input#agreed {
	width: 12px;
	height: 12px;
	margin: 0 5px 0 0 ;
}

@media screen and (min-width:0\0) {
#signupForm input#agreed {
	vertical-align: -2px;
}
}

/* TODO: Delete /signup/finish */
#signup #signupFinish input {
	border-radius:10px;
	padding:4px 10px !important;
}

#signup #signupFinish input[type="checkbox"] {
	vertical-align: bottom;
}

#signup-fullpage #signupFinish p {
	font-size: 12px;
}

#signup-fullpage #signupFinish h1,
#signup-fullpage #signupFinish p {
	margin-bottom:10px;
}

#signup-fullpage #signupFinish h1 {
	font-size: 37px;
}

#signup-fullpage #signupFinish h2 {
	padding-top:30px;
	margin-bottom:10px;
}

#signup-fullpage #signupFinish #accountName,
#signup-fullpage #signupFinish #password {
	margin-bottom:0px;
}

#signup-fullpage #signupFinish p.hinted {
	clear:both;
}

#signup-fullpage p.hinted.referral {
	margin-top:20px;
}

#signup-fullpage #signupFinish span.error,
#signup-fullpage #signupFinish span.success {
	display:block;
	position:absolute;
	bottom:-30px;
	margin:0px;
	left:0px;
	right:0px;
}

#signup-fullpage #signupFinish span.success {
	color:#333333;
}

#signup-fullpage #signupFinish #captchaContainer span.error {
	bottom:-10px;
}

#signup-fullpage #signupFinish #captchaContainer h2 {
	text-transform:uppercase;
}

#signup-fullpage #signupFinish #checkAvailability.checking {
	color:#777;
}

#signup-fullpage #signupFinish #terms {
	margin:20px 0;
	position:relative;
}

#signup-fullpage #signupFinish p.spinner {
	position: absolute;
	bottom: 40px; 
	left: 50%; 
	margin-left: -15px;
}

#signupForm #verified #terms {
	font-size:12px;
}

#signupForm #verified #terms {
	margin: 15px 0 30px;
	font-size:12px;
}

#signupForm .callout {
	border-color: #f47925;
	padding: 10px;
	font-size: 12px;
	width: auto;
	max-width: 200px;
	text-align: center;
	display: none;
}

#signupForm .callout.shown {
	display: block;
}

#signupForm.submitting .callout.shown {
	display: none;
}

#signupForm .callout .callout-error-text {
	display: block;
}

#signupForm .arrow-callout {
	border-color: #f47925;
}

#singlepadding {
	padding:30px;
	overflow-x:hidden;
}

#singlepadding .box {
	border-left:1px solid #caecf9;
	border-right:1px solid #caecf9;
	margin:0 auto;
	position:relative;
	padding:1px 30px 20px 30px;
}

#singlepadding .top {
	position:absolute;
	top:-31px;
	left:-1px;
	right:-1px;
	height:30px;
	border-left:1px solid #caecf9;
	border-right:1px solid #caecf9;
}

#singlepadding .bottom {
	position:absolute;
	bottom:-31px;
	left:-1px;
	right:-1px;
	height:30px;
	border-left:1px solid #caecf9;
	border-right:1px solid #caecf9;
}

#singlepadding .row {
	margin:0;
	padding:0;
	border-style:solid;
	border-width:0 0 1px 0;
	border-color:#caecf9;
}

#singlepadding .row.row-first {
	border-top-width:1px;
}

#singlepadding.wave {
	padding-bottom:460px;
}

#singlepadding.wave .bottom {
	bottom:-461px;
	height:460px;
}

#tracks {
	background-color:#fff;
}

#trackpadding {
	margin:0px;
	overflow-x:hidden;
}

#trackpadding #tracks > .content {
	min-height:535px;
}

#trackpadding.mountain {
	padding-bottom:360px;
	position:relative;
}

#wave {
	position:absolute;
	height:460px;
	width:100%;
	background:url("files/background-wave.png") bottom repeat-x;
	bottom:0px;
	background-size:100%;
}

.far-right {
	position:absolute;
	top:0px;
	bottom:-1px;
	right:-801px;
	width:800px;
	background:#ffffff;
}

.far-left {
	position:absolute;
	top:0px;
	bottom:-1px;
	left:-801px;
	width:800px;
	background:#ffffff;
}

.replacement {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	font-size:14px;
}

.pleasewait {
    margin-left: 10px;
    color: #777;
}

.pleasewait_small {
	font-size:12px
}

/* new account welcome page */
#welcome.page {
	text-align:center;
	padding:60px 0 80px;
}


#welcome.page h1, #account-welcome h2 {
	margin:0;
}

#welcome.page h1 {
	font-size: 58px;
	font-weight: normal;
	color: #95daf4;
	letter-spacing: -2px;
}

#welcome.page h2 {
	font-size: 25px;
	margin: 40px 0 20px;
}

#welcome.page h3 {
	font-size: 18px;
	font-weight: normal;
	margin: 40px auto 10px;
}

#welcome.page #plan-status {
	font-size:15px;
	border:1px solid #95daf4;
	padding:8px 15px;
	position:absolute;
	top:90px;
	right:20px;
	color:#333;
	font-weight:normal;
}

#welcome.page #plan-status:hover {
	border-color:#2bb5e9;
}

#welcome.page #plan-status span {
	color:#2bb5e9;
}

#welcome.page #plan-status:hover span {
	color:#0882b6;
}


/* iot page styling */
#page.iot.home {
	width: 100%;
	margin: 0;
}

#iot-page { 
	margin: 60px auto 120px;
}

#iot-page .block { 
	margin:40px auto 100px;
}

#iot-page h1, #iot-page h2, #iot-page .body-xlarge {
	text-align:center;
	font-weight:normal;
}

#iot-page h2 {
	margin-top:0;
}

#iot-title h1 {
	font-size:42px;
	margin:0;
}

#iot-title h2 {
	font-size:36px;
	margin:0 0 10px; 
}

#iot-page #iot-feature.block .feature-row {
	height:130px;
}

#iot-page #iot-topologies.block p.body-xlarge { 
	width: 1000px;
	margin: 20px auto;
	font-size:18px;
}

#iot-page .block .feature-row {
	height: 160px;
	margin: 0 auto;
}

#iot-page .block .feature-row.features-2 {
	width: 810px;
}

#iot-page .block .feature-row.features-2 .feature {
	width: 250px;
	height:160px;
	padding-left: 140px;
}

#iot-page .block .feature {
	background: url('assets/graphic-iot-features.png') no-repeat left top;
	float: left;
	width: 200px;
	height: 100px;
	padding-left: 100px;
	padding-right:15px;
}

#iot-page .block .feature h4 {
	font-size: 16px;
	font-weight:bold;
	margin-top: 5px;
	margin-bottom: -10px;
}

#iot-page .block .feature#codevirtualization { background-position: left top }
#iot-page .block .feature#datafiltering { background-position: left -200px }
#iot-page .block .feature#cloudreprogramming { background-position: left -400px }
#iot-page .block .feature#mcus { background-position: left -600px }
#iot-page .block .feature#socs { background-position: left -800px }
#iot-page .block .feature#apps { background-position: left -1000px }
#iot-page .block .feature#arduino { background-position: left -1200px }
#iot-page .block .feature#ti { background-position: left -1400px }
#iot-page .block .feature#samsung { background-position: left -1600px }

#iot-page #iot-topologies.block {
	margin-bottom:50px;
}

#iot-topologies.block h3 {
	font-size: 23px;
	width: 600px;
	margin: 0 auto 20px;
}

#topologies-animation {
	height: 260px;
	width: 820px;
	background: url('assets/graphic-iot-topologies.gif') no-repeat center top;
	margin:0 auto;
	background-size: 820px 260px;
}

#iot-scale.block {
	background: url('assets/graphic-iot-scale.png') no-repeat right top;
	height: 300px;
	width: 280px;
	padding-right: 600px;
	padding-top: 20px;
	background-size: 600px 300px;
}

#iot-page #iot-scale.block h2 {
	text-align: left;
	margin-bottom: 20px;
	width: auto;
}

#iot-triangle {
	margin:-20px 0 40px 85px;
	height:275px;
	width:800px;
	background:url('assets/graphic-iot-title.png') no-repeat center top;
	background-size:800px 300px;
}

#iot-triangle .title-feature {
	height:100px;
	text-align:center;
	position:absolute;
}

#iot-triangle .title-feature h3 {
	margin: 0;
	font-size: 16px;
}

#iot-triangle .title-feature p {
	margin:0;
}

#iot-triangle .title-feature#block1 {
	width:280px;
	margin: 40px 0 0 370px;
}

#iot-triangle .title-feature#block2 {
	width:240px;
	margin:180px 0 0 90px;
}

#iot-triangle .title-feature#block3 {
	width:270px;
	margin:180px 0 0 570px;
}

#iot-page p#learn-more {
  border-top: 1px solid #caecf9;
  margin: 40px auto 50px;
  padding-top: 5px;
  text-align: center;
  width: 250px;
}

/* features-3 row */

#iot-page .block .feature-row.features-3 h2 {
	font-size:34px;
}

#iot-page .block .feature-row.features-3 ul {
	padding: 5px 0 0 20px;
	font-size: 14px;
}

#iot-page .block .feature-row.features-3 ul p.body {
	margin:0;
}

#iot-page .block .feature-row.features-3 p.body-xlarge {
	margin: -10px 0 35px;
}

#iot-page .block .feature-row.features-3 .feature {
	padding-left: 126px;
	width: 180px;
	padding-right: 0px;
	height: 125px;
}

#iot-page #iot-ecosystem.block .feature-row.features-3 {
	margin-left: 120px;
}

#iot-page #iot-devices.block .feature-row.features-2 {
	width: 1000px;
}

#iot-page #iot-devices.block .feature {
	width: 172px;
	height:160px;
	padding-left: 140px;
}

#iot-page .block .feature-row.features-3 {
	margin-left: 70px;
	width: 1000px;
}

#iot-page #iot-connectivity {
    border: 1px solid #caecf9;
    margin: 40px auto 0;
    width: 660px;
}

#iot-page #iot-connectivity h3 {
	text-align: center;
	font-weight:normal;
	margin:35px 0 10px;
}

#iot-page #iot-connectivity .connection {
	background: url('assets/graphic-connectivity.png') no-repeat left top;
	width: 95px;
	height: 30px;
	padding: 80px 0 0;
	text-align: center;
	float: left;
	margin:0 15px;
}

#iot-page #iot-connectivity .feature-row {
	width:500px;
	height:150px;
}

#iot-page #iot-connectivity .connection p {
	margin-bottom: -12px;
}

#iot-page #iot-connectivity .connection#bluetooth { background-position: left 0 }
#iot-page #iot-connectivity .connection#ethernet { background-position: left -100px }
#iot-page #iot-connectivity .connection#gsm { background-position: left -200px }
#iot-page #iot-connectivity .connection#wifi { background-position: left -400px }



/* IOT APPS general */

#iot-page .block#iotapps h2 {
	margin-bottom:35px;
}

#iot-page .block#iotapps .feature-row .iotapp {
	background:url('assets/button-iotapps-large.png') no-repeat left top;
	display:inline-block;
	padding-left: 100px;
	width: 245px;
	height: 150px;
	color:#333;
	font-size:14px;
	font-weight:normal;
	margin-right:10px;
}

#iot-page .block#iotapps a:hover .iotapp { color:#333 }

#iot-page .block#iotapps .feature-row { 
	width:1100px;
}
#iot-page .block#iotapps .feature-row.features-2 { margin-left: 205px }
#iot-page .block#iotapps .feature-row.features-3 { margin-left: 5px }

/* IOT APPS images */

#iot-page .block#iotapps .iotapp#water { background-position: left 0px }
#iot-page .block#iotapps .iotapp#environment { background-position: left -200px }
#iot-page .block#iotapps .iotapp#farming { background-position: left -400px }
#iot-page .block#iotapps .iotapp#cities { background-position: left -600px }
#iot-page .block#iotapps .iotapp#energy { background-position: left -800px }
#iot-page .block#iotapps .iotapp#manufacturing { background-position: left -1000px }
#iot-page .block#iotapps .iotapp#logistics { background-position: left -1200px }
#iot-page .block#iotapps .iotapp#building { background-position: left -1400px }

#iot-page .block#iotapps .iotapp#water:hover { background-position: -400px 0px }
#iot-page .block#iotapps .iotapp#environment:hover { background-position: -400px -200px }
#iot-page .block#iotapps .iotapp#farming:hover { background-position: -400px -400px }
#iot-page .block#iotapps .iotapp#cities:hover { background-position: -400px -600px }
#iot-page .block#iotapps .iotapp#energy:hover { background-position: -400px -800px }
#iot-page .block#iotapps .iotapp#manufacturing:hover { background-position: -400px -1000px }
#iot-page .block#iotapps .iotapp#logistics:hover { background-position: -400px -1200px }
#iot-page .block#iotapps .iotapp#building:hover { background-position: -400px -1400px }

/* IOT APPS text */

#iot-page .block#iotapps .iotapp h4 {
	font-size:20px;
	font-weight:bold;
	margin:0 0 2px;
}

#iot-page .block#iotapps .iotapp h4 { color:#2bb5e9 }
#iot-page .block#iotapps a:hover .iotapp h4 { color:#0882b6 }


/* iot subpage styling */
#page.iot-example-page {
	margin:80px auto;
	width:900px;
}

#page.iot-example-page h3, #page.iot-example-page h4, #page.iot-example-page ul, #page.iot-example-page p {
	padding:0 100px;
}

#page.iot-example-page .header {
	background:url('assets/graphic-header-iotexamples.png') no-repeat left top;
	width:900px;
	height:200px;
}

#page.iot-example-page .header#freightmanagement { background-position: left 0px }
#page.iot-example-page .header#beemonitoring { background-position: left -200px }	
#page.iot-example-page .header#watertankmaintenance { background-position: left -400px }
#page.iot-example-page .header#retailoptimization { background-position: left -600px }

#page.iot-example-page h1 {
	font-size:42px;
	text-align:center;
	font-weight:200;
	margin-bottom:0;
}

#page.iot-example-page h2 {
	font-size:18px;
	text-align:center;
	font-weight:normal;
}

#page.iot-example-page h3 {
	font-size:15px;
	font-weight:bold;
	margin-top:50px;
}

#page.iot-example-page .iotexample-choreo {
	min-height:50px;
	background:url('assets/graphic-iotexamples-choreos.png') no-repeat 100px top;
	margin:0 10px 25px 0;
	padding-left:110px;
}

#page.iot-example-page .iotexample-choreo#pagerduty { background-position:100px 0px }
#page.iot-example-page .iotexample-choreo#amazons3 { background-position:100px -100px }
#page.iot-example-page .iotexample-choreo#parse { background-position:100px -200px }
#page.iot-example-page .iotexample-choreo#yahooweather { background-position:100px -300px }
#page.iot-example-page .iotexample-choreo#nexmo { background-position:100px -400px }
#page.iot-example-page .iotexample-choreo#zendesk { background-position:100px -500px }
#page.iot-example-page .iotexample-choreo#googlecalendar { background-position:100px -600px }
#page.iot-example-page .iotexample-choreo#twilio { background-position:100px -700px }
#page.iot-example-page .iotexample-choreo#gmail { background-position:100px -800px }
#page.iot-example-page .iotexample-choreo#temboo { background-position:100px -900px }

#page.iot-example-page ul.iot-example-hardware {
	min-height:120px;
}

#page.iot-example-page ul.iot-example-hardware li {
	width:100px;
	background:url('assets/graphic-iotexamples-hardware.png') no-repeat left top;
	list-style: none;
	float: left;
	padding-top: 100px;
	margin-right:10px;
}

#page.iot-example-page ul.iot-example-hardware li#hardware-tilaunchpad { background-position: left 0px }
#page.iot-example-page ul.iot-example-hardware li#hardware-tisensorhub { background-position: left -100px }
#page.iot-example-page ul.iot-example-hardware li#hardware-anaren { 
	background-position: left -200px;
	width:140px;
}
#page.iot-example-page ul.iot-example-hardware li#hardware-weightsensor { background-position: left -300px }
#page.iot-example-page ul.iot-example-hardware li#hardware-soundsensor { background-position: left -400px }
#page.iot-example-page ul.iot-example-hardware li#hardware-humiditysensor { background-position: left -500px }
#page.iot-example-page ul.iot-example-hardware li#hardware-temperaturesensor { background-position: left -600px }
#page.iot-example-page ul.iot-example-hardware li#hardware-androiddevice { background-position: left -700px }
#page.iot-example-page ul.iot-example-hardware li#hardware-accelerometer { background-position: left -800px }
#page.iot-example-page ul.iot-example-hardware li#hardware-tisensortag { background-position: left -900px }
#page.iot-example-page ul.iot-example-hardware li#hardware-liquidsensor { 
	background-position: left -1000px;
	width:120px;
}
#page.iot-example-page ul.iot-example-hardware li#hardware-waterpump { background-position: left -1100px }

#page.iot-example-page ul.iot-example-hardware p {
	padding: 0;
	background: #fff;
	margin: 0;
}

#page.iot-example-page ul.iot-example-hardware li.hardware-label-list {
	background:none;
	padding:0;
	width:250px;
	margin-left:-20px;
	text-align:left;
}

#page.iot-example-page ul.iot-example-hardware li.hardware-label-list ul {
	margin-top:3px;
}

#page.iot-example-page ul.iot-example-hardware li.hardware-label-list p {
	font-weight:bold;
}

#page.iot-example-page ul.iot-example-hardware li.hardware-label-list li {
	background: none;
	padding: 0;
	margin: 0 0 0 -100px;
	float: none;
	width: 250px;
	list-style: initial;
	list-style-position: inside;
}

/* JOBS page */

body#page-jobs-index {
	min-width: 100%;
}

#jobs-page.content-page .title {
	z-index: 1;
}

#jobs-page .section {
	margin-bottom: 80px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#jobs-page .section.menu {
	margin-top: -1px;
}

#jobs-page .section .section-title {
	font-size: 34px;
	font-weight: 300;
	text-align: center;
}

#jobs-page .section .section-text {
	font-size: 20px;
	font-weight: 300;
	text-align: left;
	line-height: 28px;
	margin-bottom: 30px;
}

#jobs-page .section.intro {
	color: #fff;
	font-weight: 300;
	text-align: center;
	height: 418px;
	margin-bottom: 0;
}

#jobs-page .section.intro .section-inner {
	position: absolute;
	min-width: 1280px;
	left: 0;
	right: 0;
	/*background-image: url('files/photo-jobs-banner.png');
	background-size: 100%;
	height: 418px;
	background-repeat: no-repeat;
	width: 100%;
	background-position: center center;*/
	background-color: #2bb5e9;
}

#jobs-page .section.intro .section-inner .background {
	background-image: url('files/photo-jobs-banner.png');
	background-size: 100%;
	height: 418px;
	background-repeat: no-repeat;
	width: 100%;
	background-position: center center;
}

#jobs-page .section.intro .jobs-title-text {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

#jobs-page .section.intro .jobs-title {
	font-size: 44px;
	margin-top: 89px;
	margin-bottom: 31px;
}

#jobs-page .section.intro .jobs-description {
	font-size: 20px;
	margin-bottom: 50px;
}

#jobs-page .section.intro button {
	font-weight: normal;
	border-radius: 8px;
	width: 200px;
	padding: 10px 0;
}

body#page-manufacturing-index,
/*body#page-marketing-platform,*/
/*body#page-platform-index,*/
body#page-digitaltransformation-index {
	min-width: 100%;
}

#jobs-page .section.text-blocks .text-block,
#platform.page .section.text-blocks .text-block,
#manufacturing.page .section.text-blocks .text-block,
#digital-transformation.page .section.text-blocks .text-block {
	display: inline-block;
	vertical-align: top;
}

#jobs-page .section.text-blocks .text-block {
	margin: 0 20px;
}

#platform.page .section.text-blocks .text-block {
	margin: 0 30px;
}

#platform.page .section.text-blocks .text-block:first-of-type,
#manufacturing.page .section.text-blocks .text-block:first-of-type,
#digital-transformation.page .section.text-blocks .text-block:first-of-type {
	margin-left: 0;
}

#platform.page .section.text-blocks .text-block:last-of-type,
#manufacturing.page .section.text-blocks .text-block:last-of-type,
#digital-transformation.page .section.text-blocks .text-block:first-of-type {
	margin-right: 0;
}

#jobs-page .section.text-blocks .text-block {
	width: 325px;
}

#platform.page .section.text-blocks,
#manufacturing.page .section.text-blocks,
#digital-transformation.page .section.text-blocks {
	white-space: nowrap;
}

#manufacturing.page .section.text-blocks,
#digital-transformation.page .section.text-blocks {
	display: inline-block;
	margin: 150px auto 100px;
}

#digital-transformation.page .section.text-blocks {
	margin-bottom: 80px;
}

#manufacturing.page .section.text-blocks .title,
#digital-transformation.page .section.text-blocks .title {
	margin-bottom: 100px;
}

#platform.page .section.text-blocks .text-block,
#manufacturing.page .section.text-blocks .text-block,
#digital-transformation.page .section.text-blocks .text-block {
	width: 230px;
	white-space: normal;
	font-weight: normal;
}

#manufacturing.page .section.text-blocks .text-block,
#digital-transformation.page .section.text-blocks .text-block {
	width: 270px;
	margin: 0 15px;
}

#jobs-page .section.text-blocks .text-block-title,
#platform.page .section.text-blocks .text-block-title,
#manufacturing.page .section.text-blocks .text-block-title,
#digital-transformation.page .section.text-blocks .text-block-title {
	font-size: 20px;
	font-weight: 300;
	text-align: left;
	margin-bottom: 10px;
}

#manufacturing.page .section.text-blocks .text-block-title,
#digital-transformation.page .section.text-blocks .text-block-title {
	font-size: 18px;
	font-weight: 600;
}

#jobs-page .section.text-blocks .text-block-title > *,
#platform.page .section.text-blocks .text-block-title > *,
#manufacturing.page .section.text-blocks .text-block-title > *,
#digital-transformation.page .section.text-blocks .text-block-title > * {
	vertical-align: middle;
}

#jobs-page .section.text-blocks .text-block-title .text-block-icon {
	background-image: url('files/icons-jobs-top.png');
	background-repeat: no-repeat;
	background-size: 120px 180px;
	width: 60px;
	height: 60px;
	display: inline-block;
}

#jobs-page .section.text-blocks .text-block-title .text-block-icon.potential {
	background-position: left top;
}

#jobs-page .section.text-blocks .text-block-title .text-block-icon.product {
	background-position: left -60px;
}

#jobs-page .section.text-blocks .text-block-title .text-block-icon.people {
	background-position: left -120px;
}

#platform.page .section.text-blocks .text-block-title .text-block-icon {
	background-image: url('files/graphic-platform-diagram-four-s.png');
	background-repeat: no-repeat;
	background-size: 63px 219px;
	width: 63px;
	height: 55px;
	display: inline-block;
}

#platform.page .section.text-blocks .text-block-title .text-block-icon.scalable {
	background-position: left top;
}

#platform.page .section.text-blocks .text-block-title .text-block-icon.secure {
	background-position: left -55px;
}

#platform.page .section.text-blocks .text-block-title .text-block-icon.stable {
	background-position: left -110px;
}

#platform.page .section.text-blocks .text-block-title .text-block-icon.support {
	background-position: left -165px;
}

#platform.page .divider-container {
	width: 950px;
	margin: 0 auto;
}

#platform.page .divider-container .divider {
	height: 2px;
	background-color: #95daf4;
	width: 0%;
}

#platform.page .divider-container .divider.full {
	width: 100%;
	transition: width 2.5s linear;
	-moz-transition: width 2.5s linear;
	-webkit-transition: width 2.5s linear;
}

#manufacturing.page .section.text-blocks .text-block-title .text-block-icon {
	background-image: url('files/icons-manufacturing-page-styles.png');
	background-repeat: no-repeat;
	display: inline-block;
	width: 65px;
	height: 65px;
	background-size: 100%;
}

#manufacturing.page .section.text-blocks .text-block-title .text-block-icon.costs {
	background-position: left top;
}

#manufacturing.page .section.text-blocks .text-block-title .text-block-icon.data {
	background-position: left -65px;
}

#manufacturing.page .section.text-blocks .text-block-title .text-block-icon.insights {
	background-position: left -130px;
}

#manufacturing.page .section.text-blocks .text-block-title .text-block-icon.implement {
	background-position: left -195px;
}

#digital-transformation.page .section.text-blocks .text-block-title .text-block-icon {
	background-image: url('files/icons-digital-transformation-page.png');
	background-repeat: no-repeat;
	display: inline-block;
	width: 65px;
	height: 65px;
	background-size: 100%;
}

#digital-transformation.page .section.text-blocks .text-block-title .text-block-icon.api {
	background-position: left top;
}

#digital-transformation.page .section.text-blocks .text-block-title .text-block-icon.interoperability {
	background-position: left -65px;
}

#digital-transformation.page .section.text-blocks .text-block-title .text-block-icon.workforce {
	background-position: left -130px;
}

#digital-transformation.page .section.text-blocks .text-block-title .text-block-icon.innovation {
	background-position: left -195px;
}


#manufacturing.page .gear-illustration.right,
#digital-transformation.page .gear-illustration.right {
	position: absolute;
	left: 0;
	right: 0;
	margin: 10px auto 0;
}

#manufacturing.page .gear-illustration.right .title,
#digital-transformation.page .gear-illustration.right .title {
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
}

#manufacturing.page .gear-container,
#digital-transformation.page .gear-container {
	position: relative;
	width: 1280px;
	margin: 0 auto;
	background-color: #fff;
}

#manufacturing.page .gear-illustration.right .gear-container .gear-container-inner {
	background-image: url('files/illustration-one-manufacturing-page.png');
	background-size: 100%;
	height: 70px;
	width: 250px;
	background-repeat: no-repeat;
	position: relative;
	margin-left: auto;
	background-position: right -7px top;
}

#digital-transformation.page .gear-illustration.right .gear-container .gear-container-inner {
	background-image: url('files/illustration-one-digital-transformation-page.png');
	background-size: 100%;
	height: 110px;
	width: 290px;
	background-repeat: no-repeat;
	right: -10px;
	position: relative;
	margin-left: auto;
}

#manufacturing.page .gear-illustration.left {
	margin-left: -11px;
}

#manufacturing.page .gear-illustration.left .gear-container {
	height: 70px;
}

#digital-transformation.page .gear-illustration.left .gear-container {
	height: 110px;
	margin-bottom: 30px;
}

#manufacturing.page .gear-illustration.left .gear-container .gear-container-inner {
	background-image: url('files/illustration-two-manufacturing-page.png');
	background-size: 100%;
	height: 70px;
	width: 650px;
	background-repeat: no-repeat;
	position: relative;
	margin-left: -12px;
}

#digital-transformation.page .gear-illustration.left .gear-container .gear-container-inner {
	background-image: url('files/illustration-two-digital-transformation-page.png');
	background-size: 100%;
	height: 110px;
	width: 650px;
	background-repeat: no-repeat;
	position: relative;
	left: -11px;
}

#manufacturing.page .gear-illustration.left .gear-line {
	height: 66px;
	border-color: #bbe4f8;
}

#digital-transformation.page .gear-illustration.right .gear-line {
	border-bottom: 2px solid #7ac8f0;
	position: absolute;
	margin-top: 48px;
}

#manufacturing.page .gear-illustration.both .gear-container {
	background-image: url('files/illustration-three-manufacturing-page.png');
	background-size: 1280px;
	position: relative;
	height: 250px;
	background-repeat: no-repeat;
	width: 1278px;
	background-position: -1px top;
}

#digital-transformation.page .gear-illustration.both .gear-container {
	background-image: url('files/illustration-three-digital-transformation-page.png');
	background-size: 1280px;
	position: relative;
	height: 300px;
	background-repeat: no-repeat;
	width: 1279px;
	background-position: -2px top;
}

#manufacturing.page .gear {
	background-image: url('files/graphic-manufacturing-gear.png');
	width: 41px;
	height: 41px;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
}

#manufacturing.page .gear-illustration.right .gear {
	top: 15px;
	left: 25px;
}

#manufacturing.page .gear-illustration.left .gear {
	top: 15px;
	right: 25px;
}

#manufacturing.page .gear-illustration.both .gear.left {
	top: 88px;
	left: 614px;
}

#manufacturing.page .gear-illustration.both .gear.right {
	top: 193px;
	right: 519px;
}

#manufacturing.page .section.contact .gear.left {
	top: 407px;
	left: 541px;
}

#manufacturing.page .section.contact .gear.right {
	top: 285px;
	right: 617px;
}

#manufacturing.page .gear-line {
	border-top: 2px solid #7ac9f2;
	border-bottom: 2px solid #7ac9f2;
	height: 66px;
	position: absolute;
}

#manufacturing.page .gear-illustration.right .gear-line {
	border-width: 1px;
	margin-top: 1px;
	height: 67px;
}

#digital-transformation.page .gear-line {
	position: absolute;
}

#manufacturing.page .gear-line.left,
#digital-transformation.page .gear-line.left {
	left: 0;
	right: 50%;
}

#manufacturing.page .gear-line.right,
#digital-transformation.page .gear-line.right {
	left: 50%;
	right: 0;
}

#digital-transformation.page .gear-illustration.left .gear-line.left {
	border-bottom: 2px solid #7ac8f0;
	margin-top: 54px;
}

#manufacturing.page .gear-illustration.both .gear-line.left {
	margin-top: 73px;
	border-color: #bae4f8;
}

#manufacturing.page .gear-illustration.both .gear-line.right {
	margin-top: 179px;
	border-width: 1px;
	height: 67px;
}

#digital-transformation.page .gear-illustration.both .gear-line.left {
	margin-top: 106px;
	border-color: #bae4f8;
	border-top: 2px solid #7ac8f0;
	border-bottom: 2px solid #7ac8f0;
	height: 105px;
}

#digital-transformation.page .gear-illustration.both .gear-line.right {
	margin-top: 136px;
	height: 76px;
	border-top: 2px solid #7ac8f0;
}

#digital-transformation.page .gear-line.right {
	border-bottom: 2px solid #7ac8f0;
}

#digital-transformation.page .section.contact .gear-line.right {
	border-top: 2px solid #7ac8f0;
	height: 105px;
	margin-top: 112px;
}

#manufacturing.page .gear.animated {
	animation-duration: 2s;
	animation-name: gear-rotate;
	animation-timing-function: linear;
}

#manufacturing.page .gear-illustration.left .gear.animated,
#manufacturing.page .gear-illustration.right .gear.animated {
	animation-name: gear-rotate-counter;
}

@keyframes gear-rotate {
	from {
		transform: rotate(0deg);
	} to {
		transform: rotate(180deg);
	}
}

@keyframes gear-rotate-counter {
	from {
		transform: rotate(0deg);
	} to {
		transform: rotate(-180deg);
	}
}

#jobs-page .section.text-blocks .text-block-text,
#platform.page .section.text-blocks .text-block-text,
#manufacturing.page .section.text-blocks .text-block-text,
#digital-transformation.page .section.text-blocks .text-block-text {
	font-size: 14px;
	line-height: 22px;
	text-align: left;
}

#manufacturing.page .section.text-blocks .text-block-text,
#digital-transformation.page .section.text-blocks .text-block-text {
	font-weight: 300;
}

#jobs-page .section.grid .grid-block {
	width: 308px;
	height: 239px;
	display: inline-block;
	vertical-align: top;
	margin: 4px 3px 4px 2px;
}

#jobs-page .section.grid .grid-row {
	white-space: nowrap;
}

#jobs-page .section.grid .grid-row * {
	white-space: normal;
}

#jobs-page .section.grid .grid-block.photo {
	background-size: 100%;
}

#jobs-page .section.grid .grid-block.photo#engineer {
	background-image: url('files/photo-jobs-engineer.png');
}

#jobs-page .section.grid .grid-block.photo#hardware {
	background-image: url('files/photo-jobs-hardware.png');
}

#jobs-page .section.grid .grid-block.photo#ny {
	background-image: url('files/icons-jobs-temboo-heart-ny.png');
	border: 1px solid #aaa;
	width: 306px;
	height: 237px;
	background-size: 130px 130px;
	background-repeat: no-repeat;
	background-position: 92px;
}

#jobs-page .section.grid .grid-block.photo#tribeca {
	background-image: url('files/photo-jobs-tribeca.png');
}

#jobs-page .section.grid .grid-block.photo#picnic {
	background-image: url('files/photo-jobs-picnic.png');
}

#jobs-page .section.grid .grid-block.text {
	color: #fff;
	text-align: left;
}

#jobs-page .section.grid .grid-block.text.quote {
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
	padding: 25px 35px;
	width: 238px;
	height: 189px;
}

.quote-icon {
	background-image: url('files/graphics-jobs-quotes.png');
	background-size: 22px 44px;
	height: 22px;
	width: 22px;
	display: inline-block;
	opacity: .5;
}

.quote-icon.open {
	background-position: left top;
}

.quote-icon.close {
	background-position: left -22px;
}

#jobs-page .section.grid .grid-block.text.quote .author {
	text-align: right;
	margin-top: 10px;
}

#jobs-page .section.grid .grid-block.text.quote .author strong {
	font-weight: 600;
}

#jobs-page .section.grid .grid-block.text#quote1 {
	background-color: #3cc897;
}

#jobs-page .section.grid .grid-block.text#quote2 {
	background-color: #3fafe3;
}

#jobs-page .section.grid .grid-block.text#location {
	background-color: #f8c308;
	font-weight: 600;
	font-size: 26px;
	padding: 50px 35px;
	height: 139px;
	width: 238px;
}

#jobs-page .section.paragraph {
	margin-bottom: 100px;
	background-color: #f6f6f6;
}

#jobs-page .section.paragraph .section-inner {
	margin: 0 auto;
	padding: 60px 0 10px;
	position: relative;
}

#jobs-page .section.paragraph .section-title {
	margin-bottom: 60px;
}

#jobs-page .section.paragraph .section.list {
	margin-bottom: 10px;
}

#jobs-page .section.jobs {
	font-weight: 300;
}

#jobs-page .section.jobs a {
	font-weight: 300;
}

#jobs-page .section.jobs .positions-grid {
	width: 1080px;
	margin: 40px auto 0;
}

#jobs-page .section.jobs .positions-grid .positions-row {
	border-bottom: 1px solid #ccc;
	text-align: left;
	padding-top: 40px;
}

#jobs-page .section.jobs .position-category {
	font-size: 26px;
	display: inline-block;
	width: 200px;
	vertical-align: top;
	margin-top: -3px;
}

#jobs-page .section.jobs .positions {
	display: inline-block;	
}

#jobs-page .section.jobs .position {
	display: inline-block;
	width: 285px;
	margin-bottom: 30px;
}

#jobs-page .section.jobs .position .job-title {
	font-size: 18px;
}

#jobs-page .section.jobs .position .position-location {
	font-size: 14px;
	font-weight: normal;
}

#jobs-page .section.team {
	width: 1080px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 60px;
}


#page.team {
width: 930px;
margin: 50px auto 60px;
text-align: left;
}

#page.team h1, #page.team h2 {
text-align:center;
}

#page.team h1 {
font-size:40px;
font-weight:bold;
margin-top:10px;
}

#page.team h2 {
font-size:20px;
margin: -20px auto 20px;
width:550px;
}

#page.team h2 a {
font-weight:normal;
}

#jobs-page #team-photos,
#page.team #team-photos {
margin-top:10px;
width: 930px;
margin: 50px auto 30px;
text-align: left;
}

#jobs-page .team-profile,
#page.team .team-profile {
min-width:100px;
padding: 20px 15px 40px;
text-align:left;
display:inline-block;
position:relative;
background:none;
}

#jobs-page .team-profile.blank,
#page.team .team-profile.blank {
visibility:hidden;
}

#jobs-page .team-profile .body-large,
#page.team .team-profile .body-large {
font-weight:bold;
margin: 10px 0 -10px;
}

#jobs-page .team-profile .subtitle-small,
#page.team .team-profile .subtitle-small {
font-size:10px;
position:absolute;
}

#jobs-page .team-photo,
#page.team .team-photo {
width:100px;
height:100px;
border-radius:10px;
}

#team-aaron {background:url('assets/team-aaron.png')}
#team-aaron {background:url('assets/team-alex.png')}
#team-anita {background:url('assets/team-anita.png')}
#team-basma {background:url('assets/team-basma.png')}
#team-caitlin {background:url('assets/team-caitlin.png')}
#team-claire-k {background:url('assets/team-claire-k.png')}
#team-claire-m {background:url('assets/team-claire-m.png')}
#team-cormac {background:url('assets/team-cormac.png')}
#team-craig {background:url('assets/team-craig.png')}
#team-drew {background:url('assets/team-drew.png')}
#team-jasper {background:url('assets/team-jasper.png')}
#team-jb {background:url('assets/team-jb.png')}
#team-jeffrey {background:url('assets/team-jeffrey.png')}
#team-jessica {background:url('assets/team-jessica.png')}
#team-jewel {background:url('assets/team-jewel.png')}
#team-jimmy {background:url('assets/team-jimmy.png')}
#team-joaquin {background:url('assets/team-joaquin.png')}
#team-joe {background:url('assets/team-joe.png')}
#team-john {background:url('assets/team-john.png')}
#team-kat {background:url('assets/team-kat.png')}
#team-kevin {background:url('assets/team-kevin.png')}
#team-madeleine {background:url('assets/team-madeleine.png')}
#team-mala {background:url('assets/team-mala.png')}
#team-matt {background:url('assets/team-matt.png')}
#team-monty {background:url('assets/team-monty.png')}
#team-nabeel {background:url('assets/team-nabeel.png')}
#team-natalia {background:url('assets/team-natalia.png')}
#team-nick {background:url('assets/team-nick.png')}
#team-reid {background:url('assets/team-reid.png')}
#team-sara {background:url('assets/team-sara.png')}
#team-sheila {background:url('assets/team-sheila.png')}
#team-tim {background:url('assets/team-tim.png')}
#team-trisala {background:url('assets/team-trisala.png')}
#team-vaughn {background:url('assets/team-vaughn.png')}
#team-yuki {background:url('assets/team-yuki.png')}
#team-massimo {background:url('assets/team-massimo.png')}
 
#jobs-page .team-blurb,
#page.team .team-blurb {
visibility:hidden;
text-align:center;
border:3px solid #caecf9;
padding:8px 12px;
border-radius:10px;
font-size:12px;
position:absolute;
bottom: 173px;
background:#fff;
opacity:0;
transition: opacity 100ms linear;
width:210px;
margin-left:-72px;
}

#jobs-page .team-blurb p,
#page.team .team-blurb p {
margin: 4px 0;
line-height:14px;
}

#jobs-page .team-profile:hover .team-photo,
#page.team .team-profile:hover .team-photo {
border: 3px solid #caecf9;
margin: -3px;
border-radius: 13px;
}

#jobs-page .team-profile:hover,
#page.team .team-profile:hover {
background-position: 55px -17px;
background-repeat: no-repeat;
background-image: url('assets/graphic-pointer-lightblue.png');
transition: background-image 200ms linear;
}

#jobs-page .team-profile:hover .team-blurb,
#page.team .team-profile:hover .team-blurb {
visibility:visible;
opacity:1;
transition:opacity 100ms linear;
}

#jobs-page .section.contact {
	width: 900px;
}

#jobs-page .section.contact .section-title {
	margin-bottom: 40px;
}

/* White text header */

#page-platform-index #header-inner,
#page-manufacturing-index #header-inner,
#page-education-index #header-inner,
#page-digitaltransformation-index #header-inner {
	border-bottom: none;
}

#page-pricing-index #header-inner.white {
	border-bottom: none;
}

/* Sticky header */

#header-inner.sticky.blue {
	background-color: #2bb5e9;
	position: fixed;
	padding-top: 10px;
	padding-bottom: 6px;
	margin-top: -10px;
	z-index: 2;
	top: -69px;
	box-shadow: 1px 6px 15px -3px rgba(102, 102, 102, 0.3); 
	-webkit-box-shadow: 1px 6px 15px -3px rgba(102, 102, 102, 0.3);
	-moz-box-shadow: 1px 6px 15px -3px rgba(102, 102, 102, 0.3);
	border-bottom: none;
}

#header-inner.sticky.blue.animated {
	transition: top .25s ease-in-out;
	-moz-transition: top .25s ease-in-out;
	-webkit-transition: top .25s ease-in-out;
}

#header-inner.sticky.blue.animated.shown {
	transition: top .75s ease-in-out;
	-moz-transition: top .75s ease-in-out;
	-webkit-transition: top .75s ease-in-out;
}

#header-inner.sticky.blue.has-menu {
	padding-bottom: 0;
}

#page-platform-index #header-inner.sticky.blue {
	z-index: 3;
}

#header-inner.sticky.blue.has-menu {
	top: -129px;
}

#header-inner.sticky.blue.shown {
	top: 10px;
	z-index: 5;
}

#page-platform-index #logo,
#page-education-index #logo,
#page-digitaltransformation-index #logo,
#page-manufacturing-index #logo,
#header-inner.blue #logo {
	width: 181px;
	height: 50px;
}

#page-platform-index #logo a,
#page-education-index #logo a,
#page-digitaltransformation-index #logo a,
#page-manufacturing-index #logo a,
#header-inner.blue #logo a {
	background-image: url('files/logo-header-white.png');
	width: 185px;
	height: 60px;
	margin-left: 19px;
	background-size: 100%;
	position: absolute;
	margin-top: -5px;
}

#page-platform-index #logo img,
#page-education-index #logo img,
#page-digitaltransformation-index #logo img,
#page-manufacturing-index #logo img,
#header-inner.blue #logo img {
	visibility: hidden;
}

#page-platform-index #navigation,
#page-education-index #navigation,
#page-digitaltransformation-index #navigation,
#page-manufacturing-index #navigation,
#header-inner.blue #navigation {
	bottom: -4px;
}

#page-platform-index #navigation .nav-link,
#page-education-index #navigation .nav-link,
#page-digitaltransformation-index #navigation .nav-link,
#page-manufacturing-index #navigation .nav-link,
#header-inner.blue #navigation .nav-link {
	color: #fff;
}

#navigation .callout-container:hover .nav-link,
#page-platform-index #navigation .callout-container:hover .nav-link,
#page-education-index #navigation .callout-container:hover .nav-link,
#page-digitaltransformation-index #navigation .callout-container:hover .nav-link,
#page-manufacturing-index #navigation .callout-container:hover .nav-link,
#header-inner.blue #navigation .callout-container:hover .nav-link {
	opacity: .75;
	transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
}

#navigation .callout-container:hover .nav-link {
	color: #2293BD;
}

/*#header-inner.sticky.is-over-panel {
	background: transparent;
	pointer-events: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	z-index: 10;
}*/

/* platform page styling */

#platform.page {
	height: 4755px;
	font-size: 14px;
}

#platform.page .platform-page-inner {
	position: absolute;
	left: 0;
	right: 0;
}

#page-platform-index .background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3093px;
	background: #3fa7ea;
	background: -moz-linear-gradient(top,  #3fa7ea 0%, #42bde1 33%, #48dcd5 100%);
	background: -webkit-linear-gradient(top,  #3fa7ea 0%,#42bde1 33%,#48dcd5 100%);
	background: linear-gradient(to bottom,  #3fa7ea 0%,#42bde1 33%,#48dcd5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fa7ea', endColorstr='#48dcd5',GradientType=0 );
	z-index: -1;
	min-width: 1280px;
}

#platform.page .title {
	font-size: 34px;
	white-space: nowrap;
}

#platform.page .subtitle {
	text-transform: none;
	font-weight: 300;
	font-size: 18px;
}

.content-page .section-outer {
	padding: 80px 0;
	position: relative;	
}

#platform.page .section-outer.white {
	background: #fff;
	min-width: 1280px;
}

#platform.page .section-outer.white.list-outer {
	padding: 0;
}

#platform.page .section-outer.white.list-outer.expanded .section.list {
	opacity: 1;
}

#platform.page .section-outer.gray {
	background: #f6f6f6;
}

#platform.page .section {
	width: 1100px;
	margin: 0 auto;
}

#platform.page .section.intro {
	color: #fff;
	height: 460px;
	margin: 60px auto 0;
	position: relative;
	z-index: 1;
}

#platform.page .section.intro .intro-graphic {
	background: url('files/graphic-featured-platform.png');
	background-repeat: no-repeat;
	width: 1000px;
	height: 400px;
	background-size: 100%;
	position: absolute;
	top: 145px;
	left: 155px;
	opacity: 0;
}

#platform.page .section.intro .title {
	margin-bottom: 40px;
}

.content-page .section.list {
	width: 1000px;
	text-align left;
}

#platform.page .section.list {
	padding: 140px 0 40px;
}

.content-page .section.list .title {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

#platform.page.content-page .section.list .title,
#platform.page.content-page#platform .section.list li {
	opacity: 0;
}

.content-page .section.list ul {
	padding-left: 0;
	display: inline-block;
	width: 625px;
	margin: 3px 0 0 60px;
}

.content-page .section.list li {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 35px;
	text-align: left;
}

.content-page#platform .section.list li {
	margin-bottom: 50px;
}

.content-page .section.list li .list-title,
#manufacturing.content-page .section.get-started li .list-title {
	font-size: 22px;
	font-weight: 300;
	margin-bottom: 40px;
	line-height: 30px;
}

#manufacturing.content-page .section.get-started li .list-title,
.content-page#platform .section.list li .list-title {
	margin-bottom: 20px;
}

.content-page .section.list li .list-description {
	line-height: 26px;
}

#platform.page .section-outer.diagram-outer {
	padding-bottom: 0;
}

#platform.page .section.diagram {
	color: #fff;
	background-image: url('files/graphic-platform-diagram-code-window.png');
	background-position: left 360px bottom -7px;
	background-size: 504px 328px;
	background-repeat: no-repeat;
	padding-bottom: 151px;
	position: relative;
}

#platform.page .section.diagram .title {
	text-align: center;
	margin-bottom: 80px;
}

#platform.page .section.diagram .diagram-container .list-item {
	width: 260px;
	padding-left: 40px;
	display: inline-block;
	vertical-align: top;
}

#platform.page .section.diagram .diagram-container .list-item .list-item-check {
	background-image: url('files/graphic-platform-diagram-check.png');
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: left top;
	position: absolute;
	width: 24px;
	height: 24px;
	left: 0;
	opacity: 0;
	transition: opacity .5s;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
}

#platform.page .section.diagram .diagram-container .list-item .list-item-check.visible {
	opacity: 1;
}

#platform.page .section.diagram .diagram-container .list-item-title {
	font-size: 18px;
	margin-bottom: 10px;
}

#platform.page .section.diagram .diagram-container .list-item-description {
	font-weight: 300;
	line-height: 22px;
}

#platform.page .section.diagram .diagram-container .diagram-row {
	margin-bottom: 50px;
}

#platform.page .section.diagram .diagram-container .diagram-row#private-apis {
	margin-bottom: 110px;
}

#platform.page .section.diagram .diagram-container .diagram-row .circles {
	display: inline-block;
	vertical-align: top;
	width: 600px;
	text-align: center;
	position: relative;
	margin-left: 25px;
}

#platform.page .section.diagram .diagram-container .diagram-row .circle {
	height: 90px;
	width: 90px;
	border-radius: 45px;
	display: inline-block;
	vertical-align: top;
	margin: 0 3px;
	position: relative;
	z-index: 2;
}

#platform.page .section.diagram .diagram-container .diagram-row#industry .circle {
	background-color: #65d6e9;
}

#platform.page .section.diagram .diagram-container .diagram-row#device .circle {
	background-color: #52dbdc;
}

#platform.page .section.diagram .diagram-container .diagram-row .circle .circle-icon {
	background-repeat: no-repeat;
	background-size: 100%;
}

#platform.page .section.diagram .diagram-container .diagram-row#device .circle .circle-icon {
	background-image: url('files/graphic-platform-diagram-multi-device.png');
	width: 70px;
	height: 70px;
	margin: 10px;
}

#platform.page .section.diagram .diagram-container .diagram-row#device .circle .circle-icon.individual {
	background-position: left top;
}

#platform.page .section.diagram .diagram-container .diagram-row#device .circle .circle-icon.m2m {
	background-position: left -60px;
}

#platform.page .section.diagram .diagram-container .diagram-row#device .circle .circle-icon.network {
	background-position: left -130px;
}

#platform.page .section.diagram .diagram-container .diagram-row .circle-label {
	position: absolute;
	left: 0;
	right: 0;
}

#platform.page .section.diagram .diagram-container .diagram-row .circle-label.outer {
	bottom: -25px;
}

#platform.page .section.diagram .diagram-container .diagram-row .circle-label.inner {
	bottom: 15px;
	font-size: 10px;
	font-weight: 400;
}

#platform.page .section.diagram .diagram-container .diagram-row#hardware .circle {
	background-color: #4ae7cd;
}

#platform.page .section.diagram .diagram-container .diagram-row#hardware .circle .circle-icon {
	background-image: url('files/graphic-platform-diagram-hardware.png');
	background-size: 80px 150px;
	height: 50px;
	width: 80px;
	background-size: 100%;
	margin: 20px 5px;
}

#platform.page .section.diagram .diagram-container .diagram-row#hardware .circle .circle-icon.arduino {
	background-position: left top;
}

#platform.page .section.diagram .diagram-container .diagram-row#hardware .circle .circle-icon.ti {
	background-position: left -50px;
}

#platform.page .section.diagram .diagram-container .diagram-row#hardware .circle .circle-icon.samsung {
	background-position: left -100px;
}

#platform.page .section.diagram .diagram-container .diagram-row#code {
	margin-bottom: 93px;
}

#platform.page .section.diagram .diagram-container .diagram-row .circle-text {
	line-height: 18px;
	margin-top: 27px;
	font-weight: 300;
}

#platform.page .section.diagram .diagram-container .diagram-row#private-apis .circle-text {
	font-size: 24px;
	font-weight: normal;
	margin-top: 35px;
}

#platform.page .section.diagram .diagram-container .diagram-row .circle-text#last {
	font-weight: 400;
}

#platform.page .section.diagram .diagram-container .diagram-row .circle-text .number {
	font-weight: normal;
	font-size: 18px;
}

#platform.page .section.diagram .diagram-container .diagram-row .circle-text .plus {
	font-weight: normal;
	font-size: 24px;
	vertical-align: -4px;
}

#platform.page .section.diagram .diagram-container .diagram-row#language .circle-text .plus,
#platform.page .section.diagram .diagram-container .diagram-row#cloud-services .circle-text .plus {
	vertical-align: -2px;
}

#platform.page .section.diagram .diagram-container .diagram-row#language .circle {
	background-color: #44dbb5;
}

#platform.page .section.diagram .diagram-container .diagram-row#language .circle .circle-icon {
	background-image: url('files/graphic-platform-diagram-language.png');
	width: 55px;
	height: 55px;
	margin: 17px 18px 18px 17px;
}

#platform.page .section.diagram .diagram-container .diagram-row#language .circle .circle-icon.linux {
	background-position: left top;
}

#platform.page .section.diagram .diagram-container .diagram-row#language .circle .circle-icon.c {
	background-position: left -55px;
}

#platform.page .section.diagram .diagram-container .diagram-row#language .circle .circle-icon.python {
	background-position: left -110px;
}

#platform.page .section.diagram .diagram-container .diagram-row#language .circle .circle-icon.ios {
	background-position: left -165px;
}

#jobs-page .section .section-title {
	font-size: 34px;
	font-weight: 300;
	text-align: center;
}

#platform.page .section.diagram .diagram-container .diagram-row#sensor .circle {
	background-color: #40cbb9;
	width: 80px;
	height: 80px;
}

#platform.page .section.diagram .diagram-container .diagram-row#sensor .circle .circle-text,
#platform.page .section.diagram .diagram-container .diagram-row#remote-control .circle .circle-text {
	margin-top: 23px;
}

#platform.page .section.diagram .diagram-container .diagram-row#sensor .circle .circle-icon {
	background-image: url('files/graphic-platform-diagram-sensors.png');
	width: 45px;
	height: 40px;
	margin: 12px 17px 28px 18px;
}

#platform.page .section.diagram .diagram-container .diagram-row#sensor .circle .circle-icon.temperature {
	background-position: left top;
}

#platform.page .section.diagram .diagram-container .diagram-row#sensor .circle .circle-icon.gas {
	background-position: left -40px;
}

#platform.page .section.diagram .diagram-container .diagram-row#sensor .circle .circle-icon.distance {
	background-position: left -80px;
}

#platform.page .section.diagram .diagram-container .diagram-row#sensor .circle .circle-icon.water {
	background-position: left -120px;
}

#platform.page .section.diagram .diagram-container .diagram-row#sensor .circle .circle-icon.motion {
	background-position: left -160px;
}

#platform.page .section.diagram .diagram-container .diagram-row#cloud-services .circle {
	background-color: #3ab5b2;
}

#platform.page .section.diagram .diagram-container .diagram-row#cloud-services .circle .circle-icon {
	background-image: url('files/graphic-platform-diagram-cloud-services.png');
	width: 55px;
	height: 55px;
	margin: 8px 17px 27px 18px;
}

#platform.page .section.diagram .diagram-container .diagram-row#cloud-services .circle .circle-icon.twilio {
	background-position: left top;
}

#platform.page .section.diagram .diagram-container .diagram-row#cloud-services .circle .circle-icon.gmail {
	background-position: left -55px;
}

#platform.page .section.diagram .diagram-container .diagram-row#cloud-services .circle .circle-icon.azure {
	background-position: left -110px;
}

#platform.page .section.diagram .diagram-container .diagram-row#cloud-services .circle .circle-icon.aws {
	background-position: left -165px;
	margin-top:	18px;
}

#platform.page .section.diagram .diagram-container .diagram-row#cloud-services .circle .circle-label {
	font-size: 10px;
}

#platform.page .section.diagram .diagram-container .diagram-row#private-apis .circle {
	background-color: #41c3ce;
}

#platform.page .section.diagram .diagram-container .diagram-row#private-apis .circle .circle-icon {
	height: 50px;
	width: 50px;
	background-size: 100%;
	background-position: center;
	margin: auto;
}

#platform.page .section.diagram .diagram-container .diagram-row#private-apis .circle .circle-icon.excel {
	background-image: url('files/graphic-platform-excel.png');
	margin-top: 19px;
}

#platform.page .section.diagram .diagram-container .diagram-row#private-apis .circle .circle-icon.reports {
	background-image: url('files/icon-reports-platform.png');
	margin-top: 10px;
}

#platform.page .section.diagram .diagram-container .diagram-row#private-apis .circle .circle-label.inner {
	font-size: 14px;
}

#platform.page .section.diagram .diagram-container .diagram-row#remote-control .circle {
	background-color: #3ebbc9;
	width: 80px;
	height: 80px;
}

#platform.page .section.diagram .diagram-container .diagram-row#remote-control .circle .circle-icon {
	background-image: url('files/graphic-platform-diagram-actuators.png');
	width: 40px;
	height: 40px;
	margin: 12px 20px 28px;
}

#platform.page .section.diagram .diagram-container .diagram-row#remote-control .circle .circle-icon.motor {
	background-position: left top;
}

#platform.page .section.diagram .diagram-container .diagram-row#remote-control .circle .circle-icon.fan {
	background-position: left -40px;
}

#platform.page .section.diagram .diagram-container .diagram-row#remote-control .circle .circle-icon.pump {
	background-position: left -80px;
}

#platform.page .section.diagram .diagram-container .diagram-row#remote-control .circle .circle-icon.led {
	background-position: left -120px;
}

#platform.page .section.diagram .diagram-container .diagram-row#remote-control .circle .circle-icon.solenoid {
	background-position: left -160px;
}

#platform.page .section.diagram .diagram-container .diagram-row#industry .circle .circle-text {
	margin-top: 27px;
	font-weight: normal;
}

#platform.page .section.diagram .snippet {
	position: absolute;
	bottom: 0;
	font-size: 11px;
	width: 440px;
	left: 390px;
	height: 294px;
	overflow: hidden;
	-ms-overflow-style: none;
}

#platform.page .section.diagram .snippet .snippet-scroller {
	width: 455px;
	height: 264px;
	overflow-y: scroll;
	padding: 15px 0;
	pointer-events: none;
}

/*firefox only styling*/
@-moz-document url-prefix() {
	
}

#platform.page .section.diagram .snippet .faded {
	opacity: .5;
}

#platform.page .section.diagram .diagram-container .line {
	position: absolute;
}

#platform.page .section.diagram .diagram-container .line.h {
	border-bottom: 1px solid #fff;
	height: 1px;
	top: 0;
	bottom: 0;
	width: 156px;
	margin: auto 0;
	z-index: 1;
}

#jobs-page .section.grid .grid-block.text.quote .quote-icon,
#page.pricing .section.quotes .quote-icon {
	background-image: url('files/graphics-jobs-quotes.png');
	background-size: 22px 44px;
	height: 22px;
	width: 22px;
	display: inline-block;
}

#jobs-page .section.grid .grid-block.text.quote .quote-icon {
	opacity: .5;
}

#page.pricing .quote-inner {
	position: relative;
}

#page.pricing .quote-icon {
	position: absolute;
}

#page.pricing .quote-icon.open {
	left: -25px;
}

#jobs-page .section.grid .grid-block.text.quote .quote-icon.open,
#page.pricing .section.quotes .quote-icon.open {
	background-position: left top;
}

#page.pricing .section.quotes .quote-icon.open {
	left: -25px;
}

#page.pricing .section.quotes .quote-icon.close {
	margin-left: 5px;
}

#jobs-page .section.grid .grid-block.text.quote .quote-icon.close,
#page.pricing .quote-icon.close {
	background-position: left -22px;
}

#platform.page .section.diagram .diagram-container .line.left {
	left: 0;
	right: auto;
}

#platform.page .section.diagram .diagram-container .line.right {
	right: 0;
	left: auto;
}

#jobs-page .section.grid .grid-block.text.quote .author strong,
#page.pricing .quote-author strong {
	font-weight: 600;
}

#platform.page .section.diagram .diagram-container .line.h.short {
	width: 56px;
}

#platform.page .section.diagram .diagram-container .line.h.short.extended {
	width: 86px;
	right: -50px;
}

#platform.page .section.diagram .diagram-container .diagram-row#private-apis .line.h.short.extended {
	width: 106px;
}

#platform.page .section.diagram .diagram-container .line.v {
	border-right: 1px solid #fff;
	width: 1px;
}

#platform.page .section.diagram .diagram-container .line.v.right.top {
	height: 421px;
	top: 45px;
}

#platform.page .section.diagram .diagram-container .line.v.left {
	left: -1px;
}

#platform.page .section.diagram .diagram-container .line.v.left.top {
	height: 426px;
	top: 45px;
}

#jobs-page .section.paragraph .section-inner {
	margin: 0 auto;
	padding: 60px 0 10px;
	position: relative;
}

#jobs-page .section.paragraph .section-title {
	margin-bottom: 60px;
}

#jobs-page .section.paragraph .section.list {
 	margin-bottom: 10px;
 	text-align: left;
}

#jobs-page .section.list .title {
  	display: inline-block;		 
  	vertical-align: top;
 	text-align: left;
}

#jobs-page .section.list {
	width: 980px;
}

#jobs-page .section.list .title {
	width: 260px;
	font-size: 34px;
}

#jobs-page .section.list ul {
  	padding-left: 0;
  	display: inline-block;
  	width: 625px;
  	margin: 3px 0 0 60px;
}	

#jobs-page .section.list li {
	font-weight: 300;
	line-height: 24px;
	font-size: 16px;
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 35px;
	text-align: left;
}

#jobs-page .section.list li .list-title {
	font-size: 22px;
	font-weight: 300;
	margin-bottom: 40px;
	line-height: 30px;
}

#platform.page .section.diagram .diagram-container .line.v.left.middle {
	height: 28px;
	top: 32px;
}

#platform.page .section.diagram .diagram-container .line.v.right.bottom {
	height: 306px;
	top: 40px;
}

/*firefox only styling*/
@-moz-document url-prefix() {
	#platform.page .section.diagram .diagram-container .line.v.right.bottom {
		height: 309px;
	}
}

#platform.page .section.diagram .diagram-container .line.v.left.bottom {
	height: 200px;
	top: 28px;
}

#platform.page .section.diagram .diagram-container .cc-feature {
	position: absolute;
	border: 1px solid #fff;
	border-radius: 6px;
	background-image: url('files/graphic-platform-diagram-cc-features.png');
	background-size: 100%;
	width: 160px;
	height: 170px;
	right: -213px;
	top: -75px;
}

#platform.page .section.diagram .diagram-container .cc-feature .cc-label {
	position: absolute;
	bottom: -50px;
	text-transform: uppercase;
	left: 0;
	right: 0;
}

#platform.page .section.diagram .diagram-container .cc-feature.data-visualization {
	background-position: left top;
}

#platform.page .section.diagram .diagram-container .cc-feature.machine-learning {
	background-image: url('files/graphic-platform-machine-learning.png');
	background-size: 90px 90px;
	background-repeat: no-repeat;
	background-position: center;
	height: 132px;
	top: -21px;
}

#platform.page .section.diagram .diagram-container .cc-feature.remote-control {
	background-position: left -170px;
	top: 0;
}

#platform.page .section.diagram .diagram-container .logic-gates {
	position: absolute;
	left: -10px;
}

#platform.page .section.diagram .diagram-container .logic-gates.top {
	top: 65px;
}

#platform.page .section.diagram .diagram-container .logic-gates.bottom {
	top: 67px;
}

#platform.page .section.diagram .diagram-container .logic-gate {
	background-image: url('files/graphic-platform-diagram-logic-gates.png');
	width: 32px;
	height: 17px;
	background-size: 100%;
}

#platform.page .section.diagram .diagram-container .logic-gate.and {
	background-position: left top;	
}

#platform.page .section.diagram .diagram-container .logic-gate.or {
	background-position: left -17px;	
}

#platform.page .section.diagram .diagram-container .logic-gate.not {
	background-position: left -35px;	
}

#platform.page .section.diagram .diagram-container .logic-gate.nand {
	background-position: left -52px;	
}

#platform.page .section.diagram .diagram-container .logic-gate.nor {
	background-position: left -70px;	
}

#platform.page .section.diagram .diagram-container .logic-gate.xor {
	background-position: left -87px;	
}

#platform.page .section.diagram .diagram-container .logic-gate-container {
	margin-bottom: 7px;
}

#platform.page .section.diagram .diagram-container .logic-gate-container .label {
	font-size: 9px;
}

#platform.page .section.customers .title {
	text-align: center;
	margin-bottom: 80px;
}

#platform.page .section.customers .grid {
	white-space: nowrap;
	opacity: 0;
}

#platform.page .section.customers .grid .grid-row {
	margin-bottom: 8px;
}

#platform.page .section.customers .grid .block {
	height: 260px;
	display: inline-block;
	vertical-align: top;
	white-space: normal;
	margin: 0 2px 0 3px;
}

#team-aaron {background:url('assets/team-aaron.png')}
#team-alex {background:url('assets/team-alex.png')}
#team-anita {background:url('assets/team-anita.png')}
#team-basma {background:url('assets/team-basma.png')}
#team-benjamin {background:url('assets/team-benjamin.png')}
#team-caitlin {background:url('assets/team-caitlin.png')}
#team-claire-k {background:url('assets/team-claire-k.png')}
#team-claire-m {background:url('assets/team-claire-m.png')}
#team-cormac {background:url('assets/team-cormac.png')}
#team-craig {background:url('assets/team-craig.png')}
#team-drew {background:url('assets/team-drew.png')}
#team-fletcher {background:url('assets/team-fletcher.png')}
#team-jasper {background:url('assets/team-jasper.png')}
#team-jb {background:url('assets/team-jb.png')}
#team-jeffrey {background:url('assets/team-jeffrey.png')}
#team-jessica {background:url('assets/team-jessica.png')}
#team-jewel {background:url('assets/team-jewel.png')}
#team-jimmy {background:url('assets/team-jimmy.png')}
#team-joaquin {background:url('assets/team-joaquin.png')}
#team-joe {background:url('assets/team-joe.png')}
#team-john {background:url('assets/team-john.png')}
#team-kat {background:url('assets/team-kat.png')}
#team-kevin {background:url('assets/team-kevin.png')}
#team-madeleine {background:url('assets/team-madeleine.png')}
#team-mala {background:url('assets/team-mala.png')}
#team-matt {background:url('assets/team-matt.png')}
#team-monty {background:url('assets/team-monty.png')}
#team-nabeel {background:url('assets/team-nabeel.png')}
#team-natalia {background:url('assets/team-natalia.png')}
#team-nick {background:url('assets/team-nick.png')}
#team-reid {background:url('assets/team-reid.png')}
#team-sheila {background:url('assets/team-sheila.png')}
#team-tim {background:url('assets/team-tim.png')}
#team-trisala {background:url('assets/team-trisala.png')}
#team-vaughn {background:url('assets/team-vaughn.png')}
#team-yuki {background:url('assets/team-yuki.png')}
#team-massimo {background:url('assets/team-massimo.png')}
 
#jobs-page .team-blurb,
#page.team .team-blurb {
visibility:hidden;
text-align:center;
border:3px solid #caecf9;
padding:8px 12px;
border-radius:10px;
font-size:12px;
position:absolute;
bottom: 173px;
background:#fff;
opacity:0;
transition: opacity 100ms linear;
width:210px;
margin-left:-72px;
}

#platform.page .section.customers .grid .block.photo-container {
	background-color: #eee;
}

#platform.page .section.customers .grid .photo {
	width: 370px;
	height: 260px;
	background-size: 100% 100%;
	opacity: 0;
}

#platform.page .section.customers .grid .photo.monginis {
	background-image: url('files/graphic-platform-monginis.png');
}

#platform.page .section.customers .grid .photo.ggp {
	background-image: url('files/graphic-platform-ggp.png');
}

#platform.page .section.customers .grid .photo.manufacturing {
	background-image: url('files/graphic-platform-production-line.png');
}

#platform.page .section.customers .grid .photo.map {
	background-image: url('files/graphic-platform-map.png');
}

#platform.page .section.customers .grid .text {
	width: 180px;
	color: #fff;
	text-align: center;
	position: relative;
}

#platform.page .section.customers .grid .text:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-left: -7px;
}

#platform.page .section.customers .grid .text .headline {
	font-size: 18px;
	line-height: 29px;
	vertical-align: middle;
	display: inline-block;
	margin-bottom: 60px;
}

#platform.page .section.customers .grid .text .button {
	border-radius: 6px;
	padding: 10px 25px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
	width: 90px;
	margin: 0 auto;
	display: inline-block;
}

#platform.page .section.customers .grid .text .button:hover {
	color: #fff;
	border-color: #fff;
}

#platform.page .section.customers .grid .text.monginis .button:hover {
	background-color: #f6e55a;
}

#platform.page .section.customers .grid .text.ggp .button:hover {
	background-color: #f3b463;
}

#platform.page .section.customers .grid .text.manufacturing .button:hover {
	background-color: #d67999;
}

#platform.page .section.customers .grid .text.map .button:hover {
	background-color: #98d1f4;
}

#platform.page .section.customers .grid .text.monginis {
	background-color: #f7ce05;
}

#platform.page .section.customers .grid .text.ggp {
	background-color: #f67f09;
}

#platform.page .section.customers .grid .text.manufacturing {
	background-color: #c51f54;
}

#platform.page .section.customers .grid .text.map {
	background-color: #42b5e9;
}

#platform.page .section.sustainability .title {
	text-align: center;
}

#platform.page .section.sustainability .title.first {
	margin-bottom: 50px;
}

#platform.page .section.sustainability .stat-blocks {
	margin-bottom: 25px;
}

#platform.page .section.sustainability .stat-block {
	white-space: nowrap;
}

#platform.page .section.sustainability .stat-block {
	width: 320px;
	line-height: 22px;
	display: inline-block;
	vertical-align: top;
	margin: 0 33px;
	white-space: normal;
}

#platform.page .section.sustainability .stat-block:first-of-type {
	margin-left: 0;
}

#platform.page .section.sustainability .stat-block:last-of-type {
	margin-right: 0;
}

#platform.page .section.sustainability .stat {
	font-size: 24px;
	font-weight: 300;
	display: inline;
	line-height: 14px;
}

#platform.page .section.contact {
	text-align: center;
	font-size: 22px;
	font-weight: 300;
}

#platform.page .section.contact .button {
	margin-left: 30px;
	margin-top: 0;
}

/* Pricing Page */

#page-pricing-index {
	min-width: 100%;
}

#page.pricing {
	text-align:center;
	margin: 0 auto 60px;
	font-size: 14px;
}

#page.pricing .editable .editable.title {
	z-index: 1;
	position: absolute;
}

#page.pricing .editable .editable.title a {
	color: #fff;
}

#page.pricing .editable form {
	z-index: 2;
	position: relative;
}

#page.pricing .section.banner {
	height: 455px;
	margin: 0;
	position: relative;
}

#page.pricing .section.banner .subtitle {
	text-transform: none;
	font-weight: 300;
	font-size: 18px;
	margin-top: 10px;
}

#page.pricing .section.banner .title-content {
	margin-top: 114px;
	position: relative;
}

#page.pricing .section.banner .title-content .title {
	font-size: 44px;
}

#page.pricing .section.banner .title-content .subtitle {
	font-size: 20px;
}

#page.pricing .section.banner .button {
	border-radius: 4px;
	margin-top: 35px;
	font-size: 22px;
	padding: 6px 20px;
}

#page.pricing .section .section-inner,
#page.pricing .block .section-inner {
	position: absolute;
	left: 0;
	right: 0;
}

#page.pricing .block#contact-button .section-inner {
	/*padding: 60px 0;*/
	padding: 0 0;
}

#page.pricing .section .section-inner {
	color: #fff;
}

#page.pricing .section.banner .section-inner {
	top: 0;
	bottom: 66px;
	height: 416px;
	min-width: 1280px;
}

#page.pricing .section.plans {
	width: 1060px;
	margin-top: 30px;
	margin-bottom: 70px;
}

#page.pricing .section.plans .plan-row {
	margin-bottom: 30px;
	padding: 15px 0;
	white-space: nowrap;
}

#page.pricing .section.plans .plan-row.featured {
	border: 2px solid #00cc00;
	margin: 0 10px;
}

#page.pricing .section.plans .plan-row .col {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin: 0 20px;
	white-space: normal;
}

#page.pricing .section.plans .plan-row .col.plan-title {
	font-weight: 300;
	font-size: 34px;
	width: 216px;
}

#page.pricing .section.plans .plan-row .col.plan-description {
	width: 520px;
}

#page.pricing .section.plans .plan-row .col.plan-description p {
	line-height: 22px;
	margin-bottom: 10px;
	font-size: 14px;
}

#page.pricing .section.plans .plan-row .col.plan-description ul {
	padding: 0;
}

#page.pricing .section.plans .plan-row .col.plan-description ul li {
	display: inline-block;
	margin-right: 15px;
	font-size: 12px;
}

#page.pricing .section.plans .plan-row .col.plan-cost {
	font-weight: 300;
	font-size: 14px;
	width: 170px;
}

#page.pricing .section.plans .plan-row .col.plan-cost .plan-cost {
	vertical-align: bottom;
}

#page.pricing .section.plans .plan-row .col.plan-cost .plan-cost-number {
	color: #2bb5e9;
	font-weight: 300;
	font-size: 36px;
	display: inline-block;
}

#page.pricing .section.plans .plan-row .col.plan-cost .button {
	border-radius: 4px;
	font-size: 14px;
	padding: 5px 30px;
	margin-top: 5px;
}

#page.pricing .section.plans .plan-row .col.plan-cost .button.blue {
	border-color: #2bb5e9;
}

#page.pricing .section.plans .plan-row .col.plan-cost .button.blue:hover,
#page.pricing .section.plans .plan-row .col.plan-cost .button.blue:active {
	border-color: #0882b6;
	background-color: #0882b6;
}

#page.pricing .section.plans .plan-row .col.plan-cost .button.white:active {
	border-color: #2bb5e9;
	color: #0882b6;
}

#page.pricing .section.plans .plan-row .col.plan-cost .button.custom {
	margin-top: 15px;
	background-color: #e3f6fd;
	border-color: #e3f6fd;
	color: #2bb5e9;
	padding-left: 25px;
	padding-right: 25px;
}

#page.pricing .section.plans .plan-row .col.plan-cost .button.custom:hover,
#page.pricing .section.plans .plan-row .col.plan-cost .button.custom:active {
	background-color: #2bb5e9;
	border-color: #2bb5e9;
	color: #fff;
}

#page.pricing .section.plans .custom-title {
	position: relative;
	text-align: center;
	border-bottom: 2px solid #ddd;
	margin: 60px 40px 50px;
}

#page.pricing .section.plans .custom-title .custom-title-text {
	font-size: 24px;
	background-color: #fff;
	width: 400px;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: -16px;
}

#page.pricing .section.plans .workers {
	text-align: center;
	margin-top: -20px;
	margin-bottom: 20px;
}

#page.pricing .section.plans .workers .worker {
	background-image: url('files/graphic-upskilling-worker.png');
	width: 80px;
	height: 80px;
	background-size: 100%;
	display: inline-block;
	margin: 0 2px;
}

#page.pricing .section.plans .workers .worker.light {
	opacity: .65;
	margin-bottom: 8px;
}

#page.pricing .section.quotes {
	height: 225px;
}

#page.pricing .section.quotes .quote {
	width: 260px;
	text-align: left;
	display: inline-block;
	vertical-align: top;
	padding-left: 200px;
	margin-top: 30px;
	font-weight: 300;
	background-image: url('files/logos-pricing-white.png');
	background-size: 180px;
	background-repeat: no-repeat;
	height: 70px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 18px;
	line-height: 28px;
}

#page.pricing .section.quotes .quote.monginis {
	padding-left: 200px;
}

#page.pricing .section.quotes .quote.ti {
	background-position: left -70px;
	padding-left: 220px;
}

#page.pricing .section.quotes .section-inner {
	height: 225px;
}

#page.pricing .section .section-inner .background,
#page.pricing .block .section-inner .background {
	background-color: #2bb6ea;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

#page.pricing .block#contact-button .section-inner .background {
	/*background-color: #eee;*/
	background-color: #fff;
}

#page.pricing .section.banner .section-inner .background {
	background-color: #2bb5e9;
}

#page.pricing .section.quotes .section-inner {
	background-color: #3fa7ea;
	background: -moz-linear-gradient(top,  #3fa7ea 0%, #44C7DC 100%);
	background: -webkit-linear-gradient(top,  #3fa7ea 0%, #44C7DC 100%);
	background: linear-gradient(to bottom,  #3fa7ea 0%, #44C7DC 100%);
}

#page.pricing .section.banner .section-inner .graphic {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: url('files/graphic-featured-pricing-banner.png');
	background-position: center top 35px;
	background-repeat: no-repeat;
	background-size: 1280px 385px;
	min-width: 1280px;
}

#page.pricing .block {
	margin:40px auto;
	width: 780px;
}

#page.pricing .block#companies-block {
	width: auto;
	padding-bottom: 70px;
	margin-top: 120px;
}

#page.pricing * {
	margin:0 auto;
}

#page.pricing h1, 
#page.pricing h2 {
	text-align:center;
}

#page.pricing p {
	text-align: left;
	font-size: 14px;
	line-height: 24px;
}

#page.pricing .background {
	position: absolute;
	background-color: #eee;
	left: 0;
	right: 0;
	z-index: -1;
}
#page.pricing .faq * {
	text-align:left;
}

#page.pricing .faq h3 {
	font-size:18px;
}

#page.pricing #pricing-faqs {
	width: 872px;
	border: 2px solid #95daf4;
	padding: 60px;
	margin-top: 80px;
}

#page.pricing .faq-row {
	white-space: nowrap;
}

#page.pricing .faq {
	margin: 15px 20px;
	display:inline-block;
	vertical-align: top;
	white-space: normal;
}

#page.pricing #pricing-faqs h3 {
	margin-bottom:10px;
	font-weight: normal;
}

#page.pricing #pricing-faqs h2, #page.pricing #contact-button h4 {
	background: #fff;
	padding: 10px 40px;
	width: 400px;
}

#page.pricing #pricing-faqs h2 {
	width: 400px;
	margin-top:-90px;
	margin-bottom:10px;
}

#page.pricing .faq  p {
	font-size: 14px;
	line-height: 24px;
}

#page.pricing #contact-button {
	margin-top: 70px;
	height: 110px;
	margin-bottom: 100px;
}

#page.pricing #contact-button h4 {
	width: 420px;
	margin-top:-70px;
	text-align: left;
}

#page.pricing #contact-button a {
	margin-left: 10px;
	margin-top: 30px;
	border: 0;
	border-radius: 8px;
	padding: 8px 50px;
}

#page.pricing #contact-button a:active {
	background-color: #0882b6;
}

#page.pricing .block#companies-block {
	border-bottom: 2px solid #ddd;
}

#page.pricing .block#companies-block .company#ti {
	background-image: url('files/graphic-manufacturing-logos.png');
	background-size: 190px 540px;
	height: 70px;
	width: 190px;
	background-position: left -190px;
}

#page.pricing .block#support-block .icon#support {
	display: inline-block;
	background: url('assets/icon-pricing-support.png') no-repeat;
	width: 45px;
	height: 45px;
	background-size: 100%;
	vertical-align: -12px;
	margin: 0 20px;
}

#page.pricing .block#support-block {
	margin-bottom: 115px;
	margin-top: 80px;
}

#page.pricing .block#support-block h2 {
	margin-bottom: 45px;
}

#page.pricing .block#support-block p {
	margin-bottom: 30px;
}

#page.pricing .block#support-block .quote {
	display: inline;
	position: relative;
}

#page.pricing .block#support-block .quote .quote-icon.open {
	left: -30px;
}

#page.pricing .block#support-block .quote .quote-icon.close {
	margin-left: 5px;
}

#page.pricing .quote .quote-author-container {
	text-align: right;
}

#page.pricing .quote .quote-author {
	font-weight: normal;
	font-size: 12px;
	margin-top: 20px;
	line-height: 20px;
	display: inline-block;
	text-align: left;
}

#page.pricing .quote .quote-author .quote-company {
	margin-left: 9px;
}

/* Trust page */

#trust.page {
  margin: 90px 70px 140px;
}

#trust.page .block {
  margin: 40px auto 80px;
}

#trust.page .block .column.left {
float:left;
background: url('assets/graphic-trust.png') no-repeat left -40px;
height: 130px;
padding-left:115px;
}

#trust.page .block#security .column.left { background-position: left -40px }
#trust.page .block#scalability .column.left { background-position: left -240px }
#trust.page .block#reliability .column.left { background-position: left -440px }
#trust.page .block#support .column.left { background-position: left -640px }

#trust.page .column.right {
  margin-left: 370px;
  padding-top:5px;
}

#trust.page h1 {
  font-size: 38px;
  text-align: center;
  margin: 0 auto 45px;
  width: 860px;
}

#trust.page h3 {
font-size:25px;
font-weight:bold;
text-transform:uppercase;
margin:0;
}

#trust.page ul {
padding:0;
margin-top:10px;
}

#trust.page li {
  font-size: 16px;
  list-style-type: none;
  background: url('assets/list-check-blue.png') no-repeat left top;
  padding-left: 25px;
  margin-bottom: 4px;
}

#trust.page p {
font-size:14px;
margin:0 0 10px;
}


/* MARKETING landing pages */

.marketing.page {
	margin: 60px auto 80px;
	padding:0 30px;
}

.marketing.page #twitter-link {
	position: absolute;
	right: 30px;
	top: 90px;
}

.marketing.page h1 {
	text-align: center;
	width:1040px;
	margin:0 auto;
	font-size:50px;
}

.marketing.page #center-block {
	margin:35px auto 10px;
	position:absolute;
}

.marketing.page #features-block {
	float:left;
	margin-top:-5px;
}

#conditions.marketing.page #features-block {
	margin-top:-20px;
}

.marketing.page #features-block .feature {
  background-size: 100px 600px;
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
  margin: 5px 0 35px;
}

#samsungartik.marketing.page #features-block .feature { background-image: url('assets/graphic-features-samsung.png') }
#conditions.marketing.page #features-block .feature { background-image: url('assets/graphic-features-conditions.png') }
#amazon.marketing.page #features-block .feature { background-image: url('assets/graphic-features-amazon.png') }
#m2m.marketing.page #features-block .feature { background-image: url('assets/graphic-features-m2m.png') }
#cloud-controls.marketing.page #features-block .feature { background-image: url('assets/graphic-tutorials-cloud-controls.png') }

.marketing.page #features-block .feature#one { background-position: left 0 }
.marketing.page #features-block .feature#two { background-position: left -200px }
.marketing.page #features-block .feature#three { background-position: left -400px }

.marketing.page.collab .feature h2,
.marketing.page .feature h3, 
.marketing.page .feature p {
	margin-left:115px;
	position:absolute;
	width:235px;
}

.marketing.page .feature h3,
.marketing.page.collab #features-block .feature h2 {
	font-size: 18px;
	margin-top:10px;
}

.marketing.page.collab .feature h2 {
	font-weight: bold;
}

.marketing.page .feature p {
	margin-top:35px;
}

.marketing.page a #video-block {
	width: 620px;
	height: 350px;
	border:2px solid #95daf4;
	background-size:100%;  
	background-color:#2bb5e9;
    position: absolute;
    left: 380px;
    margin-top:5px;
}

#samsungartik.marketing.page a.video #video-block { background-image: url('assets/graphic-video-samsung.png') }
#conditions.marketing.page a.video #video-block { background-image: url('assets/graphic-video-conditions.png') }
#amazon.marketing.page a.video #video-block { background-image: url('assets/graphic-video-amazon.png') }
#m2m.marketing.page a.video #video-block { background-image: url('assets/graphic-video-m2m.png') }
#collaboration.marketing.page a.video #video-block { background-image: url('assets/video-title-collaboration.png') }
#github.marketing.page a.video #video-block { background-image: url('assets/page-github-integration-titlecard.png') }
#cloud-controls.marketing.page a.video #video-block { 
	background-image: url('assets/video-cloud-controls-titlecard_v2.png');
	border: none;
}

.marketing.page a.video #video-block #video-mask, .marketing.page a.video #video-block #video-button {
	width: 620px;
	height: 85px;
	position: absolute;
	margin-top: 265px;
}

.marketing.page a.video #video-block #video-mask {
	background: #95daf4;
	opacity: .5;
}

#cloud-controls.marketing.page a.video #video-block #video-mask {
	background: #fff;
}

.marketing.page a.video #video-block #video-button {
	background: url('assets/button-video-play-large.png') no-repeat center center;
}

.marketing.page .button.xlarge {
  width: 260px;
  margin: 440px auto 0;
  display: block;
}

#m2m.marketing.page .button.xlarge {
	margin: 0 auto;
}

/* M2M Marketing Page */

#m2m.marketing.page {
	margin-top: 25px;
}

#m2m.marketing.page #twitter-link {
	top: -10px;
	right: 0;
	z-index: 2;
}

#m2m.marketing.page #features-block {
	float: none;
	width: 1100px;
	margin-top: 50px;
}

#m2m.marketing.page #features-block .feature {
  background-size: 50px 300px;
  width: 50px;
  height: 50px;
  display: inline-block;
  width: 33%;
}

#m2m.marketing.page #features-block .feature#one { background-position: left 0 }
#m2m.marketing.page #features-block .feature#two { background-position: left -100px }
#m2m.marketing.page #features-block .feature#three { background-position: left -200px }


#m2m.marketing.page .feature h3,
#m2m.marketing.page .feature p {
	margin-left: 60px;
}

#m2m.marketing.page #container {
	position: relative;
}

#m2m.marketing.page #m2m-video-container {
	position: relative;
	height: 725px;
}

#m2m.marketing.page #center-block {
	z-index: 1;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	animation:
		button-up 2s 29.5s forwards;
	-webkit-animation:
		button-up 2s 29.5s forwards;
}

#m2m.marketing.page .left-block {
	width: 250px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 150px;
	opacity: 0;
}

#m2m.marketing.page .left-block h3.left-title {
	margin: 0;
	font-weight: normal;
	font-size: 24px;
}

#m2m.marketing.page .left-block p.left-description {
	font-size: 16px;
}

@keyframes fade-in {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes fade-out {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

@keyframes headline-up {
	0% { top: 85px; }
	100% { top: 20px ;}
}

@keyframes headline-down {
	0% { top: 20px; }
	100% { top: 85px; }
}

@keyframes button-up {
	0% { bottom: 0px; }
	100% { bottom: 275px; }
}

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

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

@-webkit-keyframes headline-up {
	0% { top: 85px; }
	100% { top: 0px ;}
}

@-webkit-keyframes headline-down {
	0% { top: 0px; }
	100% { top: 85px; }
}

@-webkit-keyframes button-up {
	0% { bottom: 0px; }
	100% { bottom: 275px; }
}

#m2m.marketing.page #m2m-video {
	margin: 0 auto;
	width: 925px; /*1040px;*/
	height: 400px; /*450px;*/
	opacity: 1;
	animation: 
		fade-out 1s 28.5s forwards;
	-webkit-animation: 
		fade-out 1s 28.5s forwards;
	position: absolute;
	top: 100px;
	z-index: -1;
	left: 0;
	right: 0;
	background-color: #fff !important;
}

#m2m.marketing.page h1#headline {
	font-size: 34px;
	margin-bottom: 15px;
	position: absolute;
	text-align: center;
	top: 85px;
	z-index: 2;
	animation:
		headline-up 2s 3s forwards,
		headline-down 2s 29.5s forwards;
	-webkit-animation:
		headline-up 2s 3s forwards,
		headline-down 2s 29.5s forwards;
}

#m2m.marketing.page #description {
	text-align: center;
	font-size: 20px;
	opacity: 1;
	position: absolute;
	left: 0;
	right: 0;
	top: 150px;
	animation:
		fade-out 1s 3s forwards,
		fade-in 1s 29.5s forwards;
	-webkit-animation:
		fade-out 1s 3s forwards,
		fade-in 1s 29.5s forwards;
	z-index: 2;
}

#m2m.marketing.page .left-block.intro {
	animation:
		fade-in 1s 7s forwards,
		fade-out 1s 12s forwards;
	-webkit-animation:
		fade-in 1s 7s forwards,
		fade-out 1s 12s forwards;
}

#m2m.marketing.page .left-block.protocol {
	animation:
		fade-in 1s 13s forwards,
		fade-out 1s 16.5s forwards;
	-webkit-animation:
		fade-in 1s 13s forwards,
		fade-out 1s 16.5s forwards;
}

#m2m.marketing.page .left-block.devices {
	animation:
		fade-in 1s 17.5s forwards,
		fade-out 1s 21.5s forwards;
	-webkit-animation:
		fade-in 1s 17.5s forwards,
		fade-out 1s 21.5s forwards;
}

#m2m.marketing.page .left-block.apis {
	animation:
		fade-in 1s 22.5s forwards,
		fade-out 1s 25.5s forwards;
	-webkit-animation:
		fade-in 1s 22.5s forwards,
		fade-out 1s 25.5s forwards;
}

#m2m.marketing.page .left-block.code {
	animation:
		fade-in 1s 26.5s forwards,
		fade-out 1s 28.5s forwards;
	-webkit-animation:
		fade-in 1s 26.5s forwards,
		fade-out 1s 28.5s forwards;
}

/* Slightly different formatting for the collab pages. */
.marketing.page.collab h1 {
    font-size: 34px;
    text-align: left;
    width: 474px;
    height: 90px;
    padding-left: 120px;
    padding-top: 5px;
    background-image: url('assets/graphics-collaboration-thirdparty.png');
    background-size: 100px;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}

#page-marketing-github h1 {
	background-position: 0px -100px;
    font-size: 38px;
    width: 482px;
}

#page-marketing-github .button.xlarge {
	margin-top:190px;
}

.marketing.page.collab h1 .subtitle.collab {
	display:block;
	font-size: 19px;
	color: #999;
	font-weight: bold;
	text-transform: none;
	padding-left: 3px;
}

#page-marketing-github h1 .subtitle.collab {
	font-size: 21px;
	display: block;
}

.collab-container {
	width: 100%;
}

.marketing.page.collab .collab-container #video-block {
	position: relative;
	left: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: -10px;
}

.marketing.page.collab .collab-container #features-block {
	margin-top: 50px;
	width: 100%;
}

.marketing.page.collab .collab-container #features-block .feature {
	float: left;
	width: 33.333%;
}

.marketing.page.collab .collab-container #features-block .feature h2 {
	margin-left: 5%;
}

.marketing.page.collab .collab-container #features-block .feature p {
	margin-left: 5%;
}

/* Collaboration marketing landing-page */

#collaboration.marketing.page h1 {
	background-image: none;
	padding-left: 0px;
	margin-top: 0;
	margin-bottom: 0px;
	text-align: center;
	width: 500px;
}

#collaboration.marketing.page #features-block {
	margin-top: 35px;
}

#collaboration.marketing.page #features-block .feature {
  background-image: url('assets/tutorials-third-party-integrations.png');
  background-repeat: no-repeat;
  background-size: 80px 240px;
  height: 80px;
  margin-bottom: 60px;
}

#collaboration.marketing.page #features-block .feature h2,
#collaboration.marketing.page #features-block .feature p {
	line-height: 24px;
}

#collaboration.marketing.page #features-block .feature#one { background-position: center 0px }
#collaboration.marketing.page #features-block .feature#two { background-position: center -80px }

/* ToS prompt */

#tos-prompt {
	text-align:center;
}

#tos-prompt h1 {
	font-size:40px;
}

#tos-prompt img {
	margin-left: 15px;
}

#tos-prompt .error {
	position: absolute;
	margin: 35px auto;
	width: 500px;
}

#tos-prompt form {
	margin-top:-10px;
}

#two-buttons {
	margin-top:70px;
}

#tos-outer {
	background:url('assets/background-pattern.png');
	position:absolute;
	left:0;
	right:0;
	top:50px;
	border-top:1px solid #95daf4;
	border-bottom:1px solid #95daf4;
}

#tos-inner {
	border:1px solid #95daf4;
	background-color:#fff;
	margin:50px auto;
	padding:20px 50px;
	width:500px;
	height:420px;
}

.copyright {
	color:#777;
	margin-top:10px;
}

#tos-check {
	float:left;
	margin:3px 0 0 83px;
}

#tos-label {
	float:left;
	margin-left:5px;
}


/* IoT Marketing Pages */

.iotmarketing#page {
	min-width: 1100px;
}

.iotmarketing#page .block {
    margin: 30px auto;
    min-height: 60px;
    padding: 20px;
}

.iotmarketing#page .block > * {
	vertical-align: top;
}

.iotmarketing#page #headline.block {
	height: 200px;
}

.iotmarketing#page #headline.block .full-width.background-blue {
	padding: 40px;
}

.iotchipsets#page #features.block {
	margin-top: 60px;
}

.iotproducts#page #features.block {
	margin-top: 20px;
}

.iotchipsets#page .full-width {
	text-align: center;
}

/*.iotmarketing#page .block#companies {
	width: 1260px;
}*/

.iotmarketing#page .block#companies,
.iotmarketing#page .block#tembooclient, {
	text-align: center;
}

.iotmarketing#page .block#iotapps .full-width {
	padding: 30px;
}

.iotproducts#page .block#iotapps .block-content {
	margin-top: 60px;
}

.iotproducts#page .block#iotapps .list {
	width: 500px;
}

.iotproducts#page .block#iotapps ul li {
	margin-bottom: 5px;
}

.iotmarketing.iotproducts#page #iotapps.block, 
.iotmarketing.iotproducts#page #iotapps.block .full-width {
	height: 670px;
}

.iotmarketing#page #iotapps.block {
	text-align: center;
}

.iotchipsets#page #iotapps.block {
	height: 325px;
}

.iotmarketing#page .contact-block.block {
	height:400px;
	text-align: center;
}

.iotmarketing#page .contact-block.block #success-message {
	text-align: center;
}

.iotmarketing#page .contact-block.block p.error {
	margin-bottom: 15px;
}

.iotmarketing#page .contact-block.block .spinner {
	background-image: url('assets/spinner-white-blue.gif');
	height: 39px;
	width: 39px;
}

.iotmarketing#page .contact-block.block #success-message #contact-refresh a {
	color: #fff;
}

.iotmarketing#page .contact-block.block #success-message #contact-refresh a:hover {
	color: #caecf9;
}

.iotmarketing#page .block#tembooclient {
	height:550px;
}

.iotmarketing#page .block#tembooclient .block-content {
	display: inline-block;
	margin: 25px auto;
}

.iotmarketing#page .block#companies .block-content {
	text-align: center;
	margin: 50px auto 40px;
}

.iotproducts#page .block#companies #companies-block-container {
	padding: 40px 0;
	width: 1200px;
	margin-left: -80px;
}

.iotmarketing#page .block-column {
	display: inline-block;
	vertical-align: top;
}

.iotmarketing#page #tembooclient .block-column {
	margin-left: 70px;
}

.iotmarketing#page #tembooclient h2 {
	text-align: left;
}

.iotmarketing#page #tembooclient .list {
	width: 450px;
}

#page.iotproducts .block#companies h4 {
	font-weight: bold;
	text-align: right;
	font-size: 16px;
}

/* GRAPHICS */

.iotmarketing#page .graphic {
	background-size: 100%;
	background-repeat:no-repeat;
	/*position: absolute;*/
	display: inline-block;
}

.iotproducts#page #features.block .graphic {
	width:450px;
	height:800px;
	background-image:url('assets/graphic-iotapps-page-productsandservices.png');
	background-size: auto 100%;
	margin-left: 50px;
}

.iotchipsets#page #features.block .graphic {
	width:500px;
	height:700px;
	background-image:url('assets/graphic-iotapps-page-chipsets.png');
}

.iotmarketing#page #tembooclient.block .graphic {
	width:400px;
	height:400px;
	background-image:url('assets/graphic-iotapps-tembooclient.png');
}

.iotmarketing#page #hardwarebundle.block .graphic {
	background-image:url('assets/graphic-iotapps-hardwarebundle.png');
}

.iotchipsets#page #hardwarebundle.block .graphic {
	width:500px;
	height:500px;
	margin-top: 100px;
}

.iotproducts#page #hardwarebundle.block .graphic {
	width:450px;
	height:450px;
	margin-top: 20px;
}

/* TEXT */
.iotmarketing#page h1, .iotmarketing#page h2 {
	font-weight: 600;
	text-align: center;
	margin:10px 0;
}

.iotmarketing#page h1 {
	font-size:50px;
}

.iotmarketing#page h2 {
	font-size:38px;
	font-weight: bold;
	margin-bottom: 20px;
}

.iotmarketing#page p {
	max-width:600px;
}

.iotmarketing#page p.body-xxlarge {
	text-align: center;
	margin:5px auto;
	font-weight: 300;
	line-height: 32px;
}

.iotmarketing#page p.body-xlarge {
	font-size: 18px;
	text-align: center;
	font-weight: 300;
}

.iotmarketing#page .block#topology p {
	max-width: 750px;
	margin: 0 auto;
}

.iotmarketing#page .block#topology #topologies-animation {
	margin-top: 30px;
}

.iotmarketing#page #iotapps.block p.body-xxlarge {
	max-width:1040px;
	font-size: 20px;
	font-weight: 300;
}

.iotproducts#page #iotapps.block .list p.body-xxlarge {
	line-height: normal;
	margin-bottom: 10px;
}

.iotmarketing#page #iotapps.block .iotapp-block.small .text-block .title {
	color: #000;
	font-weight: 600;
}

.iotmarketing#page strong {
	font-weight: 600;
}

.iotmarketing#page #contact form {
	padding: 10px;
	width: 480px;
}

.iotmarketing#page #contact form #message,
.iotmarketing#page #contact form #email {
	font-size: 16px;
	font-weight: 300;
}

.iotmarketing#page #contact form #message {
	margin-bottom: 15px;
}

.iotmarketing#page .block#companies .divider {
	border-top: #ddd dotted 6px;
	height: 1px;
	position: absolute;
	left: 0;
	right: 0;
}

.iotmarketing#page #companies-container .company#qualcomm {
	background-position: left top 10px;
}

.iotproducts#page .block#hardwarebundle {
	margin-top: 100px;
}

/* LISTS */

.iotmarketing#page .list {
	max-width: 550px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.iotmarketing#page .block#features h2 {
	margin-bottom: 25px;
}

.iotmarketing#page .block#features .list {
	margin-top: 50px;
}

.iotmarketing#page .block#features .list ul li {
	margin-left: -40px;
}

.iotchipsets#page .block#hardwarebundle .list {
	max-width: 450px;
	margin-top: 10px;
	margin-right: 100px;
}

.iotproducts#page .block#hardwarebundle .list {
	margin-right: 50px;
}

.iotmarketing#page .list ul {
    list-style-type: none;
    padding: 0px;
    /*margin: 0px;*/
}

.iotmarketing#page ul p.body-xxlarge {
	text-align: left;
}

.iotmarketing#page ul li {
	font-size:18px;
    background-repeat: no-repeat;
	background-position: 0px -2px;
    padding-left: 45px;
    margin-bottom:15px;
	font-weight: 300;
	line-height: 26px;
}

.iotmarketing#page .block#features ul li,
.iotmarketing#page .block#hardwarebundle ul li {
	margin-bottom: 25px;
}

.iotmarketing#page .block#tembooclient ul li {
    padding-left: 40px;
}

.iotmarketing#page ul ul {
	margin-bottom: 20px;
}

.iotmarketing#page ul ul li {
    margin-left: 45px;
    margin-bottom: 0;
}

.iotproducts#page #iotapps.block ul {
	margin-bottom: 50px;
}

.iotmarketing#page ul.check-gray li {
	background-image: url('assets/icon-check-gray.png');
}
.iotmarketing#page ul.check-blue li {
	background-image: url('assets/icon-check-blue.png');
}
.iotmarketing#page ul.list-gray li {
	background-image: url('assets/icon-list-gray.png');
}
.iotmarketing#page ul.list-blue li {
	background-image: url('assets/icon-list-blue.png');
}
.iotmarketing#page ul.arrow-blue li {
	background-image: url('assets/icon-arrow-blue.png');
}

/* SPECIAL IOT APPS SECTION */

.iotmarketing#page #iotapps.block #iotapps-links {
	display:inline-block;
	text-align: right;
}

.iotproducts#page #iotapps.block #iotapps-links {
	width:575px;
}

.iotproducts#page #iotapps.block #iotapps-links .iotapp-block.small {
	margin-bottom:20px;
}

.iotproducts#page #iotapps.block #iotapps-links .iotapp-block.small .image {
	width: 256px;
	height: 144px;
}

.iotchipsets a#iotapp-link {
	text-align: right;
	width: 945px;
	margin: 10px auto;
	display: block;
}

.iotmarketing a #iotapp-more {
	width:150px;
	white-space: nowrap;
	font-size: 16px;
}

/* CONTACT FORM */
.iotmarketing#page #contact {
    background: none;
    margin: 0 auto;
    padding: 0;
}

.iotmarketing#page #contact-envelope {
    background: url('assets/icon-envelope-large-white.png') no-repeat right top;
    width: 50px;
    height: 30px;
    display: inline-block;
    padding-left: 5px;
}

.iotmarketing#page #contact .spinner-container {
    margin: 0 auto;
    text-align: center;
    float:none;
}

/* Happy 2016 */

#page-marketing-happy2016 {
	overflow-x: hidden;
}

#page-marketing-happy2016 #header-outer {
	display: none;
}

#page-marketing-happy2016 #footer-inner {
	border-color: #fff;
}

#page-marketing-happy2016 #footer {
	background-color: transparent;
}

#page-marketing-happy2016 #footer ul {
	color: #fff;
}

#page-marketing-happy2016 #footer ul li a {
	color: #fff;
}

#page-marketing-happy2016 #footer ul li a:hover {
	opacity: .6;
}

#page-marketing-happy2016 #footer a#footer-twitter {
	background-position: left -88px;
}

#page-marketing-happy2016 #footer a#footer-youtube {
	background-position: left -88px;
}

#page-marketing-happy2016 #footer .copyright {
	color: #fff;
}

.happy2016 {
	height: 5444px;
}

.happy2016 .background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 5700px;
	background: #0882b6;
	background: -moz-linear-gradient(top,  #0882b6 0%, #2bb5e9 16%, #80c5c1 61%, #d1b6a2 84%, #ebb389 92%, #eb9b86 100%);
	background: -webkit-linear-gradient(top,  #0882b6 0%,#2bb5e9 16%,#80c5c1 61%,#d1b6a2 84%,#ebb389 92%,#eb9b86 100%);
	background: linear-gradient(to bottom,  #0882b6 0%,#2bb5e9 16%,#80c5c1 61%,#d1b6a2 84%,#ebb389 92%,#eb9b86 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0882b6', endColorstr='#eb9b86',GradientType=0 );
	z-index: 0;
}

.happy2016 .section {
	text-align: center;
}

.happy2016 .section.transparent {
	color: #fff;
	font-size: 36px;
	font-weight: 200;
}

.happy2016 .intertitle {
	position: relative;
	height: 120px;
	margin: 100px 0;
	color: #fff;
	font-size: 36px;
	font-weight: 200;
	opacity: 0;
}

.happy2016 .intertitle .intertitle-bg {
	background: #fff;
	opacity: .25;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.happy2016 .intertitle .intertitle-bg.arrow:before {
    content:"";
    position: absolute;
    left: -10px;
    width: 50%;
    height: 20px;
    top: -20px;
    background: #fff;
    -webkit-transform: skew(50deg);
    -moz-transform: skew(50deg);
    -o-transform: skew(50deg);
    -ms-transform: skew(50deg);
    transform: skew(50deg);
}

.happy2016 .intertitle .intertitle-bg.arrow:after {
    content:"";
    position: absolute;
    right: -10px;
    width: 50%;
    height: 20px;
    top: -20px;
    background: #fff;
    -webkit-transform: skew(-50deg);
    -moz-transform: skew(-50deg);
    -o-transform: skew(-50deg);
    -ms-transform: skew(-50deg);
    transform: skew(-50deg);
}

.happy2016 .intertitle .intertitle-text {
	padding-top: 35px; /* todo: vertical center */
	text-align: center;
}

.happy2016 .section.white {
	background: #fff;
	padding: 60px 0;
	position: relative;
}

.happy2016 .section.year-2015 .temboo-logo-white {
	background: url('assets/temboo-logo-white.png') no-repeat;
	background-size: 100%;
	height: 53px;
	width: 181px;
	height: 50px;
	opacity: .5;
	left: 50px;
	top: 25px;
	position: absolute;
}

.happy2016 .year-text {
	margin-top: 170px;
	margin-bottom: 270px;
}

.happy2016 .section.year-2015 .year-text .year-star {
	height: 36px;
	width: 36px;
	background: url('assets/year2016-star-yellow.png') no-repeat;
	background-size: 100%;
	margin: auto;
	display: inline-block;
	transform: rotate(30deg);
	margin-bottom: 5px;
}

.happy2016 .section.year-2015 .year-text .year-above {
	margin-bottom: -30px;
}

.happy2016 .year-text .year {
	font-size: 120px;
}

.happy2016 .section.year-2016 .year-text .button {
	border-width: 2px;
	width: 150px;
	font-weight: normal;
	margin-top: 50px;
}

.happy2016 .section.year-2016 .year-text .button:hover {
	opacity: .6;
	border-color: #fff;
	color: #fff;
}

.happy2016 .section.companies .company {
	height: 350px;
	margin-bottom: 50px;
}

.happy2016 .section.companies .company .company-block {
	display: inline-block;
	border: 4px solid #ccc;
	border-radius: 4px;
	text-align: left;
	height: 100%;
	vertical-align: top;
	margin: 0 20px;
}

.happy2016 .section.companies .company .company-block .company-name {
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	margin-top: 20px;
	padding: 5px 20px;
}

.happy2016 .section.companies .company.company-1 .company-block .company-name {
	background-color: #5bb318;
}

.happy2016 .section.companies .company.company-2 .company-block .company-name {
	background-color: #5b7fac;
}

.happy2016 .section.companies .company.company-3 .company-block .company-name {
	background-color: #812219;
}

.happy2016 .section.companies .company .company-block .logo {
	background: url('assets/year2016-exampleLogos.png') no-repeat;
	height: 75px;
	width: 75px;
	background-size: 100%;
	position: absolute;
	bottom: 15px;
	right: 15px;
}

.happy2016 .section.companies .company.company-1 .company-block .logo {
	background-position: left top;
}

.happy2016 .section.companies .company.company-2 .company-block .logo {
	background-position: left -75px;
}

.happy2016 .section.companies .company.company-3 .company-block .logo {
	background-position: left -150px;
}

.happy2016 .section.companies .company .company-block .company-description {
	font-size: 16px;
	padding: 25px;
	margin: 30px;
	height: 190px;
	position: relative;
	opacity: 0;
}

.happy2016 .section.companies .company .company-block .company-description .description-overlay {
	background-color: #fff;
	opacity: .9;
	top: 0;
	left: 0;
	right: 0;
	bottom: 80px;
	position: absolute;
}

.happy2016 .section.companies .company .company-block .company-description .description-text {
	position: absolute;
	left: 20px;
	right: 20px;
}

.happy2016 .section.companies .company .company-block.photo-block {
	width: 625px;
	background-size: 100%;
}

.happy2016 .section.companies .company.company-1 .company-block.photo-block {
	background-image: url('assets/year2016-variance.png');
}

.happy2016 .section.companies .company.company-2 .company-block.photo-block {
	background-image: url('assets/year2016-avionics.png');
}

.happy2016 .section.companies .company.company-3 .company-block.photo-block {
	background-image: url('assets/year2016-formula1.png');
}

.happy2016 .section.companies .company .company-block.quote-block {
	width: 290px;
	height: 290px;
	background-color: #2bb5e9;
	border-color: #2bb5e9;
	color: #fff;
	padding: 30px;
	position: relative;
}

.happy2016 .section .quote-block .quote {
	font-weight: 300;
}

.happy2016 .section.companies .quote-block .quote {
	font-size: 30px;
}

.happy2016 .section.partners .quote-block .quote {
	font-size: 24px;
}

.happy2016 .section.companies .company .company-block.quote-block .author {
	font-size: 16px;
	font-weight: 300;
	margin-left: 100px;
	margin-top: 15px;
}

.happy2016 .section.iot-applications .iotapp-block {
	margin: 0 11px;
}

.happy2016 .section.iot-applications .iotapp-block.medium .text-block {
	padding: 15px;
	height: 120px;
	text-align: left;
}

.happy2016 .section.iot-applications .iotapp-block .title {
	font-size: 18px;
	margin-bottom: 10px;
	color: #666;
	font-weight: normal;
}

.happy2016 .section.iot-applications .iotapp-block .devices {
	color: #999;
	padding-left: 55px;
	padding-top: 15px;
	height: 40px;
	background-repeat: no-repeat;
}

.happy2016 .section.iot-applications .iotapp-block .devices.single {
	background-image: url('assets/icon-board-single.png');
}

.happy2016 .section.iot-applications .iotapp-block .devices.multiple {
	background-image: url('assets/icon-board-multiple.png');
}

.happy2016 .section.iot-applications .iotapp-block .description {
	margin-top: 10px;
	white-space: normal;
}

.happy2016 .section.iot-applications .iotapp-block .categories {
	position: absolute;
}

.happy2016 .section.iot-applications .iotapp-block.medium .categories {
	right: 5px;
	bottom: 5px;
}

.happy2016 .section.iot-applications .iotapp-container {
	display: inline-block;
}

.happy2016 .section.iot-applications a #iotapp-more {
	display: block;
	margin-left: auto;
	margin-right: 10px;
	margin-top: 10px;
}

.happy2016 .section.partners .quote-row:first-of-type {
	margin-bottom: 60px;
}

.happy2016 .section.partners .quote-row > * {
	vertical-align: top;
}

.happy2016 .section.partners .samsung-quotes {
	text-align: left;
	width: 513px;
	margin: 0 auto;
	display: inline-block;
}

.happy2016 .section.partners .quote-block {
	display: inline-block;
	text-align: left;
	width: 513px;
	margin: 0 30px;
}

.happy2016 .section.partners .quote-block .author-row {
	margin: 20px 0;
}

.happy2016 .section.partners .quote-block .author-row > * {
	vertical-align: top;
}

.happy2016 .section.partners .quote-block .author {
	font-size: 18px;
	display: inline-block;
	text-align: left;
	color: #666;
}

.happy2016 .section.partners .logo {
	background: url('assets/year2016-partners-logos.png');
	background-size: 100%;
	width: 220px;
	height: 60px;
	display: inline-block;
}

.happy2016 .section.partners .logo.samsung {
	background-position: left top;
}

.happy2016 .section.partners .logo.microsoft {
	background-position: left 120px;
}

.happy2016 .section.partners .logo.qualcomm {
	background-position: left 60px;
}

.happy2016 .section.partners .samsung-photo {
	background: url('assets/year2016-partner-samsungEvent.png') no-repeat;
	height: 333px;
	width: 507px;
	background-size: 100%;
	display: inline-block;
	border: 3px solid #95daf4;
}

.happy2016 .section.features .feature {
	display: inline-block;
	margin: 0 20px;
}

.happy2016 .section.features .feature .feature-circle {
	height: 220px;
	width: 220px;
	border: 10px solid #eee;
	border-radius: 120px;
	background-size: 100%;
	transition: border-color .4s ease-in-out;
	-moz-transition: border-color .4s ease-in-out;
	-feature-transition: border-color .4s ease-in-out;
}

.happy2016 .section.features .feature .feature-circle:hover {
	border-color: #2bb5e9;
}

.happy2016 .section.features .feature.m2m .feature-circle {
	background-image: url('assets/year2016-feature-m2m.png');
}

.happy2016 .section.features .feature.conditions .feature-circle {
	background-image: url('assets/year2016-feature-conditions.png');
}

.happy2016 .section.features .feature.streaming .feature-circle {
	background-image: url('assets/year2016-feature-streaming.png');
}

.happy2016 .section.features .feature .feature-name {
	font-size: 22px;
	margin-top: 25px;
}

.happy2016 .section.features .feature .feature-name a {
	font-weight: normal;
}

.happy2016 .snowflake-container {
	opacity: .25;
}

.happy2016 .snowflake {
	-webkit-animation: spin 10s linear infinite;
	-moz-animation: spin 10s linear infinite;
	animation: spin 10s linear infinite;
	position: fixed;
	color: #fff;
	background-size: 100%;
	height: 32px;
	width: 32px;
}

.happy2016 .snowflake.circle {
	background-image: url('assets/year2016-circle.png');
}

.happy2016 .snowflake.square {
	background-image: url('assets/year2016-square.png');
}

.happy2016 .snowflake.star {
	background-image: url('assets/year2016-star.png');
}

.happy2016 .snowflake.triangle {
	background-image: url('assets/year2016-triangle.png');
}

@-moz-keyframes 
spin { 100% {
	-moz-transform: rotate(360deg);
}
}

@-webkit-keyframes 
spin { 100% {
	-webkit-transform: rotate(360deg);
}
}

@keyframes 
spin { 100% {
	-webkit-transform: rotate(360deg);
	transform:rotate(360deg);
}
}



/*		HAPPY 2017		*/

body#page-marketing-happy2017 {
	max-width: none;
	margin-top: -20px;
}

#page.happy2017 #introBlock .logo-container {
	width: 1100px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;

}

#page.happy2017 #logo {
	background-image: url('stable/temboo-logo-white.png');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 181px;
	height: 50px;
	position: absolute;
	top: 13px; 
	left: 20px;
	z-index:10;
}

#page.happy2017 #logo:hover {
	cursor: pointer;
}

#page.happy2017 #container {
	background: -moz-linear-gradient(270deg, rgba(43,181,233,1) 0%, rgba(255,255,255,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(43,181,233,1)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(270deg, rgba(43,181,233,1) 0%, rgba(255,255,255,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(270deg, rgba(43,181,233,1) 0%, rgba(255,255,255,1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(270deg, rgba(43,181,233,1) 0%, rgba(255,255,255,1) 100%); /* ie10+ */
	background: linear-gradient(180deg, rgba(43,181,233,1) 0%, rgba(255,255,255,1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2BB5E9', endColorstr='#FFFFFF',GradientType=0 ); /* ie6-9 */
}

#page.happy2017 #introBlock {
	position: relative;
}

#page.happy2017 .greetings {
	padding: 10em 0;
	height: 650px;
}

#page.happy2017 #goodbye p {
	color: #6acbef;
}

#page.happy2017 .greetings p {
	font-weight: 300;
	text-align: center;
	font-size: 100px;
	margin: 0;
}

#page.happy2017 .greetings#hello p {
	font-size: 140px;
}

#page.happy2017 #year, 
#page.happy2017 #helloYear {
	display: block;
	font-size: 300px;
	font-weight: 700;
	margin-top: -0.2em;
}

#page.happy2017 .banner {
	position: absolute;
	background-color: white;
	height: 10em;
	width: 100%;
	left: 0;
}

#page.happy2017 .banner p {
	font-size: 3em;
	color: #2BB5E9;
	text-align: center;
	font-weight: 300;
}

#page.happy2017 #introBanner {
	bottom: 100px;
}

#page.happy2017 #arrow {
	width: 50px;
	height: 50px;
	position: absolute;
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    background-color: #49BFEC;
    bottom: 210px;
    left: 45%;
    z-index: 100;
}


			/********** map*/
#page.happy2017 .map {
	top: 40px;
}

#page.happy2017 #mapBlock {
	background-color: white;
	position: relative;
}

#page.happy2017 #mapBlock, 
#page.happy2017 .sidebar {
	height: 765px !important;
}

#page.happy2017 .sidebar {
	top: 0 !important;
}

#page.happy2017 .headline {
	top: 30px !important;
}

#page.happy2017 .quote-container {
	z-index: 10 !important;
}

			/********** industry*/
#page.happy2017 #industryBlock {
	height: 1330px;
	position: relative;
}

#page.happy2017 #industryBanner, 
#page.happy2017 #statsBanner {
	top: 100px;
}

#page.happy2017 #industries {
	position: absolute;
	margin-top: 315px;
	width: 100%;
}

#page.happy2017 .industrySingle {
	width: 80%;
	margin: 0 auto;
	margin-bottom: 3em;
	border: 10px solid white;
	background-color: white;
	border-radius: 5px;
	height: 25em;
	position: relative;
}

#page.happy2017 .industryPic {
	width: 65%;
	background-color: white
}

#page.happy2017 .industryText {
	width: 35%;
}

#page.happy2017 .industryText, 
#page.happy2017 .industryPic {
	position: absolute;
	height: 100%;
}

#page.happy2017 #ggpPic, 
#page.happy2017 #monginiText, 
#page.happy2017 #uviText {
	left: 0;
}

#page.happy2017 #ggpText, 
#page.happy2017 #monginiPic, 
#page.happy2017 #uviPic {
	right: 0;
}

#page.happy2017 .industryText p {
	color: white;
}

#page.happy2017 .industryHeader {
	font-weight: 700;
	font-size: 2em;
	padding: 1em 2rem 0 2rem;

}

#page.happy2017 .industryCopy {
	font-weight: 200;
	font-size: 1.25em;
	padding: 1em 2rem 0 2rem;
	margin-top: -1.5em;
}

#page.happy2017 #monginiText {
	background-color: #FE0655;
	border-radius: 5px 0 0 5px;
}

#page.happy2017 #monginiPic {
	background-image: url('stable/happy-2017-smart-cakes.png');
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 0 5px 5px 0;

}

#page.happy2017 #mongini:hover #monginiWifi_1 {
	display: block;
}

#page.happy2017 #mongini:hover #monginiWifi_2 {
	display: block;
}

#page.happy2017 .wifiLogo {
	display: none;
	position: absolute;
}

#page.happy2017 #monginiWifi_1 {
	top: 200px;
	left: 75px;
	width:75px;
	-ms-transform: rotate(-30deg); /* IE 9 */
    -webkit-transform: rotate(-30deg); /* Chrome, Safari, Opera */
    transform: rotate(-30deg);
    display: none;

}


#page.happy2017 #monginiWifi_2 {
	width: 40px;
	top: 125px;
	right: 63px;
	-ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */
    transform: rotate(10deg)
}

#page.happy2017 #ggpText {
	background-color: #21F5BC;
	border-radius: 0 5px 5px 0;
}

#page.happy2017 #ggpPic {
	background-image: url('stable/happy-2017-smart-mowers.png');
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 5px 0 0 5px;
}

#page.happy2017 #ggpWifi_1 {
	width: 100px;
	top: 112px;
	left: 184px;
	-ms-transform: rotate(35deg); /* IE 9 */
    -webkit-transform: rotate(35deg); /* Chrome, Safari, Opera */
    transform: rotate(35deg)
}

#page.happy2017 #ggpWifi_2 {
	width: 65px;
	top: 54px;
	right: 111px;
	-ms-transform: rotate(35deg); /* IE 9 */
    -webkit-transform: rotate(35deg); /* Chrome, Safari, Opera */
    transform: rotate(35deg)
}

#page.happy2017 #ggp:hover #ggpWifi_1 {
	display: block;
}

#page.happy2017 #ggp:hover #ggpWifi_2 {
	display: block;
}


#page.happy2017 #uviText {
	background-color: #2bb5E9;
	border-radius: 5px 0 0 5px;
}

#page.happy2017 #uviPic {
	background-image: url('stable/happy-2017-smart-farm.png');
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 0 5px 5px 0;
}

#page.happy2017 #uviWifi_1 {
	width: 100px;
	top: 100px;
	left: 98px;
	-ms-transform: rotate(34deg); /* IE 9 */
    -webkit-transform: rotate(34deg); /* Chrome, Safari, Opera */
    transform: rotate(34deg)
}

#page.happy2017 #uviWifi_2 {
	width: 60px;
	top: 93px;
	right: 150px;
	-ms-transform: rotate(-37deg); /* IE 9 */
    -webkit-transform: rotate(-37deg); /* Chrome, Safari, Opera */
    transform: rotate(-37deg)
}

#page.happy2017 #uvi:hover #uviWifi_1 {
	display: block;
}

#page.happy2017 #uvi:hover #uviWifi_2 {
	display: block;
}

#page.happy2017 .readButton {
	display: block;
    border: 1px solid white;
    border-radius: 2px;
    width: 10em;
    height: 2.5em;
    color: white;
    text-align: center;
    margin: 2em 0 0 2.5em;
}

#page.happy2017 .readButton p {
	margin-top: 7px;
	font-weight: 200;
}

#page.happy2017 #monginiText .readButton:hover {
	background-color: white;
	cursor: pointer;
}

#page.happy2017 #monginiText .readButton:hover p {
	color: #FE0655;
}

#page.happy2017 #ggpText .readButton:hover {
	background-color: white;
	cursor: pointer;
}

#page.happy2017 #ggpText .readButton:hover p {
	color: #21F5BC;
}


			/********** stats*/
#page.happy2017 #statsBlock {
	height: 925px;
	position: relative;
}

#page.happy2017 #infographic {
	position: absolute;
	margin-top: 21em !important;
}

#page.happy2017 #infographic .headline {
	display: none;
}

#page.happy2017 .tile {
	background-color: white;
}


/* Overwriting a bunch of the .implementation rules */
#page.implementations.happy2017 #infographic .tile {
	width: 350px !important;
}

#page.implementations.happy2017 #infographic {
	left: 0;
	right: 0;
}

#page.implementations.happy2017 #infographic .tile {
	border-color: #6ac6ea;
}

#page.implementations.happy2017 #infographic .tile.medium#vaccine {
	background-position: 0px -237px !important;
}

#page.implementations.happy2017 #infographic .tile.medium#food {
	background-position: 0px 9px !important;
}

#page.implementations.happy2017 #infographic .tile.large#gas {
	background-position: -12px -338px !important;
}

#page.implementations.happy2017 #infographic .tile.large#gas .stat {
	top: 56px !important;
	left: 187px !important;
}

#page.implementations.happy2017 #infographic .grid {
	width: 1068px;
	margin: 40px auto;
}

#page.implementations.happy2017 .headline {
	top: 12px !important;
}

			/********** end*/
#page.happy2017 #endBlock {
	height: 900px;
	position: relative;
	width: 100%;
}

#page.happy2017 #endBlock > .greetings {
	padding-top: 25em;
}

#page.happy2017 .greetings {
	position: relative;
}

#page.happy2017 #hello p {
		color: #2BB5E9;
}

#page.happy2017 #endButton {
	display: block;
    border: 1px solid #2BB5E9;
    border-radius: 5px;
    width: 22%;
    height: 2.5em;
    color: #2BB5E9;
    text-align: center;
    margin: 0 auto;
    font-weight: 700;
    font-size: 1em;
    z-index: 100;
}

#page.happy2017 .greetings#hello #endButton p {
	padding: 0.3em;
	font-weight: 700;
    font-size: 16px;
}

#page.happy2017 #endButton:hover {
	background-color: #2BB5E9;
	cursor: pointer;
}

#page.happy2017 #endButton:hover p {
	color: white;
}

/* Digital Transformation */

#digital-transformation.content-page {
	text-align: center;
}

#digital-transformation.content-page .section.empower {
	text-align: center;
}

#digital-transformation.content-page .section.empower .title {
	margin-bottom: 25px;
}
/* Pretty printing styles. Used with prettify.js. */

/* SPAN elements with the classes below are added by prettyprint. */
.pln { color: #333 }  /* plain text */
/*
@media screen
{*/
  .str { color: #090 }  /* string content */
  .kwd { color: #03C }  /* a keyword */
  .com { color: #777; }  /* a comment */
  .typ { color: #D8297B }  /* a type name */
  .lit { color: #090 }  /* a literal value */
  /* punctuation, lisp open bracket, lisp close bracket */
  .opn, .clo, .pun { color: #333 }
  .tag { color: #036 }  /* a markup tag name */
  .atn { color: #D8297B; }  /* a markup attribute name */
  .atv { color: #090 }  /* a markup attribute value */
  .dec { color: #03C }  /* a declaration */
  .var { color: #F47825 }  /* a variable name */
  .fun { color: #333 }  /* a function name */
/*
}
*/

/* Use higher contrast and text-weight for printable form. */
/*
@media print, projection {
  .str { color: #090 }
  .kwd { color: #03C; font-weight: bold }
  .com { color: #999; font-style: italic }
  .typ { color: #D8297B; font-weight: bold }
  .lit { color: #090 }
  .pun, .opn, .clo { color: #333 }
  .tag { color: #03C; font-weight: bold }
  .atn { color: #D8297B }
  .atv { color: #090 }
}
*/

/* Put a border around prettyprinted code snippets. */
pre.prettyprint {
	padding: 10px;
	border: 1px solid #ccc;
	font: normal 12px "Open Sans", Arial, sans-serif;
	overflow-y:auto;
	max-height:300px;
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0 } /* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 { background: #eee }
/* GENERAL STYLES */
body#page-landing-index a#navigation_signup {
	display: none;
}

body#page-landing-index {
	min-width:100%;
	padding:0;
	margin: 10px auto;
}

#homepage #landing {
	margin-top: -5px;
}

#homepage .block {
	min-width: 1260px;
}

#homepage .block.blue-background {
	color: #fff;
	position: relative;
}

#homepage .block.blue-background a {
	color: #fff;
}

#homepage .block.blue-background a:hover {
	color: #95daf4;
    text-decoration: underline;
}

#homepage .block.blue-background a:active {
	color: #f47925;
}

#homepage .block.blue-background .callout a {
	color: #2bb5e9;
}

#homepage .block.blue-background .callout a:hover {
	color: #0882b6;
	text-decoration: none;
}

#homepage .block.blue-background .callout a:active {
	color: #f47925;
}

#homepage .block.blue-background .background {
	background-color: #1bb4eb;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}

#homepage h1, h2, h3, h4 {
	font-weight:bold;
	margin:0;
}

#homepage h1 {
	font-size:48px;
	font-weight: 600;
}

#homepage h2,
#homepage h3 {
	text-align:center;
	margin:0 auto;
	font-weight: normal;
}

#homepage h2 {
	font-size:48px;
}

#homepage h3 {
	font-size:30px;
	font-weight: 300;
}

#homepage h4 {
	text-align:right;
	font-size:18px;
	font-weight: 600;
}

#homepage p {
	font-size: 15px;
	line-height: 22px;
	font-weight: 300;
}

#homepage .subtitle {
	text-align: center;
	text-transform: none;
	font-size: 20px;
}

#homepage .small-f {
	font-size:66px;
}

#homepage .line {
	border-bottom: 1px solid #caecf9;
	position: absolute;
}

#homepage .line.line-right {
	display: none;
}

/* top right, short */
#homepage .line.line-right-1 {
	width: 70px;
	top: 69px;
	right: 0;
}

/* top right, long */
#homepage .line.line-right-2 {
	width: 550px;
	top: 69px;
	right: 230px;
}

/* top left, short */
#homepage .line.line-left-1 {
	width: 50px;
	left: 0;
	top: 129px;
}

#homepage .line.line-left-2 {
	width: 316px;
	left: 200px;
	top: 129px;
}

/* TITLE BLOCK */
#homepage .block#title-block {
	margin-bottom: 34px;
}

#homepage .block#title-block .background {
	top: -35px;
/*	bottom: -35px;*/
}

#homepage .block#title-block .vr.blue-dash.double {
	top: -35px;
	bottom: -35px;
	width: 100%;
	z-index: -1;
}

#homepage .block#title-block .vr.blue-dash.single {
	bottom: -190px;
	height: 190px;
	right: 273px;
}

#title-block h1 {
	width: 600px;
}

#title-block h2, #title-block h3, #title-block p {
	width:500px;
}

#homepage #title-block h1 {
	margin: 10px auto;
}

#homepage #title-block h3 {
	font-size:20px;
	text-align:left;
	margin: 10px 0 0 0;
}

#homepage #title-block p {
	font-size:22px;
	margin:0;
	line-height: normal;
}

/* SIGNUP BLOCK */
#homepage .block#title-block .title-block-inner {
	max-width: 1280px;
	margin: 0px auto;
	height: 540px;
	position: relative;
	border: none;
}

#homepage .title {
	font-weight: 300;
}

#homepage .title {
	margin-top: 40px;
	font-size: 48px;
	text-align: center;
}

#homepage .subtitle {
	font-weight: 300;
	font-size: 26px;
	margin-top: 25px;
}

#homepage .title .bold {	
	font-weight: normal;
}

#homepage .signup-form {
	width: 340px;
	margin: 0 auto;
}

#homepage .signup-form button {
	width: 340px;
	padding-top:1px;
	border-radius: 8px;
}

#homepage .signup-form #signupForm {
	padding: 25px 0 0 0;
}

#homepage .signup-form #signupForm .callout-container {
	width: 340px;
}

#homepage .signup-form #signupForm input {
	height: 35px;
	font-size: 16px;
	font-weight: 300;
	border-color: #95daf4;
	width: 300px;
}

#homepage .signup-form #signupForm input.error {
	border-color: #f47925;
}

#homepage .signup-form #signupForm input#agreed {
	height: 12px;
	width: 12px;
}

#homepage .signup-form #signupForm .signup-hidden {
	display: none;
	width: 340px;
	/*height: 168px;*/
	height: 47px;
}

#homepage .signup-form #signupForm .signup-hidden:last-child{
	height: 20px;
}

#homepage .signup-form #signupForm p#terms {
	width: 340px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0;
}

#homepage #signupForm .callout .callout-error-text {
	color: #333;
}

#homepage #signupForm .spinner {
	margin-left: -24px;
	background: url('assets/spinner-white-large.gif');
	height: 48px;
	width: 48px;
	bottom: 0;
}

#homepage .block .graphic {
	width:1280px;
	height:620px;
	margin: 0 auto;
	position: absolute;
	left: -27px;
	z-index: -1;
}

#homepage .block .graphic.graphic-top {
	display: none;
}

#homepage .block .graphic.graphic-top-left {
	background:url('assets/illustration-homepage-plane.png') no-repeat;
	top: 89px;
	left: 65px;
	width: 130px;
	height: 45px;
	background-size: 100%;
	margin: 0;
}

#homepage .block .graphic.graphic-top-right {
	background:url('assets/illustration-homepage-satellite.png') no-repeat;
	top: 19px;
	right: 105px;
	left: auto;
	width: 92px;
	height: 92px;
	background-size: 100%;
	margin: 0;
}

#homepage .block .graphic.graphic-bottom {
	background:url('assets/graphic-homepage-featured-section.png') no-repeat;
	bottom: 0;
}

/* GRID BLOCK */

#homepage .block#grid-block .grid {
	text-align: center;
	padding: 40px 0 60px;
	border-bottom: 1px solid #95daf4;
	color: #fff;
}

#homepage .block#grid-block .grid .grid-row .grid-tile {
	display: inline-block;
	height: 260px;
	background-color: #ddd;
	border-width: 1px;
	border-style: solid;
	margin: 4px 3px;
	vertical-align: top;
	font-size: 20px;
	position: relative;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.long {
	width: 370px;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.short {
	width: 180px;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.video {
	background-size: 100%;
	border-width: 0;
	height: 262px;
	width: 372px;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.video .play-button {
    position: absolute;
    z-index: 200;
    background: url('assets/homepage-video-play-button.png') no-repeat;
    width: 65px;
    height: 65px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto auto;
    background-size: 100%;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.video:hover {
	opacity: .7;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.video#cloud-controls {
	background-image: url('assets/homepage-video-tile-overview.png');
}

#homepage .block#grid-block .grid .grid-row .grid-tile.video#iot-apps-trash {
	background-image: url('assets/homepage-video-tile-trash-can.png');
}

#homepage .block#grid-block .grid .grid-row .grid-tile.video#iot-apps-gas {
	background-image: url('assets/homepage-video-tile-gas-line.png');
}

#homepage .block#grid-block .grid .grid-row .grid-tile.video#iot-apps-soil {
	background-image: url('assets/homepage-video-tile-soil-monitor.png');
}

#homepage .block#grid-block .grid .grid-row .grid-tile.quote {
	background-color: #42b5e9;
	border-color: #42b5e9;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.quote .quote-body {
	font-weight: 300;
	margin: 50px 25px 25px;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.quote .company-logo {
	background: url('assets/logos-homepage-quotes.png') no-repeat;
	width: 210px;
	height: 50px;
	background-size: 100%;
	margin: 0 auto;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.quote#forbes .company-logo {
	background-position: left top;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.quote#fast-company .company-logo {
	background-position: left -50px;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.quote#microsoft .company-logo {
	background-position: left -100px;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.quote#amazon-cloud-drive .company-logo {
	background-position: left -150px;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.hardware {
	background-color: #fff;
	border-color: #42b5e9;
	background-repeat: no-repeat;
	background-image: url('assets/graphic-homepage-hardware-tiles.png');
	width: 180px;
	height: 260px;
	background-size: 100%;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.hardware#samsung {
	background-position: left -520px;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.hardware#arduino {
	background-position: left top;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.hardware#ti {
	background-position: left -260px;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.hardware#apis {
	background-position: left -780px;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.feature {
	font-weight: 600;
}

/* Pseudo element to vertically center description */
#homepage .block#grid-block .grid .grid-row .grid-tile.feature:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-left: -7px;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.feature:hover {
	background-image: none;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.feature .feature-title {
	background-image: url('files/graphic-homepage-feature-tiles.png');
	width: 180px;
	height: 260px;
	background-size: 100%;
	padding-top: 170px;
	transition: opacity .3s;
	opacity: 1;
	position: absolute;
	top: 0;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.feature:hover .feature-title {
	opacity: 0;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.feature .feature-description {
	opacity: 0;
	margin: 15px;
	font-weight: 300;
	font-size: 16px;
	transition: opacity .3s;
	display: inline-block;
	vertical-align: middle;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.feature:hover .feature-description {
	opacity: 1;
	text-align: center;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.feature#remote-control {
	background-color: #c21e54;
	border-color: #c21e54;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.feature#remote-control .feature-title {
	background-position: left -780px;	
}

#homepage .block#grid-block .grid .grid-row .grid-tile.feature#code-generation {
	background-color: #f67f09;
	border-color: #f67f09;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.feature#code-generation .feature-title {
	background-position: left -260px;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.feature#m2m {
	background-color: #f9ca07;
	border-color: #f9ca07;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.feature#m2m .feature-title {
	background-position: left top;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.feature#data-visualization {
	background-color: #2fa380;
	border-color: #2fa380;
}

#homepage .block#grid-block .grid .grid-row .grid-tile.feature#data-visualization .feature-title {
	background-position: left -520px;
}

/* FEATURES GRID BLOCK */
#homepage .block#features-grid-block {
	margin: 70px 0;
	text-align: center;
}

#homepage .block#features-grid-block .features-grid-block-inner {
	width: 1060px;
	margin: 0 auto;
	position: relative;
}

#homepage .block#features-grid-block h4 {
	text-align: left;
	font-size: 20px;
}

#homepage .block#features-grid-block .features-grid-row {
	white-space: nowrap;
}

#homepage .block#features-grid-block .features-grid-row.top {
	margin-top: 50px;
}

#homepage .block#features-grid-block .features-grid-row.bottom .features-grid-cell {
	padding-top: 65px;
}

#homepage .block#features-grid-block .features-grid-cell {
	width: 333px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	position: relative;
	white-space: normal;
	margin: 0 13px;
}

#homepage .block#features-grid-block .features-grid-cell:first-of-type {
	border-left: none;
}

#homepage .block#features-grid-block .features-grid-cell > * {
	vertical-align: top;
}

#homepage .block#features-grid-block .features-grid-cell .feature-icon.circle {
	width: 67px;
	height: 67px;
	left: -35px;
	bottom: 140px;
	background-image: url('assets/icon-iot-outlines.png');
	background-repeat: no-repeat;
	display: inline-block;
}

#homepage .block#features-grid-block .features-grid-cell .feature-icon.circle.device {
	background-position: -16px -16px;
}

#homepage .block#features-grid-block .features-grid-cell .feature-icon.circle.data {
	background-position: -16px -116px;
}

#homepage .block#features-grid-block .features-grid-cell .feature-icon.circle.m2m {
	background-position: -16px -316px;
}

#homepage .block#features-grid-block .features-grid-cell .feature-icon.circle.iot {
	background-position: -16px -516px;
}

#homepage .block#features-grid-block .features-grid-cell .feature-icon.circle.api {
	background-position: -16px -216px;
}

#homepage .block#features-grid-block .features-grid-cell .feature-icon.circle.secure {
	background-position: -16px -416px;
}

#homepage .block#features-grid-block .features-grid-cell .feature-icon.circle.star {
	background-position: -16px -616px;
}

#homepage .block#features-grid-block .features-grid-cell .feature-block {
	display: inline-block;
	width: 260px;
	margin-top: 10px;
}

#homepage .block#features-grid-block .feature-grid.circle.top-left {
	top: -11px;
	left: -11px;
}

#homepage .block#features-grid-block .feature-grid.circle.top-right {
	top: -11px;
	right: -11px;
}

#homepage .block#features-grid-block .features-grid-cell .feature-grid.circle.bottom-left {
	bottom: -11px;
	left: -11px;
}

#homepage .block#features-grid-block .features-grid-cell .feature-grid.circle.bottom-right {
	bottom: -11px;
	right: -12px;
}

#homepage .block#features-grid-block .features-grid-row.bottom .features-grid-cell:first-of-type .feature-grid.circle.bottom-left {
	bottom: -75px;
}

#homepage .block#features-grid-block .features-grid-row.bottom .features-grid-cell .line {
	position: absolute;
	bottom: -54px;
	height: 54px;
}

#homepage .block#features-grid-block .features-grid-row.bottom .features-grid-cell .line.bottom-left {
	left: -2px;
}

@media screen and (min-width:0\0) { 
#homepage .block#features-grid-block .features-grid-row.bottom .features-grid-cell .line.bottom-left {
	left: -1px;
}
}

#homepage .block#features-grid-block .features-grid-row.bottom .features-grid-cell .line.bottom-right {
	right: -3px;
}

#homepage .block#features-grid-block .features-grid-row.bottom .features-grid-cell .feature-grid.circle.bottom-right {
	bottom: -75px;
	right: -12px;
}

/* SIGNUP LINK BLOCK */

/* Temporary fix to hide old hardcoded signup-bottom */
#homepage .block#signup-bottom-block:not(.signup-bottom-block-visible) {
	display: none;
}

#homepage .block#signup-bottom-block .signup-bottom-inner {
	padding: 60px 0;
	margin-top: 60px;
}

#homepage .block#signup-bottom-block .signup-bottom-inner form#signupForm {
	margin-top: 30px;
}

#homepage .block#signup-bottom-block .signup-bottom-inner .subtitle {
	margin-top: 10px;
}

#homepage .block#signup-bottom-block .signup-bottom-inner #verified {
	text-align: center;
}

#homepage .block#signup-bottom-block .signup-bottom-inner .callout-container {
	display: inline-block;
	width: 250px;
	margin: 0 5px;
}

#homepage .block#signup-bottom-block .signup-bottom-inner .callout-container.agreed {
	display: block;
	margin: 0 auto;
}

#homepage .block#signup-bottom-block .signup-bottom-inner .callout-container.submit {
	display: block;
	width: auto;
	margin-top: -10px;
}

#homepage .block#signup-bottom-block .signup-bottom-inner .callout-container input {
	width: 210px;
	margin: 0;
}

#homepage .block#signup-bottom-block .signup-bottom-inner .callout-container.agreed input {
	width: 12px;
}

#homepage .block#signup-bottom-block #signupForm .callout.shown {
	bottom: 50px;
}

#homepage .block#signup-bottom-block #signupForm .callout-container.agreed .callout.shown {
	bottom: -18px;
	left: -205px;
}

#homepage .block#signup-bottom-block #signupForm .callout-container.submit .callout.shown {
	bottom: -2px;
	left: 250px;
}

#homepage .block#signup-bottom-block #signupForm .callout.shown .head-callout.down {
	bottom: -13px;
	left: 20px;
}

#homepage .block#signup-bottom-block #signupForm .callout-container.agreed .callout.shown .head-callout,
#homepage .block#signup-bottom-block #signupForm .callout-container.submit .callout.shown .head-callout {
	top: 18px;
}

#homepage .block#signup-bottom-block #signupForm .callout.shown .head-callout.down .arrow-bg {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	height: 13px;
	bottom: -21px;
	left: -8px;
	width: 0px;
}

#homepage .block#signup-bottom-block .signup-bottom-inner .button.xlarge {
  	width: 280px;
  	display: block;
	border-radius: 8px;
	margin: 0 auto;
	margin-top: 30px;
	padding-left: 0px;
	padding-right: 0px;
	text-decoration: none;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

#homepage .block#signup-bottom-block .signup-bottom-inner .button.xlarge:hover {
	background-color: #0FB459;	
	color: #fff;
}

#homepage .block#signup-bottom-block .signup-bottom-inner .button.xlarge:active {
	background-color: #f47925;
}

#homepage .signup-bottom-inner a:hover {
	background-color: #0FB459;
	color: #fff;
}