@charset "utf-8";

/*---- Reset ----*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/*---- HTML5 display-role reset for older browsers ----*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
img, 
object {
	border: none;
	width: auto;
    max-width: 100%;
    height: auto;
	transition:all .2s ease-in-out; 
    -o-transition:all .2s ease-in-out; 
    -moz-transition:all .2s ease-in-out; 
    -webkit-transition:all .2s ease-in-out;
}
map area {
    outline: none;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}
header
,nav
,section
,article
,aside
,footer
,hgroup 
{ 
display: block;
}
.hidden {
	opacity: 0;
}
.visible {
	opacity: 1;
}

/*---- Basic Styles ----*/
body {
	background-color: #000000; 
	font-family: "KantarBrownWeb-Light", Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px auto;
	color: #ffffff;
	-webkit-text-size-adjust: 100%;
}
h1 {
	font-family: "KantarBrownWeb-Light", Arial, Helvetica, sans-serif;
	font-size: 60px;
	line-height: 70px;
}
h2 {
	font-family: "KantarBrownWeb-Light", Arial, Helvetica, sans-serif;
	font-size: 40px;
	line-height: 50px;
}
h3 {
	font-family: "KantarBrownWeb-Light", Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 40px;
	padding: 0px 0px 15px 0px;
	vertical-align: middle;
}
h4 {
	font-family: "KantarBrownWeb-Bold", Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height: 31px;
	padding: 0px 0px 20px 0px;
}
h5 {
	font-family: "KantarBrownWeb-Bold", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	padding: 0px 0px 20px 0px;
}
p {
	font-family: "KantarBrownWeb-Light", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	padding: 0px 0px 20px 0px;
}
p.quoteAuthor {
	margin-top: 20px;
	font-family: "KantarBrownWeb-Bold", Arial, Helvetica, sans-serif;
}
ul, dl, ol {
	font-family: "KantarBrownWeb-Light", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	padding-bottom: 15px;
	margin-left: 40px;
}
ul, dl {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ul li, ol li {
	padding-bottom: 15px;
}
ul li ul {
	padding-bottom: 0px;
}
ul li:last-child, ul li ul li:last-child, ol li:last-child {
	padding-bottom: 0px;
}
table {
	font-family: "KantarBrownWeb-Light", Arial, Helvetica, sans-serif;
	font-size: 18px;
}
text {
	font-family: "KantarBrownWeb-Light", Arial, Helvetica, sans-serif !important;
}
p:last-child {
	padding: 0px;
}
.connectedTemplateCentered {
	text-align: center;
	margin: 0px auto;
}
a:link, a:visited {
	color: #E5007E;
	text-decoration: none;
}
a:hover, a:active {
	color: #E5007E;
	text-decoration: underline;
}
/*---- No Padding Styles ----*/
.connectedTemplateNoPaddingTop {
	padding-top: 0px !important;
}
.connectedTemplateNoPaddingBottom{
	padding-bottom: 0px !important;
}

/*----- Button Styles ----*/
.connectedTemplateButton {
	font-family: "KantarBrownWeb-Regular", Arial, Helvetica, sans-serif;
	display: inline-block;
    padding: 0px 15px 0px 15px;
	width: 100%;
    background-color: #e5007e;
    color: #fff;
    text-align: center;
    -webkit-appearance: none;
    border-radius: 0;
}
a.connectedTemplateButton:link, a.connectedTemplateButton:visited {
	color: #ffffff !important;
	text-decoration: none !important;
}
a.connectedTemplateButton:hover, a.connectedTemplateButton:active {
	color: #ffffff !important;
	text-decoration: underline !important;
}
#connectedTemplateSticker, #connectedTemplateTopSticker {
	z-index: 1001;
	background-color: #000;
	height: 76px;
}
/*---- Container Styles ----*/
#connectedTemplateWrapper {
	width: 100%;
	position: relative;
	margin: 0px auto;
	text-align: left;	
}
.connectedTemplateContentWrapper .connectedTemplateCol {
    padding-bottom: 20px;
}
/*---- Base Black Container ----*/
.baseBlackContainer {
	background-color: #000000; 
	color: #ffffff;
	clear: both;
}
.baseBlackContainer h1, .baseBlackContainer h2, .baseBlackContainer h3, .baseBlackContainer h4, .baseBlackContainer h5, .baseBlackContainer p, .baseBlackContainer ul, .baseBlackContainer ol, .baseBlackContainer dl {
	color: #ffffff; 
 }
/*---- Base Consumers Container - Technology ----*/
.baseConsumersContainer {
	background-color: #4655a5; 
	color: #ffffff;
	clear: both;
}
.baseConsumersContainer h1, .baseConsumersContainer h2, .baseConsumersContainer h3, .baseConsumersContainer h4, .baseConsumersContainer h5, .baseConsumersContainer p, .baseConsumersContainer ul, .baseConsumersContainer ol, .baseConsumersContainer dl {
	color: #ffffff; 
 }
 /*---- Base Connections Container - Data ----*/
.baseConnectionsContainer {
	background-color: #7a2280; 
	color: #ffffff;
	clear: both;
}
.baseConnectionsContainer h1, .baseConnectionsContainer h2, .baseConnectionsContainer h3, .baseConnectionsContainer h4, .baseConnectionsContainer h5, .baseConnectionsContainer p, .baseConnectionsContainer ul, .baseConnectionsContainer ol, .baseConnectionsContainer dl {
	color: #ffffff; 
 }
 /*---- Base Content Container - What I see ----*/
.baseContentContainer {
	background-color: #3eb1cc; 
	color: #ffffff;
	clear: both;
}
.baseContentContainer h1, .baseContentContainer h2, .baseContentContainer h3, .baseContentContainer h4, .baseContentContainer h5, .baseContentContainer p, .baseContentContainer ul, .baseContentContainer ol, .baseContentContainer dl {
	color: #ffffff; 
 }
 /*---- Base Commerce Container - Money ----*/
.baseCommerceContainer {
	background-color: #343C80; 
	color: #ffffff;
	clear: both;
}
.baseCommerceContainer h1, .baseCommerceContainer h2, .baseCommerceContainer h3, .baseCommerceContainer h4, .baseCommerceContainer h5, .baseCommerceContainer p, .baseCommerceContainer ul, .baseCommerceContainer ol, .baseCommerceContainer dl {
	color: #ffffff; 
 }
/*---- Color Styles ----*/
.basePrimaryColor {color: #E5007E !important;}
.baseConsumersColor {color: #4655a5 !important;} /* Technology */
.baseConnectionsColor {color: #7a2280 !important;} /* Data */
.baseContentColor {color: #3eb1cc !important;} /* What I see */
.baseCommerceColor {color: #343C80 !important;} /* Money */
h2 span.baseConsumersColor, h2 span.baseConnectionsColor, h2 span.baseContentColor, h2 span.baseCommerceColor {
	font-family: "KantarBrownWeb-Bold", Arial, Helvetica, sans-serif;
}
/*---- Branding Bar Styles ----*/
.connectedTemplateLogo  {
	position: absolute;
	float: left;
	margin: 5px 0px;
}
/*---- Content Wrapper Styles ----*/
.connectedTemplateContentWrapper {
	max-width: 1280px;
	margin: 0px auto;
	text-align: left;
	padding: 20px 40px 20px 40px;
}
.connectedTemplateContentContainer .connectedTemplateContentWrapper {
	padding: 0px 40px 0px 40px;
}
.connectedTemplateContentContainer {
	padding-top: 76px;
	margin-top: -76px;
}
/*---- Main Navigation Styles ----*/
#connectedNav {
  float: right;
}
#connectedNav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#connectedNav ul li {
  float: left;
  position: relative;
  padding: 0px;
}
#connectedNav ul li a,
#connectedNav ul li a:visited {
  display: block;
  padding: 5px 20px 5px 20px;
  line-height: 26px;
  background: #000000;
  color: #ffffff;
  text-decoration: none;
}
#connectedNav ul li a:hover,
#connectedNav ul li a:visited:hover {
  color: #ffffff;
  text-decoration: none;
}
#connectedNav ul li a:visited:hover {
	color: #E5007E;
}
#connectedNav ul ul li a:hover,
#connectedNav ul ul li a:visited:hover {
	color: #ffffff;
	background-color: #E5007E;
}
#connectedNav ul li a:not(:only-child):after,
#connectedNav ul li a:visited:not(:only-child):after {
  padding-left: 4px;
  content: ' ▾';
}
#connectedNav ul li ul li {
  min-width: 190px;
}
#connectedNav ul li ul li a {
  padding: 15px 15px 15px 25px;
  line-height: 20px;
}
.connectedNavDropdown {
  position: absolute;
  display: none;
  z-index: 1;
  background: #000000;
}
#connectedNav ul li a.downloadNavButton {
	color: #ffffff;
	background-color: #E5007E;
	padding: 5px 70px 5px 70px;
	line-height: 26px;
	margin: 0px 0px 0px 0px;
	margin-left: 25px;
}
#connectedNav ul li a.downloadNavButton:hover {
	color: #E5007E;
	background-color: #ffffff;
}
/* Mobile navigation */
.connectedNavMobile {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background: #000000;
  height: 26px;
  width: 26px;
}
/*---- Hero Styles ----*/
.connectedTemplateFadeIn, 
.connectedTemplateFadeInSlide {
  -webkit-animation-duration: 4s;
  -webkit-animation-delay: 1s;
  -moz-animation-duration: 4s;
  -moz-animation-delay: 1s;
  -o-animation-duration: 4s;
  -o-animation-delay: 1s;
} 
#connectedTemplateHeroContainer {
	background: #000000 url('../images/hero_img.png') no-repeat; 
	background-position: top center;
	width: 100%;
	padding: 320px 0px 0px 0px;
}
#connectedTemplateHeroContainer h1 {
	padding: 0px 0px 40px 0px;
}
#connectedTemplateHeroContainer h3 {
	padding: 25px 0px 220px 0px;
	font-family: "KantarBrownWeb-Bold", Arial, Helvetica, sans-serif;
	line-height: 50px;
}
/*---- Secondary Nav Styles ----*/
#connectedSecondaryNav ul  {
	text-align: center;
	display: table;
  	width: 100%;
	font-family: "KantarBrownWeb-Bold", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 26px;
	margin-left: 0px;
	padding: 20px 0px 0px 0px;
}
#connectedSecondaryNav ul li {
    display: table-cell;
	vertical-align: middle;
	padding: 0px 0px 20px 0px;
}
#connectedSecondaryNav ul li:last-child  {
	padding: 0px 0px 0px 0px;
}
#connectedSecondaryNav ul li .connectedNavIcon {
	text-align: center;
	vertical-align: middle;
	height: 220px;
	display: table-cell;
	opacity: .7;
}
.connectedNavIcon img {
	width: 100%;
}

#connectedSecondaryNav ul li a:hover span.connectedNavIcon {
	opacity: 1;
}
#connectedSecondaryNav ul li .connectedNavText {
	display: block;
	text-align: center;
	color: #ffffff;
}
#connectedSecondaryNav ul li a:link, #connectedSecondaryNav ul li a:visited {
    color: #ffffff !important;
	text-decoration: none;
}
#connectedSecondaryNav ul li a span.connectedNavText {
	color: #ffffff;
	text-decoration: none;
}
#connectedSecondaryNav ul li a.baseConsumersColor:hover span.connectedNavText {color: #4655a5 !important;} /* Technology */
#connectedSecondaryNav ul li a.baseConnectionsColor:hover span.connectedNavText {color: #7a2280 !important;} /* Data */
#connectedSecondaryNav ul li a.baseContentColor:hover span.connectedNavText {color: #3eb1cc !important;} /* What I see */
#connectedSecondaryNav ul li a.baseCommerceColor:hover span.connectedNavText {color: #343C80 !important;} /* Money */

/*---- Content Styles----*/
.connectedTemplateContentContainer header {
	width: 100%;
	padding: 80px 0px 30px 0px;
}
.connectedTemplateContentContainer header .connectedTemplateContentWrapper {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.connectedTemplateContentContainer header h2 {
	font-family: "KantarBrownWeb-Regular", Arial, Helvetica, sans-serif;
	font-size: 120px;
	line-height: 120px;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
.connectedTemplateContentContainer header h3 {
	font-family: "KantarBrownWeb-Light", Arial, Helvetica, sans-serif;
	font-size: 40px;
	line-height: 50px;
	padding: 0px;
	margin: 0px;
}
.connectedTemplateContentContainer .connectedTemplateLeft {
	padding: 90px 0px 0px 0px;
}
.connectedTemplateLeft h2 {
	padding-bottom: 70px;
}
#connectedTemplateContentFive h2 {
	padding-bottom: 40px;
}
#connectedTemplateContentOne .connectedTemplateRight {
	background: url('../images/consumersBG.png') no-repeat;
	min-height: 998px;
	background-size: contain;
}
#connectedTemplateContentTwo .connectedTemplateRight {
	background: url('../images/connectionsBG.png') no-repeat;
	background-size: contain;
	min-height: 998px;
}
#connectedTemplateContentThree .connectedTemplateRight {
	background: url('../images/contentBG.png') no-repeat;
	background-size: contain;
	min-height: 998px;
}
#connectedTemplateContentFour .connectedTemplateRight {
	background: url('../images/commerceBG.png') no-repeat;
	background-size: contain;
	min-height: 998px;
}
/*---- Chart Styles ----*/
.connectedTemplateChart h4 {
	font-family: "KantarBrownWeb-Light", Arial, Helvetica, sans-serif;
	text-align: center;
}
.connectedTemplateChart p {
	text-align: center;
}
img.desktopChart {
	display: block !important;
	margin: 0px 0px 20px 0px;
}
img.mobileChart {
	display: none !important;
}
/*---- Slider Styles -----*/
.bx-wrapper {
	padding: 40px 23px 40px 23px !important;
	margin-top: 50px;
	background: url('../images/transparentBG.png') repeat; 
}
.bx-wrapper .bx-viewport {
	box-shadow: none !important;
	border: none !important;
	background: none !important;
	left: 0px !important;
    width: 99.9% !important;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 20px;
}
.connectedTemplateSlide {
	padding: 100px !important;
	
}
.connectedSlideImage {
		display: none !important;
}
/*---- Accordian Styles -----*/
.connectedAccordianTitle {
	display: none;
}
/*---- Form Styles -----*/
#connectedTemplateContentFive #connectedTemplateDownloadForm,
#connectedTemplateContactForm {
	padding: 0px; 
	margin: 50px 0px 0px 0px;
}
#connectedTemplateContentFive .connectedTemplateCell-4-of-12 {
	margin: 50px 0px 20px 0px;
}
#connectedTemplateHeroContainer h3.trustStatement {
	font-family: "KantarBrownWeb-Light", Arial, Helvetica, sans-serif;
    font-size: 30px;
    line-height: 40px;
    padding: 0px 0px 15px 0px;
}
/*---- Share Styles ----*/
p.connectedTemplateSmallText {
	font-size: .8em;
	line-height: 1.5em;
}
.connectedTemplateShareLinks p {
	text-align: center;
}
.connectedTemplateShareLinks ul {
	margin: 0 auto;
	text-align: center;
	list-style: none;
}
.connectedTemplateShareLinks ul li {
	display: inline-block;
  	margin: 0px auto;
	padding: 0px 5px 0px 5px;
}
/*---- Footer Styles ----*/
footer {
	background-color: #000000;
	padding: 15px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
}
footer p {
	font-size: 12px;
	color: #fff;
	padding: 0px;
	margin: 0px;
}
footer a:link, footer a:visited {
	color: #e5007e;
	text-decoration: none;
}
footer a:hover, footer a:active {
	color: #e5007e;
	text-decoration: underline;
}
footer ul {
	float: right;
}
footer ul li {
	display: inline-block;
  	margin: 0px 0px 0px 10px;
	width: 20px;
	height: 20px;
}

/*---- Responsive Grid Setup ----*/
/* Row Setup */
.connectedTemplateRow {
	clear: both;
	padding: 0px;
	margin: 0px;
}
/* Column Setup */
.connectedTemplateCol {
	display: block;
	float:left;
	margin: 0 0 0 1.6%;
}
.connectedTemplateCol:first-child { margin-left: 0; }

/* Grouping  */
.connectedTemplateGroup:before,
.connectedTemplateGroup:after { content:""; display:table; }
.connectedTemplateGroup:after { clear:both;}
.connectedTemplateGroup { zoom:1; /* For IE 6/7 */ }

/* Responsive Cell Setup */
.connectedTemplateCell-12-of-12 {
	width: 100%;
}
.connectedTemplateCell-11-of-12 {
  	width: 91.53%;
}
.connectedTemplateCell-10-of-12 {
  	width: 83.06%;
}
.connectedTemplateCell-9-of-12 {
  	width: 74.6%;
}
.connectedTemplateCell-8-of-12 {
  	width: 66.13%;
}
.connectedTemplateCell-7-of-12 {
  	width: 57.66%;
}
.connectedTemplateCell-6-of-12 {
  	width: 49.2%;
}
.connectedTemplateCell-5-of-12 {
  	width: 40.73%;
}
.connectedTemplateCell-4-of-12 {
  	width: 32.26%;
}
.connectedTemplateCell-3-of-12 {
  	width: 23.8%;
}
.connectedTemplateCell-2-of-12 {
  	width: 15.33%;
}
.connectedTemplateCell-1-of-12 {
  	width: 6.866%;
}

/*---- Responsive Styles - Max Width 1024px----*/
@media screen and (max-width: 1024px) {
	/*--- Navigation ---*/
	.connectedNavMobile {
    	display: block !important;
  	}
  	#connectedNav {
		width: 100%;
		padding: 26px 0 15px !important;
  	}
  	#connectedNav ul {
    	display: none;
  	}
	.connectedNavList {
		padding-top: 20px !important;
		background-color: #000;
	}
  	#connectedNav ul li {
    	float: none;
 	}
 	#connectedNav ul li a {
    	padding: 15px;
    	line-height: 20px;
 	}
  	#connectedNav ul li ul li a {
    	padding-left: 30px;
  	}
	#connectedNav ul li ul li {
	  padding: 0px 0px 0px 0px !important;
	}
  	.connectedNavDropdown {
    	position: static;
  	}
  	#connectedNav ul li a:hover,
  	#connectedNav ul li a:visited:hover {
  		color: #E5007E;
	}
  	#connectedNav ul li a:visited:hover {
		color: #ffffff;
		background-color: #E5007E;
	}
	#connectedNav ul li a.downloadNavButton {
		color: #ffffff !important;
		background-color: #000000 !important;
		padding: 0px 25px 0px 15px;
		line-height: 50px !important;
		margin-left: 0px !important;
	}
	#connectedNav ul li a.downloadNavButton:hover {
		color: #ffffff !important;
		background-color: #E5007E !important;
	}
	#connectedNavToggle {
		position: absolute;
		left: -40px;
		top: 15px;
		cursor: pointer;
		padding: 20px 0px 0px 0px;
	}
	#connectedNavToggle span,
	#connectedNavToggle span:before,
	#connectedNavToggle span:after {
		cursor: pointer;
		border-radius: 1px;
		height: 5px;
		width: 26px;
		background: #ffffff;
		position: absolute;
		display: block;
		content: '';
		transition: all 300ms ease-in-out;
	}
	#connectedNavToggle span:before {
	  	top: -10px;
	}
	#connectedNavToggle span:after {
	  	bottom: -10px;
	}
	#connectedNavToggle.active span {
	  	background-color: transparent;
	}
	#connectedNavToggle.active span:before, #connectedNavToggle.active span:after {
	  	top: 0;
	}
	#connectedNavToggle.active span:before {
	  	transform: rotate(45deg);
	}
	#connectedNavToggle.active span:after {
	  	transform: rotate(-45deg);
	}
	/*---- Hero Styles ----*/
	#connectedTemplateHeroContainer {
		background: #000000 url('../images/hero_img_tablet.png') no-repeat; 
		background-position: top center;
		padding: 150px 0px 0px 0px;
	}
	#connectedTemplateHeroContainer .connectedTemplateCell-6-of-12,
	#connectedTemplateHeroContainer .connectedTemplateCell-7-of-12 {
		width: 66.13%;
	}
	#connectedTemplateHeroContainer h3 {
		padding: 25px 0px 75px 0px;
		line-height: 45px;
	}
	/*---- Content ----*/
	h1 {
		font-size: 55px;
		line-height: 65px;
	}
	h2 {
		font-size: 35px;
		line-height: 45px;
	}
	#connectedTemplateHeroContainer h3.trustStatement,
	h3 {
		font-size: 25px;
		line-height: 35px;
		padding: 0px 0px 15px 0px;
	}
	h4 {
		font-size: 24px;
		line-height: 29px;
		padding: 0px 0px 20px 0px;
	}
	h5 {
		font-size: 18px;
		line-height: 28px;
		padding: 0px 0px 20px 0px;
	}
	p {
		font-size: 18px;
		line-height: 28px;
		padding: 0px 0px 20px 0px;
	}
	ul, dl, ol {
		font-size: 18px;
		line-height: 28px;
		padding-bottom: 15px;
	}
	table {
		font-size: 16px;
	}
	.connectedTemplateContentContainer header h2 {
		font-size: 110px;
		line-height: 110px;
	}
	.connectedTemplateContentContainer header h3 {
		font-size: 30px;
		line-height: 40px;
		text-align: center;
	}
	/*---- Slider Styles ----*/
	.connectedTemplateSlide {
		padding: 40px !important;
	}
	/*---- Form Styles ----*/
	#connectedTemplateDownloadForm {
		height: 300px !important;
	}
	#connectedTemplateContactForm {
		height: 800px !important;
	}
	
	/*---- Footer ----*/
	footer.connectedTemplateContentWrapper ul {
		float: none;
		margin: 0px auto;
		padding: 0px;
		text-align: center;
	}
	footer.connectedTemplateContentWrapper ul li {
		padding: 0px;
	}
	footer.connectedTemplateContentWrapper .connectedTemplateCell-5-of-12, 
	footer.connectedTemplateContentWrapper .connectedTemplateCell-2-of-12 {
		width: 100% !important;
		text-align: center;
	}
	footer.connectedTemplateContentWrapper .connectedTemplateCol {
    	margin: 0px 0px 0px 0px !important;
	}
	footer ul li:first-child {
		margin-left: 0px;
	}
}

/*---- Responsive Styles - Max Width 768px----*/
@media screen and (max-width: 768px) {
	/*---- Navigation ----*/
	#connectedNavToggle {
		left: -20px;
		padding: 20px 0px 0px 0px;
	}
	/*---- Secondary Navigation ----*/
	#connectedSecondaryNav .connectedTemplateCell-3-of-12 {
		width: 49.2%;
	}
	#connectedSecondaryNav ul li .connectedNavIcon {
		text-align: left !important;
		vertical-align: middle !important;
		height: auto !important;
		float: left;
		width: 49.2%;
	}
	#connectedSecondaryNav ul li .connectedNavText {
		text-align: left !important;
		width: 49.2%;
		float: right;
		margin: 30% 0px 0px 0px;
	}
	#connectedSecondaryNav .connectedTemplateCol:nth-child(3) { margin-left: 0; }
	/*---- Hero Styles ----*/
	#connectedTemplateHeroContainer {
		background: #000000 url('../images/hero_img_lg-mobile.png') no-repeat;
		background-position: top center;
		padding: 100px 0px 0px 0px;
	}
	#connectedTemplateHeroContainer .connectedTemplateCell-10-of-12 {
		width: 100%;
		margin-left: 0px;
	}
	#connectedTemplateHeroContainer .connectedTemplateCell-6-of-12,
	#connectedTemplateHeroContainer .connectedTemplateCell-7-of-12 {
		width: 83.06%;
	}
	#connectedTemplateHeroContainer h3 {
		line-height: 40px;
	}
	/*---- Content ----*/
	.connectedTemplateContentWrapper,
	.connectedTemplateContentContainer .connectedTemplateContentWrapper {
		padding: 20px 20px 20px 20px;
	}
	.connectedTemplateCTAButton {
		padding: 20px 0px 0px 0px !important;
		float: none !important;
	}
	h1 {
		font-size: 50px;
		line-height: 60px;
	}
	h2 {
		font-size: 30px;
		line-height: 40px;
	}
	#connectedTemplateHeroContainer h3.trustStatement,
	h3 {
		font-size: 22px !important;
		line-height: 32px;
	}
	h4 {
		font-size: 20px;
		line-height: 25px;
	}
	h5, p, ul, dl, ol {
		font-size: 16px;
		line-height: 26px;
	}
	table {
		font-size: 14px;
	}
	.connectedTemplateContentContainer header h2 {
		font-size: 100px;
		line-height: 100px;
	}
	.connectedTemplateContentContainer header h3 {
		font-size: 25px;
		line-height: 35px;
		text-align: center;
	}
	.connectedTemplateContentContainer .connectedTemplateCell-3-of-12,
	.connectedTemplateContentContainer .connectedTemplateCell-4-of-12,
	.connectedTemplateContentContainer .connectedTemplateCell-7-of-12,
	.connectedTemplateContentContainer .connectedTemplateCell-8-of-12 {
		width: 100%;
		margin-left: 0px;
	}
	#connectedTemplateContentFive .connectedTemplateCell-1-of-12 {
		display: none;
	}
	/*---- Slider ----*/
	.connectedTemplateSlide {
		padding-bottom: 0px !important;
	}
	.connectedSliderOneBtn, .connectedSliderTwoBtn, .connectedSliderThreeBtn, .connectedSliderFourBtn {
		display: none;
	}
	#connectedSliderOne, #connectedSliderTwo, #connectedSliderThree, #connectedSliderFour {
		opacity: 1;
	}
	#connectedTemplateContentOne .connectedTemplateRight, 
	#connectedTemplateContentTwo .connectedTemplateRight, 
	#connectedTemplateContentThree .connectedTemplateRight, 
	#connectedTemplateContentFour .connectedTemplateRight {
		background: none !important;
		min-height: 100px;
	}
	.connectedSlideImage {
		display: block !important;
	}
	.connectedTemplateSlide {
		padding: 0px !important;
	}
	/*---- Chart Styles ----*/
	img.desktopChart {
		display: none !important;
	}
	img.mobileChart {
		display: block !important;
		margin: 0px auto;
		margin-bottom: 20px;
	}
	/*---- Accordian Styles -----*/
	.connectedAccordianTitle {
		display: block;
		cursor: pointer;
		padding: 10px;
		margin: 0px 0px 20px 0px;
	}
	/*---- Form Styles ----*/
	#connectedTemplateContactForm,
	#connectedTemplateContentFive #connectedTemplateDownloadForm {
		padding: 0px; 
		margin: 20px 0px 0px 0px;
	}
	#connectedTemplateContentFive .connectedTemplateCell-3-of-12 {
		margin: 0px 0px 20px 0px;
	}
	/*---- No Padding Styles ----*/
	.connectedTemplateNoPaddingTop {
		padding-top: 0px !important;
	}
	.connectedTemplateNoPaddingBottom {
		padding-bottom: 0px !important;
	}
}
/*---- Responsive Styles - Max Width 480px----*/
@media screen and (max-width: 480px) {
	/*---- Branding Bar Styles ----*/
	#connectedTemplateSticker, #connectedTemplateTopSticker {
		height: 76px;
	}
	/*---- Navigation ----*/
	#connectedNavToggle {
		left: -25px;
		padding: 20px 0px 0px 0px;
	}
	#connectedNavToggle span,
	#connectedNavToggle span:before,
	#connectedNavToggle span:after {
	  width: 30px;
	}
	/*---- Hero Styles ----*/
	#connectedTemplateHeroContainer {
		background: #000000 url('../images/hero_img_sm-mobile.png') no-repeat;
		background-position: top center;
		padding: 50px 0px 0px 0px;
	}
	#connectedTemplateHeroContainer .connectedTemplateCell-6-of-12,
	#connectedTemplateHeroContainer .connectedTemplateCell-7-of-12 {
		width: 100%;
		margin-left: 0px;
	}
	h1 {
		font-size: 45px;
		line-height: 55px;
	}
	/*---- Secondary Navigation ----*/
	#connectedSecondaryNav .connectedTemplateCell-3-of-12 {
		width: 100%;
		margin-left: 0px;
	}
	#connectedSecondaryNav ul li .connectedNavIcon {
		width: 32.26% !important;
		float: right;
	}
	#connectedSecondaryNav ul li .connectedNavText {
		width: 66.13% !important;
		margin: 25% 0px 0px 0px;
	}
	/*---- Content ----*/
	.connectedTemplateButton {
		width: 100% !important;
		padding: 8px 0px 8px 0px !important;
	}
	.connectedTemplateContentContainer {
		padding-top: 76px !important;
		margin-top: -76px !important;
	}
	.connectedTemplateContentContainer header h2 {
		font-size: 80px;
		line-height: 80px;
	}
}
/*---- Responsive Styles - Max Width 390px----*/
@media screen and (max-width: 390px) {
	#connectedTemplateHeroContainer .connectedTemplateCell-9-of-12 {
		width: 100%;
		margin-left: 0px;
	}
	h1 {
		font-size: 45px;
		line-height: 55px;
	}
}
/*---- Styles for Nav----*/  	
@media screen and (min-width: 1025px) {
	.connectedNavList {
    	display: block !important;
  	}
}

/*---- Form Styles - Max Width 850px----*/
@media screen and (max-width: 850px) and (min-width: 768px) {
	#connectedTemplateDownloadForm {
		height: 570px !important;
	}
	#connectedTemplateContactForm {
		height: 800px !important;
	}
}
@media screen and (max-width: 490px) {
	#connectedTemplateDownloadForm {
		height: 570px !important;
	}
	#connectedTemplateContactForm {
		height: 800px !important;
	}
}