
		body {
			font:300 18px/1.3 Roboto, sans-serif;
			color: #333333;
			margin:0;
			overflow-x: hidden;
		}
		a {
			color:#17bcc9;
			text-decoration:none;
		}
		a:hover {
			color:#0da5b1;
			text-decoration:underline;
		}
		a img {border:none 0px;}
		h1,h2,h3,h4,h5,h6 {
			font:normal 1.5em/1.05 lato,sans-serif;
			margin:0 0 .5em;
		}
		h1 {font-size:2.8em;font-weight:300;}
		h2 {font-size:2.4em;font-weight:300;}
		h3 {font-size:1.6em;font-weight:300;line-height:1.1;}
		h4 {font-size:1.4em;font-weight:500;line-height:1.2;}
		h5 {font-size:1.2em;font-weight:500;line-height:1.2;}
		h6 {font-size:1.0em;font-weight:500;line-height:1.2;}

		h1 a {color:inherit;}

		hr {border:none 0px;height:0;border-top:solid 1px #ddd;margin:.5em 0;}

		img {max-width:100%;}

		p,ul,ol {box-sizing:border-box;}
		ul li, ol li {margin-bottom:.7em;}
    ul,ol {padding-left:1.2em;}
    
		ul.checks {
			list-style-type:none;
			padding-left:1.4em;
			position:relative;
		}
		ul.checks-pbxx-teal li:before { color:#17BCC9; }
		ul.checks li:before {
			margin-left: -1.6em;
			position: absolute;
		}
		.checks li:before,
		.check:before {
			content: "";
			padding-left: 0;
			width: .3em;
			height: 1em;
			line-height: 1.2;
			font-size: .8em;
			display: inline-block;
			border: solid 2px;
			-webkit-transform: rotate(45deg);
			        transform: rotate(45deg);
			border-style: none solid solid none;
		}
		.times:before {
			content: '\2715';
			padding-left: 0;
			line-height: 1;
			font-size: 1em;
			display: inline-block;
		}

		blockquote {
			border-left: 5px solid #19bdc9;
			padding: 0 0 0 15px;
			margin: 0 0 20px;
		}
		blockquote > p > q,
		blockquote > q {display:block;text-indent: -0.3em;}
		q:before {content: open-quote;}
		q:after  {content: close-quote;}
		article blockquote p {margin:0em;}
		blockquote cite {
			font-size: 13px;
			color: #999;
			font-style: normal;
			line-height: 1;
			display: block;
			margin-top: 5px;
			font-size: .8em;
    }
    
    blockquote.bubble {
			border: none;
			background: #f3f3f3;
			border-radius: 8px;
			padding: 10px 10px 10px 20px;
			position: relative;
		}
		blockquote.bubble:after {
			content: '';
			border-style: solid;
			border-width:10px;
			border-width: 10px 20px;
			color:#f3f3f3;
			border-bottom-color:transparent;
			border-left-color:transparent;
			position: absolute;
			bottom: 0;
			right: 40px;
			margin-bottom: -20px;
		}
		blockquote.bubble.point-right-right:after  {right:40px;left:auto;border-left-color:transparent;border-right-color:inherit;}
		blockquote.bubble.point-left-left:after {left:40px;right:auto;border-right-color:transparent;border-left-color:inherit;}
		blockquote.bubble.point-right-left:after  {right:40px;left:auto;border-right-color:transparent;border-left-color:inherit;}
		blockquote.bubble.point-left-right:after {left:40px;right:auto;border-left-color:transparent;border-right-color:inherit;}
    blockquote.bubble.pbxx-teal  {color:white;background:#17BCC9;}
    blockquote.bubble.pbxx-black {color:white;background:#322733;}
		blockquote.bubble.pbxx-teal cite,
		blockquote.bubble.pbxx-black cite {color:rgba(255,255,255,0.7);}
		blockquote.bubble.pbxx-teal:after  {color: #17BCC9;}
		blockquote.bubble.pbxx-black:after {color: #322733;}
		
		.brand-logo {
			margin:0;
			display:inline-block;
			vertical-align:bottom;
		}

		.nowrap {white-space:nowrap;}
		.center {text-align:center;}
		.left   {text-align:left;}
		.right  {text-align:right;}
		.block        {display:block;}
		.inline-block {display:inline-block;}
		.float-left   {float: left;}
		.float-right  {float:right;}
		.float-center {margin-left:auto;margin-right:auto;display:block;}
		.float-clear {overflow:hidden;display:block;float:none;clear:both;}
		.float-clear-noclip:after {content:'';display:block;float:none;clear:both;}

		.pbxx-teal        {color:#17bcc9;}
		.pbxx-teal-bg     {background-color:#17bcc9 !important;}
		.pbxx-darkteal    {color:#1F8F9B;}
		.pbxx-darkteal-bg {background-color:#1F8F9B !important;}
		.pbxx-black       {color:#302731;}
		.pbxx-black-bg    {background-color:#302731 !important;}
		.pbxx-white       {color:white;}
		.pbxx-white-bg    {background-color:white !important;}

		.bold {font-weight:700;}
		.heavy {font-weight:500;}
		.italic {font-style:italic;}
		big,.big,.large,.larger  {font-size:1.2em;}
		small,.small,.smaller {font-size:0.85em;}
		.muted {opacity:0.5;}
		.nowrap {white-space:nowrap;}

		@media (max-width:880px){
			.desktop-only {display:none !important;}
		}
		@media (min-width:881px){
			.desktop-hide {display:none !important;}
		}
		@media (max-width:640px){
			.mobile-hide  {display:none !important;}
		}
		@media (min-width:641px){
			.mobile-only {display:none !important;}
		}


		main {margin-top:60px;display:block;}
		main > article {min-height:450px;}

		body > header  > section,
		body > footer  > section,
		main > article   header,
		main > article   section,
		main > aside     section,
		body.sidebar > main {max-width:1140px;margin:auto;padding:0 20px;}
		body.sidebar > main {max-width:1160px;}

		main > article   header {border-top:solid 1px transparent;}
		main > article   header,
		main > article   section {padding-top:50px;padding-bottom:20px;text-align:center;position: relative;}
		main > article   header ~ section {padding-top:30px;}
		body:not(.sidebar) article > :nth-child(odd):not(.hero)  {background:white;}
		body:not(.sidebar) article:not(.no-stripe) > :nth-child(even):not(.hero) {background:#ebf4f5;}
		body:not(.sidebar) article.offset-stripe > :nth-child(odd):not(.hero)  {background:#ebf4f5;}
		body:not(.sidebar) article.offset-stripe > :nth-child(even):not(.hero) {background:white;}
		main > aside {float:none;width:auto;text-align:center;}
		body:not(.sidebar) aside  {background:#1198a2;color:white;}
		main > aside > section {padding-top:3em;padding-bottom:2em;}
		main > aside > section:empty {display:none;}
		.hero {background:#ebf4f5;}
		main .sidebar-teaser {text-align:center;padding:20px 10px;font-size:.7em;font-weight:500;border-top:solid 1px #eee;}

		
		/* sidebar layout*/
		body.sidebar {background:#ebf4f5;background:#e9eced;}
		body.sidebar > main {margin-top:80px;margin-bottom:40px;padding:50px 0 0 20px;position:relative;}
		body.sidebar > main:after {content:'';display:block;float:none;clear:both;}
		body.sidebar > main > article {position:relative;padding-right:300px;width:100%;box-sizing:border-box;background:transparent;float:left;}
		body.sidebar > main > article header,
		body.sidebar > main > article section {text-align:left;background:transparent;padding-left:40px;padding-right:40px;}
		body.sidebar > main > article > div {position:relative;background:white;}
		body.sidebar > main > aside {float:left;width:300px;margin-left:-300px;box-sizing:border-box;text-align:left;position:relative;z-index:2;}
		body.sidebar > main > aside > section {padding:0 20px 20px 30px;width:300px;box-sizing:border-box;}
		body.sidebar-fixed > main > aside > section {position:fixed;}
		body.sidebar-fixed > main > article {min-height:600px;}
		body.sidebar h1,body.sidebar h2 {line-height:1;}
		body.sidebar article p {margin-left:0;margin-right:0;}

		body.sidebar article.centered p {margin-left:auto;margin-right:auto;}

		body.sidebar-fixed aside iframe {width:100%;height:400px;max-width:500px;}
		
		body.sidebar.sidebar-hide main {margin: 80px auto 40px;padding-left:0;}
		body.sidebar.sidebar-hide > main {max-width: 880px;}
		body.sidebar.sidebar-hide.narrow main {max-width: 660px;}
		body.sidebar.sidebar-hide main > article {float:none;margin:auto;padding:0 10px;}
		body.sidebar.sidebar-hide > main > aside {float:none;width:500px;margin:auto;}
		body.sidebar.sidebar-hide > main > aside > section {float:none;width:auto;margin:40px auto 0;}

		@media (max-width:880px){
			body.sidebar > main {padding:0;margin-top:60px;}
			body.sidebar.sidebar-hide > main {margin-top:60px;}
			body.sidebar > main > article {float:none;margin:auto;padding-right:0;}
			body.sidebar > main > article > div:first-child {padding-top:0px;}
			body.sidebar > main > aside {float:none;width:auto;margin:20px 0 0 0;padding:20px 0px;}
			body.sidebar > main > aside > section {position:relative;width:auto;}
			
		}
		@media (min-width:880px){
			body.sidebar-fixed > main > aside[data-locked] {
				position: absolute;
				top:0;bottom:0;right:0;
				left:auto;
			}
			body.sidebar-fixed > main > aside[data-locked] > :first-child {
				position:absolute;
				bottom:0;left:0;
				right:auto;top:auto;
			}
		}
		
		@media (max-width: 880px) and (min-width: 561px) {
			body.sidebar article .sharing {top:70px;}
		}
		
		@media (max-width:560px){
			body.sidebar > main > article header,
			body.sidebar > main > article section,
			body.sidebar > main > aside > section {padding:20px 20px 20px;}
			body.sidebar > main > article header:first-child,
			body.sidebar > main > article .sharing ~ header,
			body.sidebar > main > article section:first-child {padding-top:30px;}
		}

		[data-anchor][id] {
			display:block;
			position:relative;
			width:0;height:0;
			Line-height:0;
			margin:0;padding:0;
			top:-50px;
		}


		article p {max-width:42rem;margin:0 auto 1em;}
		
		body.bleed > main > article .banner > *,
		body.bleed > main > article section > * {max-width:720px;margin:auto;}
		
		body.bleed > main > article .banner h1 {margin:1em auto 0;max-width:42rem;width:auto;}
		body.bleed > main > article section p {margin:0 auto 1em;max-width:42rem;}
		
		
  	.legal article p {max-width:none;}
  	.legal body.sidebar > main > article {padding-right: 20px;}
  	.legal table {border-collapse:collapse;margin:1em auto 2em 0;}
  	.legal td,.legal th {border:solid 1px #ccc;padding:0.5em 1.0em;max-width:12em;vertical-align:top;}
  	.legal th {font-weight:normal;background:#f3f3f3;vertical-align:bottom;padding:1.0em 1.2em;font-size:0.8em;}
  	.legal td {text-align:center;font-weight:300;font-family:monospace;}
		
		article header figure {position:relative;z-index:2;margin:0;}
		article header h1     {position:relative;z-index:2;}
		
		.header-float-right .banner        { display:block;text-align:right;padding-bottom:40px; }
		.header-float-right .banner h1     { box-sizing:border-box;display:inline-block;vertical-align:top;   width:60%;text-align:left; margin:0 0 0 -10px; }
		.header-float-right .banner figure { box-sizing:border-box;display:inline-block;vertical-align:bottom;width:40%;text-align:right;padding:0 0 0 10px;margin:0; }
		.header-float-right .banner .post-feature-img { max-width:100%;width:400px; }
		.header-bg-image .banner h1 {width:75%;max-width:12em;margin-top: 1em;margin-left:0;}
		@media (max-width:640px){
			.header-float-right .banner        { text-align:left; }
			.header-float-right .banner figure { display:block;width:400px;max-width:100%;padding:0;}
			.header-bg-image .banner h1,
			.header-float-right .banner h1     { display:block;width:400px;max-width:100%;margin:0; }
		}
		
		.header-bg-image article header.banner {
			background-position:center;
			background-size:cover;
			background-repeat:no-repeat;
		}
		.header-bg-blank article header.banner {background-color:transparent;}
		.header-bg-image article header.banner {background-color:transparent;color:white;text-align:left;}
		.header-bg-teal1 article header.banner {background-color:#17bcc9;color:white;}
		.header-bg-teal2 article header.banner {background-color:#1F8F9B;color:white;}
		.header-bg-black article header.banner {background-color:#322833;color:white;}
		.header-bg-image article header.banner:before {
			content:'';
			position: absolute;
			bottom: 0;
			top: 0;
			left: 0;
			right: 0;
			z-index:1;
			margin-top:-1px;
			background: linear-gradient(to right,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.1) 85%);
		}
		
		
		aside .hbspt-form {max-width:500px;margin:auto;}
		.hbspt-form form.hs-form .hs-button:not(.inactive):not(.link),
		.btn,button,[type="submit"] {
			-webkit-appearance:none;
			padding:1.2em 1.6em;
			border:none 0px;
			border-radius:3px;
			background-color:#17bcc9;
			background-image:none;
			font:600 .8em/1 lato;
			color:#fff;
			vertical-align:middle;
			display:inline-block;
			margin:-.8em 0;
			text-decoration:none;
			cursor:pointer;
			text-shadow:none;
			text-transform:uppercase;
			letter-spacing:.02em;
		}
		.btn:visited,.btn:link,.btn:active {}
		.hbspt-form form.hs-form .hs-button:not(.inactive):not(.link):hover,
		.hbspt-form form.hs-form .hs-button:not(.inactive):not(.link):active,
		.hbspt-form form.hs-form .hs-button:not(.inactive):not(.link):focus,
		.btn:focus,  button:focus, [type="submit"]:focus,
		.btn:active, button:active,[type="submit"]:active,
		.btn:hover,  button:hover, [type="submit"]:hover {
			color:white;
			background-image:linear-gradient(to top,rgba(0,0,0,0.05),rgba(0,0,0,0.05));
			text-decoration:none;
			box-shadow:none;
			border-color:transparent;
		}
		.btn-white         {background-color:white;color:inherit}
		.btn-white:hover   {background-color:#17bcc9;color:white;}
		.btn-tight   {padding:0.65em 0.9em 0.55em 0.8em;}
		.btn-tighter {padding:0.3em 0.5em 0.15em 0.4em;}
		.btn-small   {font-size:.6em;border-radius:2px;}
		.btn-large   {font-size:.9em;}
		.btn-xlarge  {font-size:1.0em;}
		.btn-xxlarge {font-size:1.2em;}
		.btn-xxxlarge {font-size:1.4em;}
		.btn-select  {
			padding-right:1.6em;
			text-align:left;
			position:relative;
			}
		.btn-select:after {
			content:'';
			position:absolute;
			top:50%;
			right:0;
			margin:-0.45em .4em;
			width:0.5em;
			height:0.5em;
			border:solid 2px;
			border-style:none solid solid none;
			transform:rotate(45deg);
			}
		.btn-select:before {content:attr(data-value);}
		.btn-select select {
			opacity:0;
			position:absolute;
			top:0;
			left:0;
			right:0;
			-webkit-appearance:none;
			width:120%;
			height:2em;
			z-index:3;
			}
		.btn-play:after {
			content: '';
			width: 0;
			height: 0;
			border: solid 0px rgba(0, 0, 0, 0);
			border-width: .4em .8em;
			border-left-color: #fff;
			display: inline-block;
			margin: 0px -1em 2px 1em;
			line-height: 1.6em;
			opacity: 0.8;
			vertical-align: middle;
		}
		.angle-right:after {
			content: '\203A';
			margin: -0.2em -0.2em 0 0.2em;
			font-size:1.6em;
			line-height:1em;
			display: inline-block;
			vertical-align: middle;
		}
		.btn.angle-right:after {
			margin: -0.3em -0.2em 0 0.3em;
		}
		.arrow-right:after {
			content: '\2192';
			margin: 0 -0.2em 0 0.2em;
			font-size:1.2em;
			line-height:0.6em;
			display: inline-block;
			vertical-align: middle;
			transition:margin 100ms linear 0s;
		}
		.arrow-right:hover:after {
			margin: 0 -0.3em 0 0.3em;
		}

		[data-loading] {
			position:relative;
		}
		[data-loader]:before {
			content:'';
			position:absolute;
			z-index:1000;
			top:0;left:0;right:0;bottom:0;
			background:rgba(255,255,255,0.8);
			opacity:0;
			-webkit-transition:opacity 1s linear;
							transition:opacity 1s linear;
		}
		[data-loading]:before {
			content:'';
			position:absolute;
			z-index:1000;
			top:0;left:0;right:0;bottom:0;
			background:rgba(255,255,255,0.8);
			opacity:1;
		}
		[data-loader]:after {
			content:'';
			position:absolute;
			left:50%;top:40%;
			font-size:30px;
			z-index:10001;
			width:1em;
			height:1em;
			border:solid 3px rgba(0,0,0,0.5);
			border-color:rgba(23, 188, 201, 0.75) rgba(23, 188, 201, 0.9) rgba(23, 188, 201, 1.0) transparent;
			border-radius:50%;
			margin:-.5em;
			-webkit-transform:rotate(45deg);
							transform:rotate(45deg);
			-webkit-animation: rotate 1s linear 0s infinite;
							animation: rotate 1s linear 0s infinite;
			left:50%;top:40%;
			font-size:30px;
			z-index:10001;
			opacity:0;
			-webkit-transition:opacity 1s linear;
							transition:opacity 1s linear;
		}
		[data-loading]:after {
			content:'';
			position:absolute;
			left:50%;top:40%;
			font-size:30px;
			z-index:10001;
			width:1em;
			height:1em;
			border:solid 3px rgba(0,0,0,0.5);
			border-color:rgba(23, 188, 201, 0.75) rgba(23, 188, 201, 0.9) rgba(23, 188, 201, 1.0) transparent;
			border-radius:50%;
			margin:-.5em;
			-webkit-transform:rotate(45deg);
							transform:rotate(45deg);
			-webkit-animation: rotate 1s linear 0s infinite;
							animation: rotate 1s linear 0s infinite;
			opacity:1;
		}
		@keyframes rotate {
				from {transform:rotate(0deg);}
				to   {transform:rotate(359deg);}
		}
		@-webkit-keyframes rotate {
				from {-webkit-transform:rotate(0deg);}
				to   {-webkit-transform:rotate(359deg);}
		}
		.success-only,.error-only,
		[data-success] .success-hide,
		[data-error]   .error-hide {
			display:none;
		}
		[data-success] .success-only,
		[data-error]   .error-only {
			display:block;
		}

		.columns   {}
		.columns:after   {content:'';display:block;float:none;clear:both;}
		.full        {box-sizing:border-box;width:100%;}
		.half        {box-sizing:border-box;width:50%;}
		.third       {box-sizing:border-box;width:33.333333%;}
		.two-third   {box-sizing:border-box;width:66.666666%;}
		.fourth      {box-sizing:border-box;width:25%;}
		.two-fourth  {box-sizing:border-box;width:50%;}
		.three-fourth{box-sizing:border-box;width:75%;}
		.fifth       {box-sizing:border-box;width:20%;}
		.two-fifth   {box-sizing:border-box;width:40%;}
		.three-fifth {box-sizing:border-box;width:60%;}
		.four-fifth  {box-sizing:border-box;width:80%;}
		.tenth       {box-sizing:border-box;width:10%;}
		.two-tenth   {box-sizing:border-box;width:20%;}
		.three-tenth {box-sizing:border-box;width:30%;}
		.four-tenth  {box-sizing:border-box;width:40%;}
		.five-tenth  {box-sizing:border-box;width:50%;}
		.six-tenth   {box-sizing:border-box;width:60%;}
		.seven-tenth {box-sizing:border-box;width:70%;}
		.eight-tenth {box-sizing:border-box;width:80%;}
		.nine-tenth  {box-sizing:border-box;width:90%;}

		.columns > *:empty:before   {content:'\00A0';}
		.columns > *   {padding-right:6px;box-sizing:border-box;float:left;}

		@media (max-width:640px){
			.full,
			.half,
			.third,
			.two-third,
			.fourth,
			.two-fourth,
			.three-fourth,
			.fifth,
			.two-fifth,
			.three-fifth,
			.four-fifth,
			.tenth,
			.two-tenth,
			.three-tenth,
			.four-tenth,
			.five-tenth,
			.six-tenth,
			.seven-tenth,
			.eight-tenth,
			.nine-tenth  {width:100%;float:none;clear:both;}
		}
		@media (max-width:480px){
			.float-left   {float:none;margin-left:auto;margin-right:auto;}
			.float-right  {float:none;margin-left:auto;margin-right:auto;}
		}

		/* fix weird translation plugin thing */

		.trex-reset .trex-sideflags-ls {top:auto !important;bottom:120px !important;}


		/* thumb/caption style list in sidebar */

  	aside .thumb-list {
  		padding:0;
  		margin:0;
  		list-style-type:none;
  		width:100%;
  	}
  	aside .thumb-list > * {
  		width:100%;
  		overflow:hidden;
  		font-size:14px;
  		line-height:1.1;
  		margin-bottom:20px;
  	}
  	aside .thumb-list span {
  		display:block;
  		margin:2px 0 0 80px;
  		padding-left:10px;
  	}
  	aside .thumb-list img {
  		width:80px;
  		margin:5px -80px 0 0;
  		float:left;
  	}

	/* TOP NAV	/* TOP NAV CSS */


		.topbar {
			position:fixed;
			background:#322733;
			background:#000;
			color:white;
			top:0;left:0;right:0;
			padding:0;
			z-index: 1001;
			line-height:60px;
		}
		/* GA Chrome Extension adjustment */
		#iyp__spacer_top ~ .topbar {
			top:183px;
		}
		.topbar nav {
			margin:0 auto;
			max-width:100%;
			padding:0;
			font-family:'roboto condensed';
			text-transform:uppercase;
			display:block;
			padding-left: 220px;
			text-align:left;
			word-spacing:-.2em;
		}
		.topbar [data-toggle] {
			display:none;
			float:right;
			position:relative;
			width:2em;
				height:60px;
			height:62px;
			margin:0 -20px 0 -2em;
			color:white;
			font-size: 22px;
			text-align: center;
			border-left: solid 1px #444;
			cursor:pointer;
		}
		.topbar [data-toggle]:hover {
			text-decoration:none;
		}
		.topbar [data-toggle]:before,
		.topbar [data-toggle]:after {
			content: '';
			height: 0px;
			width: 1em;
			position:absolute;
			top:50%;left:50%;
			margin:0 -0.5em;
			border-top-style: solid;
			border-bottom-style: solid;
			border-width:1px 0px;
		}
		.topbar [data-toggle]:after {
			content: '';
			height: 12px;
			border-width:2px;
			margin-top:-7px;
		}

		.topbar .logo {
			float:left;
			margin:-1px 0 -50px 0;
			display:block;
			line-height:60px;
		}
		.topbar .logo:hover {
			background:none;
		}
		.topbar .logo img {
			height:34px;
			display:inline-block;
			line-height:50px;
			vertical-align:middle;
			margin-left:-4px;
			max-width:none;
		}
		.topbar a {
		  white-space: nowrap;
			font-size:18px;
			font-weight:500;
			color:#fff;
			text-transform:uppercase;
			font-family:'roboto condensed';
			word-spacing:-.2em;
			text-decoration:none;
			word-spacing: -0.02em;
			display: inline-block;
			vertical-align: middle;
			padding:0 12px 0 15px;
			margin:0;
			text-align:left;
			-webkit-transition:color 200ms linear;
			        transition:color 200ms linear;
		}
		.topbar a .twoline {
			display:inline-block;
			vertical-align:text-top;
			line-height:.9;
			margin-top:3px;
		}
		.topbar a  small,
		.topbar a .small {
			font-size:0.75em;
		}
		.topbar a .muted {
			opacity:0.8;
		}
		.topbar nav div {
			display:inline-block;
			position:relative;
			outline:none;
		}
		.topbar nav div> a {
			display: block;
		}
		.topbar nav div> a:after {
			content:'\02C7';
			margin:0.5em -0.75em 0 0.15em;
			font-size:1.2em;
			line-height:10px;
			display:inline-block;
			vertical-align:sub;
			color:#17bcc9;
		}
		.topbar nav div[tabindex] {
			cursor:pointer;
		}
		.topbar nav ul {
			display:block;
			list-style-type:none;
			margin:0;
			padding:0;
			position:absolute;
			top:100%;
			margin-top:-10px;
			margin-left:4px;
			padding-bottom:10px;
			display:none;
			background:#000;
			text-transform:none;
			min-width: 100%;
		}
		.topbar nav ul a {
			padding:0 30px 0 10px;
			white-space:nowrap;
			font-weight:300;
			text-transform:none;
		}
		.topbar nav a:hover ~ ul,
		.topbar nav a:focus ~ ul,
		.topbar nav a ~ ul:hover {
			display:block;
		}
		.topbar ul li {
			margin:0;
			padding:0;
			display;block;
			line-height:1.6;
		}
		.topbar .right-nav {float:right;margin-right:-4px;}
		.topbar .right-nav a {padding-right:0.2em;}
		.topbar .right-nav .primary-cta {
			border:none;
			padding: 0.2em 1.2em;
			margin-left: 6px;
			line-height: 1.8;
			border-radius: 3px;
			vertical-align: middle;
			
    	color: white;
			background: #17bcc9;
			font-family: roboto;
			font-weight: 600;
			font-size: 0.9em;
			-webkit-font-smoothing: antialiased;
			letter-spacing: 0.02em;
		}
		
		
		.topbar a:hover {
			color:#6FDBE4;
			text-decoration:none;
		}
		.topbar .mobile-login {
			float:right;
			margin-left:-2em;
			line-height:62px;
		}
		@media(max-width:960px) {
			.topbar nav a {font-size:17px;margin-left:.5em;}
			.topbar nav a:first-child {margin-left:0;}
			.topbar nav {padding:0 0 0 4px;}
			.topbar .logo {padding-right:0;}
			
			/* prevent click redirect on menu title for small screens (touch) */
			.topbar nav div[tabindex] > a[data-subnav] {
				pointer-events:none;
			}
			.topbar nav div[tabindex]:after {
				content: '';
				background: transparent;
				height: 1.8em;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				z-index: 2;
			}
		}
		@media(min-width:961px) {
			.topbar .mobile-login {display:none;}
		}
		@media(max-width:960px) {
			.topbar [data-toggle] {display:block;margin-left:0;}
			.topbar nav {position:fixed;top:60px;bottom:0;overflow:hidden;overflow-y:auto;left:100%;right:auto;width:100%;clear:both;float:none;background:#000;padding:0;}
			.topbar nav[data-open] {left:0%;}
			.topbar nav div> a:after {content:none;}
			.topbar nav div,
			.topbar nav a {font-size:18px;margin:0;float:none;display:block;width:auto;line-height:1.8;border:none 0px;border-top:solid 1px #444;padding:0 20px;}
			.topbar nav a.primary-cta ,
			.topbar .right-nav a.primary-cta {display:inline-block;}
			.topbar nav a:hover,
			.topbar nav a:focus {background-color:rgba(0,0,0,1);border-color:rgba(0,0,0,1);}
			.topbar .right-nav {float:none;margin:0;padding: 0 0 20px 0;display: block;overflow: hidden;}
			.topbar nav div {padding:0;}
			.topbar nav div ul {margin-top:0;line-height:1;position:static;display:block;}
			.topbar nav div ul a {line-height:1.5;border-top:none;color:#6FDBE4;padding-left:1.5em;}
			.topbar nav div ul a:hover {color:#fff;}
			.topbar nav div:focus ul {display:block;}
		}
		@media(max-width:480px) {
			.topbar .logo img {
				height:28px;
				line-height:60px;
				margin-left:-18px;
			}
		}

		
	/* END TOP NAV CSS */



	/* NEW FOOTER CSS */


		.page-footer {
			padding: 50px 20px 40px;
			background:#2B232C;
			color: #AFAEB0;
			font-size:14px;
			line-height:1.1;
			overflow:hidden;
			-webkit-font-smoothing:subpixel-antialiased;
		}
		.page-footer .links,
		.page-footer a { color: #676567; }
		.page-footer a:hover,
		.page-footer a:focus {
			color: #99999B;
		}
		.page-footer .row-fluid [class*="span"] { min-height:2em; }
		.footer-logo {
			height:32px;
			max-width:100%;
			display:inline-block;
			margin:2px -6px 15px 0;
			opacity:0.25;
		}

		.page-footer .identification {
			font-size:12px;
			color:#676567;
			box-sizing:border-box;
			padding-left:10px;
			overflow:visible;
			font-weight: 400;
			line-height:1.1;
			float:right;
			width:260px;
			margin-bottom: 30px;
			text-align:right;
		}

		.page-footer .link-sets {
			float:left;
			margin:0 -260px 0 0;
			padding-right:260px;
			width: 100%;
			max-width: 860px;
			box-sizing:border-box;
		}
		.link-sets a {
			margin-top:6px;
			font-weight: 400;
			display:block;
		}
		.page-footer .secondary-cta {
			color: #aaa;
			border: solid 1px;
			padding: 6px 6px;
			margin: 6px 0;
			font-size:1.2em;
			color: #605c62;
			border-radius: 3px;
			display:inline-block;
			cursor:pointer;
		}
		.page-footer .secondary-cta:hover {
			text-decoration:none;
		}
		.page-footer .secondary-cta:after {
			margin-right:0em;
		}
		.link-title {
			font:400 15px lato;
		}
		.page-footer .ftr-btn {
			margin-right:6px;
		}
		.page-footer .ftr-btn:last-child {
			margin-right:3px;
		}
		.page-footer .ftr-btn .fa {
			color: #79727B;
			color: #605C62;
			font-size: 32px;
		}
		.page-footer .ftr-btn:hover .fa { color:#A49DA6; }
		.stay-connected { color:#676567; }
		.sharing-channels { float:right; }
		.identification .stay-connected { margin-top:50px;float:none; }
		.btn.btn-demo-footer {
			background: #14a3ad;
			display:inline-block;
			vertical-align:middle;
			margin:-.2em 0 0 0;
			border: none;
			box-shadow: none;
			color: rgba(255,255,255,0.8);
			font-size:14px;
			font-weight:600;
			line-height:1.8;
			padding:.5em .8em;
			-webkit-font-smoothing: subpixel-antialiased;
		}
		.btn.btn-demo-footer:hover {
			color:#fff;
		}
		.footer-cta {
			color:#6D6A6F;
			margin-top:5px;
			text-align:left;
			font-size:20px;
			font-weight:400;
			margin-bottom:40px;
			margin-right:-260px;
		}
		.footer-cta-copy {
			display:inline-block;
			margin-bottom:12px;
		}
		@media (max-width: 800px){
			.link-sets .columns > .fourth {
					width: 50%;
					float: left;
					margin-bottom:20px;
			}
			.page-footer .identification {
				margin-top:85px;
			}
		}
		@media (max-width: 640px) {
			.footer-cta {
				font-size:18px;
				margin-right:0;
			}
		}
		@media (max-width: 480px) {
			.page-footer {
				padding: 30px 0px 20px;
			}
			.page-footer .identification,
			.page-footer .link-sets {
				float:none;
			}
			.page-footer .identification {
				margin-right:0;
				width:auto;
				text-align: left;
			}
			.page-footer .link-sets {
				margin-left:0;
				width:auto;
			}
			.footer-brand {
				float:none;
			}
			.sharing-channels {
				margin-top:30px;
				float:none;
			}
			.footer-stay-connected {
				display:block;
			}
			.footer-stay-connected {
				float:none;
				margin-top:20px;
			}
			.footer-cta {
				font-size:21px;
			}
		}



	/* END NEW FOOTER CSS */


	/* FORMS */

		input,
		textarea {
			border:solid 1px #ccc;
			font-size:1em;
			line-height:1.2;
			padding:0 .5em;
			vertical-align:middle;
			font-family: inherit;
		}
		input {
			line-height:2;
			height:2em; /* ie */
		}
		input:focus,
		textarea:focus {
			outline:none;
			border-color:#17bcc9;
		}
		::-webkit-input-placeholder {font-family:inherit;font-size:1.0em;color:#ccc;}
		::-ms-input-placeholder {font-family:inherit;font-size:1.0em;color:#ccc;}
		::-moz-placeholder {font-family:inherit;font-size:1.0em;color:#ccc;}

		input[data-error] {border-color:red;color:red;}
		input[data-error]::-webkit-input-placeholder {color:red;}
		input[data-error]::-ms-input-placeholder {color:red;}
		input[data-error]::-moz-placeholder {color:red;}
		textarea[data-error] {border-color:red;color:red;}
		textarea[data-error]::-webkit-input-placeholder {color:red;}
		textarea[data-error]::-ms-input-placeholder {color:red;}
		textarea[data-error]::-moz-placeholder {color:red;}
		@media (max-width:480px) {
			input {text-align:center;}
			input::-webkit-input-placeholder {text-align:center;}
			input::-ms-input-placeholder {text-align:center;}
			input::-moz-placeholder {text-align:center;}
		}

		fieldset {
			border:none 0px;
			padding:0;
			margin:0;
		}

		form button,
		[type="submit"] {
			border:solid 1px transparent;
			margin:0;
			height:auto;
		}

		.compound-input {
			font-size: 18px;
			max-width:100%;
			margin:auto;
			padding: 0;
			border: none 0px;
		}
		.compound-input * {
			box-sizing:border-box;
		}
		.compound-input input {
			font-size: 1em;
			float:left;
			line-height:3;
			height:3em;
			box-sizing:content-box;
			padding:0 1em;
			width: 100%;
			font-weight:300;
			border-right-style: none;
			border-radius: 4px 0px 0px 4px;
		}
		.compound-input .btn {
			font-size:.825em;
			float:right;
			margin:0;
			background:#19bdc9;
			color:white;
			border:solid 1px transparent;
			padding:0 1em;
			line-height:3.7;
			box-shadow: none;
			border-right-style:none;
			border-radius:0px 4px 4px 0px;
			width:14.6em;
			margin-left: -14.6em;
			height: auto;
		}
		.compound-input > :first-child {
			font-size: 1em;
			float:left;
			padding-right: 12em;
			width: 30em;
			max-width: 100%;
		}
		@media (max-width: 600px){
			.compound-input {display:block;}
			.compound-input .btn {
				width:100%;
				float:none;
				margin-left:0;
				border-radius:0px 0px 4px 4px;
			}
			.compound-input > :first-child {
				width:auto;
				float:none;
				padding-right:0;
			}
			.compound-input input {
				float:none;
				width:100%;
				box-sizing:border-box;
				border-right:solid 1px #999;
				text-align:center;
				border-radius:4px 6px 0px 0px;
			}
			.compound-input input::placeholder {text-align:center;}
			.compound-input input::-webkit-input-placeholder {text-align:center;}
			.compound-input input::-ms-input-placeholder {text-align:center;}
			.compound-input input::-moz-placeholder {text-align:center;}
		}

	/* END FORMS */


	/* DIALOG */

		html[data-dialog] {
			overflow:hidden !important;
		}
		dialog {
			width: auto;
			height: auto;
			background: none;
			border: none;
			z-index:1050;
			position:fixed;
			top:0;left:0;right:0;bottom:0;
			padding:80px 20px 0;
			visibility:hidden;
			overflow-x:hidden;
			overflow-y:auto;
			display: block;
			transition:visibility 0ms linear 50ms;
		}
		[data-action="close"]:first-child {
			z-index:100;
			position:absolute;
			top:0;right:0;
			width:1em;width:1em;
			text-align:center;
			line-height:1;
			font-weight:100;
			color:#ccc;
			font-size:2em;
			cursor:pointer;
		}
		[data-action="close"]:first-child:after {
			content:'\00D7';
		}
		[data-action="close"]:first-child:hover {
			color:#333;
			text-decoration:none;
		}
		dialog[open] {
			visibility:visible;
			transition:visibility 0ms linear 0ms;
		}
		dialog:before {
			content:'';
			z-index:1;
			position:absolute;
			background:rgba(0,0,0,0.3);
			position:fixed;
			top:0;left:0;right:0;bottom:0;
			opacity:1;
			transition:opacity 0ms ease-out .2ms;
		}
		dialog[open]:before {
			opacity:1;
			transition:opacity 0ms ease-out 0ms;
		}
		dialog > .dialog-body {
			border-radius: 0px;
			z-index:2;
			position:relative;
			width:600px;
			max-width:100%;
			max-height:none;
			box-sizing:border-box;
			margin:0 auto 0;
			background:white;
			overflow:hidden;
			padding:30px 20px 20px 20px;
			transform:scale(0.95);
			transition:transform 50ms ease-out;
		}
		dialog[open] > .dialog-body {
			transform:scale(1.0);
			transition:transform 300ms ease-out;
		}
		@media (max-width: 480px){
			dialog {padding:10px 10px 0;}
		}
		@media (max-width: 320px){
			dialog {padding:0;}
		}

	/* END DIALOG */



	/* IPHONE IMG FRAME CSS */

    .iphone6 {
      width: 200px;
      max-width:100%;
      position: relative;
      display: inline-block;
      box-shadow:none !important;
    }
    .iphone6:before {
    	content:'';
    	display:block;
      padding-bottom:209%;
    }
    .iphone6 > * {
      position: absolute !important;
      top:0;left:0;right:0;height:0;bottom:auto;
      box-sizing:border-box;
      padding: 104% 0%;
      border-radius:15%/7%;
      transform-origin: 0 0;
      box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
      text-align:center;
    }
    .iphone6 > * > * > div {
      position: relative;
      height: 0;
      width: 89%;
      border: solid 1px #333;
      margin:-80% auto 0;
      padding-bottom: 159%;
      background: #D3D6DB;
    }
    .iphone6 > * > * > *:last-child {
      position: absolute;
      top: 50%;
      left: 50%;
      margin:0;
      max-width:none;
      width:104%;
      transform: translate(-50%,-50%);
    }
    .iphone6 > * > * > div > img { width:100%; }

		.hovergrow {position:relative;}
		.hovergrow:hover {z-index:1000 !important;}
		.hovergrow > * {
			transform-origin:50% 50%;
			transform:scale(1.0);
			transition:transform .2s ease-out;
		}
		.hovergrow:hover > * {
			transform:scale(1.4);
		}
		.hovershadow:hover > *,
		.hovershadow.iphone6:hover > * {
			box-shadow:0 0 40px rgba(0,0,0,0.2);
		}
		
		
		[class*="device-frame"] {
			margin: 0 10px;
			position: relative;
			z-index: 100;
			box-sizing: border-box;
			padding: 0;
			background-image: url();
			background-size: 100% auto;
			background-repeat: no-repeat;
			background-position: center top;
			border-style: solid;
			box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
			background-color: white;
			-webkit-transform-origin: 50% 50%;
			        transform-origin: 50% 50%;
			-webkit-transform: scale(1.0);
			        transform: scale(1.0);
			-webkit-transition: -webkit-transform .2s ease-out;
			        transition:         transform .2s ease-out;
		}
		.device-frame-iphone6 {
			border-width: 55px 13px;
			border-image-width: 1 1;
			border-image-slice:12.1412803532009% 5.9090909090909%;
			border-image-source: url(https://blog.promoboxx.com/wp-content/themes/promoboxx2017/images/iphone-6-nomargin.png);
			width: 220px;
			height: 453px;
			border-radius: 15%/7%;
		}
		
		[class*="device-frame"]:hover {
			box-shadow: 0px 0px 25px rgba(0,0,0,0.5);
			-webkit-transform: scale(1.4);
			        transform: scale(1.4);
		}

	/* END IPHONE IMG FRAME CSS */



	/* EXAMPLES CSS */

		.examples {
			position:relative;
			box-sizing:border-box;
			width:100%;
			max-width:560px;
			margin:0 auto;
			padding:2% 0 5%;
			text-align:left;
		}
		.examples .item {
			cursor:pointer;
			position:relative;
			display:inline-block;
			vertical-align:top;
			width:70%;
			margin:0 -40% 0 30%;
			z-index:1;
			border-radius:3px;
			box-shadow:1px 1px 1px 2px rgba(0,0,0,0.1);
		}
		.examples .item:nth-child(1) {
			width:50%;
			margin-left:45%;
			margin-right:-30%;
		}
		.examples .item:nth-child(2) {
			margin:32% -60% 0 -60%;
			width:80%;
			z-index:0;
		}
		.examples .item > img {
			position:relative;
			display:block;
			width:100%;
		}

	/* END EXAMPLES CSS */



	/* TESTIMONIAL CSS */

		.testimonial {
			 position:relative;
		}
		.testimonial blockquote {
			box-sizing:border-box;
			width:100%;
			padding:20px;
			position:relative;
			margin:0;
			text-align:left;
			border-radius:2px;
			border-left:none;
		}
		.testimonial blockquote p {
			max-width:36em;
			font-style:italic;
			text-indent:-.35em;
		}
		.testimonial blockquote cite {
			position:relative;
			font-style:normal;
			display:block;
			margin:25px 0 2em 20px;
			padding:4px 4px 4px 50px;
			border:solid 1px rgba(0, 0, 0, 0.2);
			border-style:solid none;
			font-size: 14px;
			line-height: 1.2;
			min-height:1em;
		}
		.testimonial-picture {
			position:absolute;
			top:50%;
			left:0;
			margin:-40px;
			display:inline-block;
			vertical-align:middle;
			width:80px;
			border-radius:50%;
			height:80px;
			background-color:white;
			background-size:cover;
			background-position:center;
			background-repeat:no-repeat;
			box-shadow:1px 1px 1px rgba(0,0,0,0.4);
		}

		@media (max-width: 860px){
			.testimonial blockquote,
			.testimonial .examples {
				float:none;width:100%;
				max-width:500px;
				margin:auto;
			}
		}
		@media (max-width: 480px){
			.testimonial blockquote cite {
				padding:15px 0 10px;
				text-align:center;
				margin:60px 0 10px;
			}
			.testimonial blockquote .testimonial-picture {
				left:50%;
				top:0;
				margin:-52px -30px -30px;
				width:60px;
				height:60px;
			}
			.testimonial {
				margin: 0;
			}
		}

	/* END TESTIMONIAL CSS */



	/* CAROUSEL CSS */

		[data-carousel] {
			position:relative;
			width:100%;
			max-width:1200px;
			margin:auto;
			overflow:visible;
			position:relative;
			color:black;
			text-align:left !important;
		}
		[data-carousel]>ul {
			font-size: 1px;
			word-spacing: 0px;
			white-space: normal;
			list-style-type:none;
			display:block;
			padding:0;
			position:relative;
		}
		[data-carousel] ul li {
			list-style-type:none;
			font-size:1rem;
			display:inline-block;
			vertical-align:top;
			padding:0;
			margin:0;
			position: relative;
			width: 100%;
			box-sizing:border-box;
			height: auto;
			margin-right: -100%;
			z-index:1;
			opacity:0;
			-webkit-transition:opacity 200ms linear 0ms;
			        transition:opacity 200ms linear 0ms;
		}
		[data-carousel] ul li[data-active] {
			z-index:2;
			opacity:1;
			-webkit-transition:opacity 200ms linear 200ms;
			        transition:opacity 200ms linear 200ms;

		}
		[data-carousel][data-slide] ul li {
			-webkit-transition:opacity 200ms linear 100ms;
			        transition:opacity 200ms linear 100ms;
		}
		[data-carousel][data-slide] ul li[data-active] {
			-webkit-transition:opacity 200ms linear 300ms;
			        transition:opacity 200ms linear 300ms;
		}
		[data-carousel][data-slide] ul li > * {
			position:relative;
			width:100%;
			box-sizing:border-box;
			left:80px;margin-left:-80px;
			-webkit-transition:left 0ms linear 300ms,margin-left 300ms linear 0ms;
			        transition:left 0ms linear 300ms,margin-left 300ms linear 0ms;
		}
		[data-carousel][data-slide] ul li[data-active] > * {
			left:0;margin-left:0;
			-webkit-transition:left 300ms linear 300ms,margin-left 0ms linear 300ms;
			        transition:left 300ms linear 300ms,margin-left 0ms linear 300ms;
		}
		[data-carousel][data-slide][data-reverse] ul li > * {
			left:-80px;margin-left:80px;
			-webkit-transition:left 0ms linear 300ms,margin-left 300ms linear 0ms;
			        transition:left 0ms linear 300ms,margin-left 300ms linear 0ms;
		}
		[data-carousel][data-slide][data-reverse] ul li[data-active] > * {
			left:0;margin-left:0;
			-webkit-transition:left 300ms linear 300ms,margin-left 0ms linear 300ms;
			        transition:left 300ms linear 300ms,margin-left 0ms linear 300ms;
		}

		[data-carousel][data-nodelay] ul li > * {
			-webkit-transition:none !important;
			        transition:none !important;
		}


		[data-carousel] nav {
			position:absolute;
			font-size:2em;
			top:50%;
			left:0;right:0;
			z-index:1000;
		}
		[data-carousel] nav a {
			position:absolute;
			height:1em;
			width:1em;
			line-height:1em;
			margin:-.5em 5px;
			box-sizing:border-box;
			color:inherit;
			color:rgba(0,0,0,0.5);
			-color:#17bcc9;
			-webkit-transition:-webkit-transform .2s linear;
			        transition:transform .2s linear;
		}
		[data-carousel] nav a[data-prev] {
			left:.8em;right:auto;
		}
		[data-carousel] nav a[data-next] {
			left:auto;right:.8em;
		}
		[data-carousel] nav a:after {
			content:'';
			left:0;top:0;
			width:1em;
			height:1em;
			margin:0;
			border:solid 2px;
			position:absolute;
    	display: block;
			box-sizing:border-box;
			border-left-width:0;
			border-top-width:0;
			-webkit-transform:rotate(135deg);
			        transform:rotate(135deg);
			-webkit-transform-origin:50% 50%;
			        transform-origin:50% 50%;
			box-shadow:1px 1px 0 0px white;
		}
		[data-carousel] nav a[data-next]:before,
		[data-carousel] nav a[data-next]:after {
			transform:rotate(-45deg);
		}
		[data-carousel] nav a[data-prev]:hover {transform:translateX(-5px);}
		[data-carousel] nav a[data-next]:hover {transform:translateX(5px);}

		@media (max-width: 480px) {
			[data-carousel] nav {
					position: absolute;
					font-size: 1.2em;
					top: 60px;
					margin: 0 -15px;
			}
		}

	/* END CAROUSEL CSS */



	/* SHARE BAR */


		[data-sharebar] {position:relative;}
		[data-dialog] [data-sharebar] {display:none;}
		[data-sharebar] .share-bar {
			position:absolute;
			bottom:0;
			right:30px;
			font-size:24px;
			margin:1em 0 0;
			padding:0;
			max-width:960px;
		}
		[data-sharebar] .share-bar li {
			cursor:pointer;
			position:relative;
			background:white;
			color:#fff;
			width:2em;
			height:2em;
			line-height:2;
			text-align:center;
			font-size:.7em;
			border-radius:50%;
			margin:-2em auto;
			padding:0;
			list-style-type:none;
			display:block;
			-webkit-transition:margin .25s 0s ease-out;
							transition:margin .25s 0s ease-out;
		}
		[data-sharebar] .share-bar li:before {
			content:none;
		}
		[data-sharebar] .share-bar[data-hover="1"] li {margin:.4em auto;}
		[data-sharebar] .share-bar li.share {
			font-size:1em;
			margin:-1.9em 0;
			background:#17BCC9;
			color:white;
			box-shadow:0 0 6px rgba(0,0,0,0.2);
			-webkit-transition:none;
							transition:none;
		}
		[data-sharebar] .share-bar .share .fa {-webkit-font-smoothing:antialiased;margin-left:-.1em;}
		[data-sharebar] .share-bar li a:hover,
		[data-sharebar] .share-bar li a {
			color:white;
			width: 2em;
			line-height: 2;
			text-decoration:none;
		}
		.sharing .share-bar {
			position: relative;
			width: 2em;
			border:solid 1px rgba(0,0,0,0);
		}
		.sharing .share-bar .share {
			position: absolute;
			margin: -1.6em -.3em;
			top:0;
			left:0;
		}
		.sharing .share-bar:hover li.share {
				background-image: linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0.2));
		}
		[data-sharebar] .share-bar[data-hover="1"] li.share {margin:-1.9em 0;}

		.sharing {
			position: absolute;
			left:0;right:0;
			margin-top:0em;
			z-index:1000;
			left: auto;
			right: 1.5em;
			margin-top: -1.8em;
			top:40px;
		}
		.sharing-container {
			position: fixed;
			margin: 0em -.8em 0;
		}
		[data-scrolled="1"] .sharing {}


		[data-sharebar] .sharing.mini {
			margin:0;
			display:inline-block;
			width:2em;
			height:1em;
			margin:-1.3em;
			position:absolute;
			top:auto;
			left:auto;
			right:0em;
			bottom:0em;
			margin:.5em .8em;
			z-index:999;
		}

		[data-sharebar] .sharing.mini .share-bar {
			font-size:1em;
		}
		[data-sharebar] .sharing.mini .sharing-container {
			position:absolute;
			margin:0;
			margin: -1em -.5em;
		}
		[data-sharebar] .sharing.mini .sharing-container {
			position: relative;
			margin: 0;
		}
		[data-sharebar] .sharing.mini .share-bar[data-hover="1"] li.share,
		[data-sharebar] .sharing.mini .share-bar li.share {
			position: relative;
			margin: 0 -0.1em;
			font-size: 1em;
		}
		.sharing.mini .share-bar {position:absolute;}
		.sharing.mini .share-bar li {font-size: .9em;box-shadow:none;}

		@media (max-width:560px) {
			.sharing {
				position:fixed;
				margin-bottom:1em;
				z-index: 10000;
				top:auto;
				left:auto;
				right: 20px;
				bottom: 60px;
			}
			.sharing-container {
				position: relative;
				margin: 0;
			}
			[data-sharebar] .share-bar {right:0px;}
			[data-sharebar] .share-bar[data-hover="1"] li.share,
			[data-sharebar] .share-bar li.share {
				position: relative;
				margin: 0 0;
			}
		}
		@media print {
			.sharing .share-bar {
				display:none;
			}
		}

	/* END SHARE BAR */




	/* INTERCOM TRIGGER */

	[data-intercom-trigger] {
		display:block;
		font-size:24px;
		z-index:100000;
		position:fixed;
    bottom: 20px!important;
    right: 20px!important;
		width:2em;
		height:2em;
		line-height:2;
		border-radius:50%;
		background:dodgerBlue;
		color:white;
		text-align:center;
		box-shadow:1px 1px 5px 1px rgba(0,0,0,0.2);

		-background:dodgerBlue url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M221.867 140.748a8.534 8.534 0 0 1-17.067 0V64a8.534 8.534 0 0 1 17.067 0v76.748zm-2.978 53.413c-1.319 1.129-32.93 27.655-90.889 27.655-57.958 0-89.568-26.527-90.887-27.656a8.535 8.535 0 0 1-.925-12.033 8.53 8.53 0 0 1 12.013-.942c.501.42 28.729 23.563 79.8 23.563 51.712 0 79.503-23.31 79.778-23.545 3.571-3.067 8.968-2.655 12.033.925a8.534 8.534 0 0 1-.923 12.033zM34.133 64A8.534 8.534 0 0 1 51.2 64v76.748a8.534 8.534 0 0 1-17.067 0V64zm42.668-17.067a8.534 8.534 0 0 1 17.066 0v114.001a8.534 8.534 0 0 1-17.066 0v-114zm42.666-4.318A8.532 8.532 0 0 1 128 34.082a8.532 8.532 0 0 1 8.534 8.533v123.733a8.534 8.534 0 0 1-17.067 0V42.615zm42.667 4.318a8.534 8.534 0 0 1 17.066 0v114.001a8.534 8.534 0 0 1-17.066 0v-114zM224 0H32C14.327 0 0 14.327 0 32v192c0 17.672 14.327 32 32 32h192c17.673 0 32-14.328 32-32V32c0-17.673-14.327-32-32-32z'/%3E%3C/svg%3E") no-repeat center;
		-background-size:60%;
	}
	[data-intercom-trigger]:after {
		content: "\f27a";
		font-family:'fontawesome';
		display:inline-block;
		vertical-align:center;
		font-size:1.1em;
		line-height:1.4;
	}
	[data-intercom-trigger]:hover {
		box-shadow:inset 0px 0px 0px 30px rgba(255,255,255,0.2);
		color:#fff;
	}
	[data-intercom-trigger]:before {
		content: "Live Chat";
		position:absolute;
		font-size:12px;
		font-weight:400;
		line-height:1.4;
		top:100%;left:-0.5em;right:-0.5em;
		margin-top:-;
		color:#000;
		background:rgba(255,255,255,0.5);
		border-radius:3px;
		padding:1px 4px;
	}


	/* END INTERCOM TRIGGER */



	/* SCROLL POPUP EFFECT */

  [data-popup] {
    display:block;
    position:relative;
    -webkit-transform:scale(0);
             transform:scale(0);
    -webit-transform-origin: 50% 50%;
           transform-origin: 50% 50%;
    -webkit-animation: popup .3s ease-in forwards;
            animation: popup .3s ease-in forwards;
    -webkit-animation-play-state:paused;
            animation-play-state:paused;
  }
  [data-reveal] {
    display:block;
    position:relative;
    opacity:0;
    -webkit-animation: reveal .3s ease-in forwards;
            animation: reveal .3s ease-in forwards;
    -webkit-animation-play-state:paused;
            animation-play-state:paused;
  }
  [data-popped="true"] {
    -webkit-animation-play-state:running;
            animation-play-state:running;
  }
  [data-reveal][data-popped="true"] {
    opacity:1;
  }
  [data-popup][data-popped="true"] {
    -webkit-transform:none;
             transform:none;
  }

  @-webkit-keyframes popup {
    0%   {-webkit-transform: scale(0);}
    60%  {-webkit-transform: scale(1.05);}
    80%  {-webkit-transform: scale(1.05);}
    100% {-webkit-transform: scale(1);}
  }
  @keyframes popup {
    0%   {transform: scale(0);}
    60%  {transform: scale(1.05);}
    80%  {transform: scale(1.05);}
    100% {transform: scale(1);}

  }

  @-webkit-keyframes reveal {
    0%   {opacity:0;}
    100% {opacity:1;}
  }
  @keyframes reveal {
    0%   {opacity:0;}
    100% {opacity:1;}
  }

	/* END SCROLL POPUP EFFECT */



	/* HUBSPOT FORM */
	
	.hbspt-form-wrapper {}
	.hbspt-form  {
		background:white;
		padding:8px 12px 12px;
	}
	.widget .hbspt-form {
		background:transparent;
		padding:0;
	}
	.white-form .hbspt-form {
	  padding:0;
	}
	aside h3 {
	  margin-bottom:0.25em;
	}
	.hbspt-form-wrapper h3 {
	  margin-bottom:0px;
	}
	aside p {
	  font-size: 1rem;
    line-height: 1.25;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
	}
	.hbspt-form form.hs-form fieldset .hs-form-field {
		width:auto;
		float:none;
		margin-bottom:4px;
	}
	.hbspt-form form.hs-form  .hs-error-msgs {
		padding:2px 0 0;margin: 0;list-style-type: none;
	}
	.hbspt-form form.hs-form li {
		margin:0;
		line-height:1;
	}
	.hbspt-form form.hs-form  li.hs-form-radio {
		list-style-type:none;
    float:left;
    width: 33.33333333%;
    padding: 2px 2px;
    background-clip: content-box;
    box-sizing: border-box;
	}
	.hbspt-form form.hs-form li.hs-form-radio:first-child {
	  padding-left:0;
	}
	.hbspt-form form.hs-form li.hs-form-radio:last-child {
	  padding-right:0;
	}
	.hbspt-form form.hs-form  li.hs-form-radio label {
		text-align:left;
		padding:0 10px;
    display: block;
    padding: 10px 3px 6px;
    background: #f3f3f3;
    display: block;
    border-radius: 3px;
	}
	.hbspt-form form.hs-form  li.hs-form-radio label span {
		display:inline-block;
		font-size: 14px;
	  color:#999;
	}
	.hbspt-form form.hs-form  li.hs-form-radio label :checked + span {
	  color:#00bcca;
	}
	.hbspt-form form.hs-form  .hs-error-msgs label {color:orange}
	.hbspt-form form.hs-form label {
		font-weight:400;
		line-height:1;
		font-size:13px;
	}
	.hbspt-form form.hs-form .hs-form-required {
		color:#17bcc9;
		font-size:1.5em;
	}
	.hbspt-form .inputs-list.multi-container {
	  padding:0;
	  text-align:center;
	  margin: 2px 0 0;
	}
	.hbspt-form form.hs-form .inputs-list li {
	  list-style-type:none;
	}
	.hbspt-form form.hs-form .inputs-list {
	  padding:0;
	  margin: 0;
	}
  .hbspt-form form.hs-form .hs-form-field select.hs-input[id],
  .hbspt-form form.hs-form .hs-form-field input[id],
  .hbspt-form form.hs-form .hs-form-field input.hs-input[id],
  .hbspt-form form.hs-form input.hs-button {
    width:100%;
    box-shadow:none;
    border:none;
    font-size: 15px;
    line-height:2;
    height:2em;
    box-sizing: border-box;
    border: none 0px;
    background:#f3f3f3;
    color: #00bcca;
  }
  .hbspt-form form.hs-form input.hs-button {
    height:auto;
  }
	.hbspt-form form.hs-form .hs-form-field .inputs-list li input[type="radio"],
	.hbspt-form form.hs-form .hs-form-field .inputs-list li input[type="checkbox"] {
	  margin-right:10px;
	  width:auto;
	  display:inline-block;
	}
	.widget form.hs-form .hs-form-field select.hs-input[id],
	.widget form.hs-form .hs-form-field input[id],
	.widget form.hs-form .hs-form-field input.hs-input[id] {
		background:white;
		color:#1F8F9B;
	}
	aside .hbspt-form form.hs-form .hs-form-field select.hs-input[id],
	aside .hbspt-form form.hs-form .hs-form-field input[id],
	aside .hbspt-form form.hs-form .hs-form-field input.hs-input[id] {
	  border-width:0px;
    border-radius:3px;
    line-height:2.6;
    height:2.6em;
		color:#00bcca;
	}
  .hbspt-form form.hs-form .hs-form-field input.hs-input[type=radio] {
    width:auto;
    display:inline-block;
    margin:0 4px 6px 2px;
    height:auto !important;
    line-height:1 !important;
  }
	.hbspt-form select.hs-input,
	.hbspt-form fieldset.form-columns-1 select.hs-input {
		padding:0 .5em;
		vertical-align:middle;
		font-family: inherit;
    -webkit-appearance: none;
    width: 100%;
    text-align:left;
    text-align-last:left;
		background-color:#e9eced;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' width='10' height='20'><polyline points='3 4.5 5 6 7 4.5' fill='none' stroke='#333' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' /></svg>");
    background-repeat:no-repeat;
    background-position:right center;
    background-size:auto 100%;
	}
	.hbspt-form form.hs-form fieldset input[type="tel"] {
		max-width:10em;
	}
	.hbspt-form form.hs-form .hs-button:not(.inactive):not(.link) {
    margin-top: 10px;
    margin-bottom:0;
  }
	.hbspt-form select.hs-input:focus,
	.hbspt-form form.hs-form input:focus,
	.hbspt-form form.hs-form input.hs-input:focus {
		outline:none;
		border-color:#17bcc9;
		color:#17bcc9;
	}
	.hbspt-form .hs-form fieldset[class] .input {
		margin:0;
	}
  
	.hbspt-form .submitted-message {
		padding:1em 0;
		font-size:1.4em;
	}
	
	dialog .hbspt-form .hs-form fieldset .input {
		margin:0;
	}
	dialog .hbspt-form select.hs-input,
	dialog .hbspt-form form.hs-form input:not([type="submit"]),
	dialog .hbspt-form form.hs-form input.hs-input:not([type="submit"]) {
		border:solid 1px #ccc;
		font-size:1em;
		padding:0 .5em;
		vertical-align:middle;
		font-family: inherit;
		line-height:3;
		height:3em; /* ie */
	}
	dialog .hbspt-form fieldset.form-columns-1 select.hs-input {
    float: none;
    margin: auto;
    width: 100%;
  }
	dialog .hbspt-form form.hs-form input[type="submit"]:not(.inactive):not(.link) {
    margin-top: 0px;
		height:auto;
	}
	dialog .hbspt-form form.hs-form  .hs-error-msgs {
		min-height:1.2em;
	}
	dialog .hbspt-form form.hs-form fieldset .hs-form-field {
		margin-bottom:0;
	}
	dialog .hbspt-form form.hs-form fieldset {
		max-width:none;
	}
	#subscribe-dialog .hbspt-form form.hs-form input:not([type="submit"]) {
		text-align:center;
	}
	#subscribe-dialog .hbspt-form form.hs-form input:not([type="submit"]) {
		text-align:center;
	}
	#subscribe-dialog .hbspt-form form.hs-form  label {display:none}
	#subscribe-dialog .hbspt-form form.hs-form  .hs-error-msgs label {display:block}
	
	#subscribe-dialog .hbspt-form form.hs-form .hs-submit {
    margin-top: -2px;
    position: relative;
    z-index: 1;
  }
	#subscribe-dialog .hbspt-form form.hs-form .hs-submit {
    margin-top: -2px;
    position: relative;
    z-index: 2;
  }
  
  aside textarea.hs-input {
    height: 8em;
    width: 100%;
    box-sizing: border-box;
  }
  
  /* STUPID TRACKING PIXEL ISSUE (Terminus) */
  html > body > img {position:absolute;}
  
  
  
  
	/* MEDIA ASSET PAGES */
	
	
	.logo-lockup {
		font:normal 24px/1 'roboto condensed';
		text-transform:uppercase;
		letter-spacing:-.02em;
		display:block;
		vertical-align:middle;
		margin-bottom:2em;
	}
	.logo-lockup img {
		max-width:100px;
		margin: 0 0 4px 0;
		display: inline;
	}
  
	.parent-page-success blockquote {
		border-left: 5px solid #19bdc9;
		margin-left:0;
		padding: 10px 10px 10px 20px;
    background: #f9f9f9;
	}
	.parent-page-success blockquote:hover {background:#fff;}
	
	.asset-video,
	.asset-image,
	.asset-story {
		cursor:pointer;
		display:block;
		margin-top:10px;
		overflow:hidden;
		padding:15px;
		color:#15ACB7;
		font-size:1.2em;
		font-weight:300;
		position:relative;
		background:#f9f9f9;
		box-shadow:none;
		border:solid 1px transparent;
		-webkit-transition:box-shadow 300ms ease-out;
		        transition:box-shadow 300ms ease-out;
	}        
	.asset-video {padding:25px 15px 15px 15px;}
	.asset-story {padding:20px 25px 15px 15px;}
	.asset-video:hover,
	.asset-image:hover,
	.asset-story:hover {
		background:white;
	  text-decoration:none;
		box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.1);
		border-color: #19bdc9;
	}
	
	.asset-video:before,
	.asset-image:before,
	.asset-story:before {
		position:absolute;
		text-align:center;
		top:0;left:0;
		font-size:11px;
		line-height:1.1;
		margin:0px;
		padding:1px 3px;
		background:#19bdc9;
		color:white;
		min-width:2em;
		z-index:3;
	}
	.asset-video:before {content:'video';}
	.asset-image:before {content:'image';}
	.asset-story:before {content:'article';}
	
	/* video assets */

	.asset-video > :first-child {
		display:inline-block;
		text-align:center;
		width:120px;
		height:120px;
		line-height:120px;
		font-size: 1px;
		position:relative;
		margin-top:-10px;
		background-color:white;
		background-position:center;
		background-size:100% auto;
		background-repeat:no-repeat;
	}
	.asset-video > :first-child {
		float:right;
		margin-left:50px;
	}
	.asset-video:hover > :first-child {
		background-color:#f9f9f9;
	}
	.asset-video:after {
		content:attr(href);
		font-size:14px;
		color:black;
		display:block;
		line-height: 1.1;
		margin-top:.5em;
		word-wrap: break-word;
		font-style: normal;
	}
	.asset-video > :first-child[data-loading]:after {top:50%;}
	.asset-video.play-icon .asset-video > :first-child:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		margin: -10px -6px;
		border: solid 0px rgba(0, 0, 0, 0);
		border-width: 9px 13px;
		border-left-color: #fff;
	}
	/* third-party video thumbnail */
	.asset-video > :first-child > img {
		display:inline-block;
		vertical-align: middle;
	}
	
	
	/* image assets */
	
	.asset-image {
		display:inline-block;
		text-align:center;
		font-size:1px;
		word-spacing:0;
		width:180px;
		height:180px;
		line-height:180px;
		box-sizing:border-box;
		padding:0;
		margin:0 6px 6px 0;
		position:relative;
	}
	/* wordpress adds brs */
	.asset-image ~ br {
		display:none;
	}
	.asset-image > img {
		height:auto;
		position:relative;
		z-index:2;
		vertical-align:middle;
		max-height:164px;
    display: inline-block;
    margin-bottom:0;
	}
	.asset-image:hover:after {
    content: 'download\A \2193';
    white-space: pre;
    position: absolute;
    line-height: 1.2;
    left: 50%;
    top: 50%;
    width: 6.4em;
    margin: -1.4em -3.2em;
    right: 0;
    font-weight: 500;
    text-transform: uppercase;
    z-index: 100;
    color: #fff;
    font-size: 14px;
    background: #19bdc9;
    border-radius: 4px;
    padding: 0.2em;
    box-sizing: border-box;
	}
	
	/* story assets */
	
	.asset-story {
		line-height:1.1;
	}
	.asset-story:after {
		content:'\f105';
		display:inline-block;
		vertical-align:bottom;
		display: inline-block;
		font: normal normal normal 1em/1 FontAwesome;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		margin:-.5em .8em -.5em .2em;
		transition:margin .2s 0s linear;
		position:absolute;
		right:0em;
		top:50%;
	}
	.asset-story:hover:after {
		margin:-0.5em 0.5em;
	}
	.asset-story small {
		font-size: initial;
    color: #666;
    line-height: 1;
    display: block;
    margin-top: 0.5em;
	}
	
	@media (max-width:480px){
		.asset-image,
		.asset-image > img,
		.asset-video {
			display:block;
			margin:0 auto 10px;
			float:none;
		}
		.asset-video > :first-child {
			float:none;
			display:block;
			margin:auto;
			width:200px;
			height:200px;
			line-height:200px;
		}
	}
	
	/* wistia adjustments */
	
	.wistia_responsive_padding {padding:56.25% 0 0 0;position:relative;}
	.wistia_responsive_wrapper {height:100%;left:0;position:absolute;top:0;width:100%;}
	.wistia_embed {display:inline-block;height:100%;width:100%;}
	.asset-video > :first-child .wistia_responsive_padding {
		display: inline-block;
		vertical-align: middle;
		width: 100%;
		height:auto;
		position: relative;
	}