meta.foundation-mq-small {
  font-family: "/only screen and (max-width: 375px)/";
  width: 0em; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:376px)/";
  width: 376px; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:769px)/";
  width: 769px; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.063em)/";
  width: 90.063em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.063em)/";
  width: 120.063em; }
  
meta.foundation-data-attribute-namespace {
  font-family: false; }

html, body {
  height: 100%; }

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  font-size: 100%; }

body {
  background: white;
  color: #333333;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica,'Lato',Arial,sans-serif;
  font-weight: normal;
	font-weight: 400;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default;
	 -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
		 }
	
	
/* Test Code */
/*body {
  overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
	}*/

a:hover {
  cursor: pointer; }

img,
object,
embed {
  max-width: 100%;
  height: auto; }

object,
embed {
  height: 100%; }

img {
  -ms-interpolation-mode: bicubic; }

.left {
  float: left !important; }

.right {
  float: right !important; }

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

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

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

.text-justify {
  text-align: justify !important; }

.hide {
  display: none; }

.start {
  float: left !important; }

.end {
  float: right !important; }

.text-start {
  text-align: left !important; }

.text-end {
  text-align: right !important; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  
.center {
display:block ;
margin-left:auto ;
margin-right:auto ;
margin-top:auto;
margin-bottom:auto;
}

/*.row {
  min-width: 1000 !important;
}*/

.row {
  max-width: 1024px !important;
	padding-left:0;
	padding-right:0;
/*	padding-left: 20px;
	padding-right: 20px;*/
}

.div  {
  max-width: 1024px;
  margin: auto;
  padding-left: 20px;
	padding-right: 20px;
}

.home-content h1 {
  line-height:100%;
  margin-top:0;
  margin-bottom:54px;
}

.home-content img {
  display: inline-block;
}

.home-content .start-image {
  display: inline-block;
}

.home-content .columns {
  padding: 0;
}


/* used when image sits top aligned to the side of header */
.sm-space-above {
	padding-top: .75rem;
}

/* used when image sits next to bullet list with header centered above */
.space-above {
	padding-top: 3.375rem;
}

/* used when image sits on one side while header and list are on other side */
.more-space-above {
	padding-top: 5.375rem;
}

/* used when header sits centered above bullet list and image with no intro text in-between */
.snug-bottom {
	padding-bottom:0;
	margin-bottom: 0;
}

.space-below {
	padding-bottom: 1.25rem;
	}
	
.more-space-below {
	padding-bottom: 3.5rem;
	}
	
.noRLpad {
	padding-left:0;
	padding-right:0;
}

.logoCircle {
  -webkit-border-top-left-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-bottom-left-radius: 1000px;

  -moz-border-radius-topleft: 1000px;
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -moz-border-radius-bottomleft: 1000px;

  border-top-left-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-bottom-left-radius: 1000px;
  
  width: 80px;
  height: 80px;
  line-height: 80px;
}

.smallCircle {
  -webkit-border-top-left-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-bottom-left-radius: 1000px;

  -moz-border-radius-topleft: 1000px;
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -moz-border-radius-bottomleft: 1000px;

  border-top-left-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-bottom-left-radius: 1000px;
  
  width: 35px;
  height: 35px;
  line-height: 35px;
}

.pillBoxLeft {
  -moz-border-radius-topleft: 1000px;
  -moz-border-radius-bottomleft: 1000px;
  -webkit-border-top-left-radius: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
}

.pillBoxRight {
	 -moz-border-radius-topright: 1000px;
	 -moz-border-radius-bottomright: 1000px;
	 -webkit-border-top-right-radius: 1000px;
	 -webkit-border-bottom-right-radius: 1000px;
	 border-top-right-radius: 1000px;
	 border-bottom-right-radius: 1000px;
}

img {
	display: inline-block;
	vertical-align: auto;
}

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99; }

.js-generated {
  display: block; }

/*background: url(../img/new.png) no-repeat right top;*/

/* HOME PAGE BANNER IMAGES */
.banner.bannerHome {
	background-color: rgba(70, 74, 78, .9);
	background-repeat: no-repeat;
	background-position:center;
	background-size:cover;
}

.bannerIllustration_1 {
	background-image: url("../img/banners/home_alta_ui_2560.jpg");
}

.bannerIllustration_2 {
	background-image: url("../img/banners/home_style_2560.jpg");
}

.bannerIllustration_3 {
	background-image: url("../img/banners/home_patterns_2560.jpg");
}

.bannerIllustration_4 {
	background-image: url("../img/banners/home_examples_2560.jpg");
}

.bannerIllustration_5 {
	background-image: url("../img/banners/home_technology_2560.jpg");
}

.bannerIllustration_6 {
	background-image: url("../img/banners/home_get_started_2560.jpg");
}


/* Panels */

.banner {
	border-bottom:0px; 
	padding-left: 0px;
	padding-bottom: .5rem;
	padding-top:0; 
	margin-top:4rem;
}

.bannerShort {
	margin-top: 4rem;
	height: 180px;
	}
	
.space-above-jumpBan {
	margin-top: 4rem;
	}

.teal {
	/* hex equiv of rgb below  background-color:#2db3ac; */
	background-color: rgba(45, 179, 172, 1.0);
}

.panelLtTeal {
	/*background-color:#c7e7e9;*/
	background-color: rgba(45, 179, 172, .2);
	border-bottom:0px; 
	margin-top:0;
	padding-top:.6875rem; 
	padding-left: 0px;
	padding-bottom: .5rem;
	/*margin-bottom: 1.25rem;*/
}

.ltGreen {
	/* hex equiv of rgb below  background-color:#????; */
	background-color: rgba(155, 197, 93, 1.0);
}

.ltGreenAccent {
	/* hex equiv of rgb below  background-color:#????; */
	background-color: rgba(155, 197, 93, .2);
}

.panelLtGreen {
	/*background-color:#???;*/
	background-color: rgba(155, 197, 93, .2);
	border-bottom:0px; 
	margin-top:0;
	padding-top:.6875rem; 
	padding-left: 0px;
	padding-bottom: .5rem;
	/*margin-bottom: 1.25rem;*/
}

.bannerLemonLime {
	/* hex equiv of rgb below background-color:#dee02c; */
	background-color: rgba(222, 224, 44, .8);
	border-bottom:0px; 
	margin-top:0;
	padding-top:.6875rem; 
	padding-left: 0px;
	padding-bottom: .5rem;
	/*border-bottom:1px solid #fcc924;*/
	/*padding-top: .6875rem;*/
	/*box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);*/
	/*margin-bottom: 1.25rem;*/
}

.panelLtLemonLime {
	/*background-color:#e9f0b9;*/
	background-color: rgba(222, 224, 44, .2); 
	border-bottom:0px; 
	margin-top:0;
	padding-top:.6875rem; 
	padding-left: 0px;
	padding-bottom: .5rem;
	/*border-bottom:1px solid #fcc924;*/
	/*padding-top: .6875rem;*/
	/*box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);*/
	/*margin-bottom: 1.25rem;*/
}

.peach {
	/* hex equiv of rgb below background-color:#f09543;*/
	background-color: rgba(240, 149, 67, 1.0); 
}

.panelLtPeach {
	/*background-color:#fae2c3;*/
	background-color: rgba(240, 149, 67, .2);
	border-bottom:0px; 
	margin-top:0;
	padding-top:.6875rem; 
	padding-left: 0px;
	padding-bottom: .5rem;
	/*border-bottom:1px solid #fcc924;*/
	/*padding-top: .6875rem;*/
	/*box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);*/
	/*margin-bottom: 1.25rem;*/
}

.pink {
	/* hex equiv of rgb below background-color:#e85c63;*/ 
	background-color: rgba(232, 92, 99, 1.0);
}

.panelLtPink {
	/*background-color:#f6ccc2;*/ 
	background-color: rgba(232, 92, 99, .2);
	border-bottom:0px; 
	margin-top:0;
	padding-top:.6875rem; 
	padding-left: 0px;
	padding-bottom: .5rem;
	/*border-bottom:1px solid #fcc924;*/
	/*padding-top: .6875rem;*/
	/*box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);*/
	/*margin-bottom: 1.25rem;*/
}

.brightBlue {
	/* hex equiv of rgb below background-color:#13b6cf;*/ 
	background-color: rgba(19, 182, 207, 1.0);
}

.panelLtBrightBlue {
	/*background-color:#c6e8f5; hex equiv of below*/
	background-color: rgba(19, 182, 207, .2); 
	border-bottom:0px; 
	margin-top:0;
	padding-top:.6875rem; 
	padding-left: 0px;
	padding-bottom: .5rem;
	margin-bottom: 1rem;
	/*border-bottom:1px solid #fcc924;*/
	/*padding-top: .6875rem;*/
	/*box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);*/
}

.panelMessageLtBrightBlue {
	/*background-color:#c6e8f5; hex equiv of below*/
	background-color: rgba(19, 182, 207, .15); 
	border-bottom:0px; 
	margin-top:0;
	padding-top:.6875rem; 
	padding-left: 0px;
	padding-bottom: .5rem;
	margin-bottom: 1rem;
	/*border-bottom:1px solid #fcc924;*/
	/*padding-top: .6875rem;*/
	/*box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);*/
}

.darkBlue {
	/* hex equiv of rgb below background-color:#309fdb;*/ 
	background-color: rgba(48,159,219, 1.0);
}


.panelLightDarkBlue {
	background-color: rgba(48,159,219, .2);
	border-bottom:0px; 
	margin-top:0;
	padding-top:.6875rem; 
	padding-left: 0px;
	padding-bottom: .5rem;
	/*margin-bottom: 1.25rem;*/
}

/* Panels with hex colors instead of rgba are from Dave's mobile CSS */
.panelLtDarkBlue {
	background-color: #c5d9ee;
	border-bottom:0px; 
	margin-top:0;
	padding-top:.6875rem; 
	padding-left: 0px;
	padding-bottom: .5rem;
	/*margin-bottom: 1.25rem;*/
}

.bannerForestGreen {
	/*background-color: #3caf85; hex equiv of below*/
	background-color: rgba(60, 175, 133, 1.0);
	border-bottom:0px; 
	margin-top:0;
	padding-top:.6875rem; 
	padding-left: 0px;
	padding-bottom: .5rem;
	/*border-bottom:1px solid #fcc924;*/
	/*padding-top: .6875rem;*/
	/*box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);*/
	/*margin-bottom: 1.25rem;*/
}


.panelLightForestGreen {
	background-color: rgba(60, 175, 133, .2);
	border-bottom:0px; 
	margin-top:0;
	padding-top:.6875rem; 
	padding-left: 0px;
	padding-bottom: .5rem;
	/*margin-bottom: 1.25rem;*/
}
/* Panels with hex colors instead of rgba are from Dave's mobile CSS */
.panelLtForestGreen {
	background-color: #c7e4de;
	border-bottom:0px; 
	margin-top:0;
	padding-top:.6875rem; 
	padding-left: 0px;
	padding-bottom: .5rem;
	/*margin-bottom: 1.25rem;*/
}


.bannerMediumOrange {
	/*background-color: #e95b54; hex equiv of below*/
	background-color: rgba(233, 91, 84, 1.0);
	border-bottom:0px; 
	margin-top:0;
	padding-top:.6875rem; 
	padding-left: 0px;
	padding-bottom: .5rem;
	/*border-bottom:1px solid #fcc924;*/
	/*padding-top: .6875rem;*/
	/*box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);*/
	/*margin-bottom: 1.25rem;*/
}

.panelLightMediumOrange {
	background-color: rgba(233, 91, 84, .2);
	border-bottom:0px; 
	margin-top:0;
	padding-top:.6875rem; 
	padding-left: 0px;
	padding-bottom: .5rem;
	/*margin-bottom: 1.25rem;*/
}
/* Panels with hex colors instead of rgba are from Dave's mobile CSS */
.panelLtMediumOrange {
	background-color: #f6cab7;
	border-bottom:0px; 
	margin-top:0;
	padding-top:.6875rem; 
	padding-left: 0px;
	padding-bottom: .5rem;
	/*margin-bottom: 1.25rem;*/
}

.bannerPurple {
	/* hex equiv of rgb below background-color:#5a68ad;*/ 
	background-color: rgba(90, 104, 173, 1.0);
	border-bottom:0px; 
	margin-top:0;
	padding-top:.6875rem; 
	padding-left: 0px;
	padding-bottom: .5rem;
	/*border-bottom:1px solid #fcc924;*/
	/*padding-top: .6875rem;*/
	/*box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);*/
	/*margin-bottom: 1.25rem;*/
}

.purple {
	/* hex equiv of rgb below background-color:#5a68ad;*/ 
	background-color: rgba(90, 104, 173, 1.0);
}

.panelLightPurple {
	background-color: rgba(90, 104, 173, .2);
	border-bottom:0px; 
	margin-top:0;
	padding-top:.6875rem; 
	padding-left: 0px;
	padding-bottom: .5rem;
	/*margin-bottom: 1.25rem;*/
}
/* Panels with hex colors instead of rgba are from Dave's mobile CSS */
.panelLtPurple {
	background-color: #c5c3df;
	border-bottom:0px; 
	margin-top:0;
	padding-top:.6875rem; 
	padding-left: 0px;
	padding-bottom: .5rem;
	/*margin-bottom: 1.25rem;*/
}


.raspberry {
	/* hex equiv of rgb below background-color:#e85d88;*/ 
	background-color: rgba(232, 93, 136, 1.0);
}

.panelLightRaspberry {
	background-color: rgba(232, 93, 136, .2);
	border-bottom:0px; 
	margin-top:0;
	padding-top:.6875rem; 
	padding-left: 0px;
	padding-bottom: .5rem;
}

/* Panels with hex colors instead of rgba are from Dave's mobile CSS */
.panelLtRaspberry {
	background-color: #f6ced2;
	border-bottom:0px; 
	margin-top:0;
	padding-top:.6875rem; 
	padding-left: 0px;
	padding-bottom: .5rem;
}


.secondaryNavTopSm {
	/*background-color:#ffffff;*/ 
	margin-bottom: 1px;
	padding-top: 2px;
	/* commenting out box per vis D recommendation
	border:1px solid #d6dfe6; 
	border-radius: 3px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
	*/
	/*padding-top: 7px;*/
	/*padding-left: 10px;*/

}

.siteNav {
	background-color:#ffffff; 
	border:1px solid #d6dfe6; 
	border-radius: 3px;
	padding-top: 10px;
	padding-left: 10px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
	margin-bottom: 1px;
}

.siteNavSm {
	background-color:#ffffff; 
	/* commenting out box per vis D recommendation
	border:1px solid #d6dfe6; 
	border-radius: 3px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
	*/
	padding-top: 2px;
	/*padding-top: 7px;*/
	padding-left: 10px;
	margin-bottom: 1px;
}

.grayPanel {
	background-color:#f5f5f5; 
	border:1px solid #d6dfe6; 
}


.ltGrayPanel {
	background-color:#E5E5E5; 
	border:1px solid #d6dfe6; 
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}

.grayBluePanel {
	background-color:#f6f9fc; 
	border:1px solid #d6dfe6; 
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}

.whitePanel {
	background-color:#ffffff; 
    /*border:1px solid #d6dfe6;*/ 
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}

/* info panel with no bells or whistles */
.basicInfoPanel {
	margin-bottom: 20px;
	padding-top: 10px;
	padding-left: 10px; }

/* info panel with right border */
.basicRtBorderInfoPanel {
	border-right: 1px solid #d6dfe6;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-left: 10px;
}

/*
.panel {
	border-style: solid;
	border-width: 1px;
	border-color: #D6DFE6;
	margin-bottom: 0.75px;
	padding: 0.5rem;
	background: #f5f5f5;
} */

.grayBlueInfoPanel {
 	background-color:#f6f9fc; 
	border-style: solid;
	border-width: 1px;
	border-color: #D6DFE6;
    border-radius: 3px;
	margin-bottom: 1.25rem;
	padding-top: .625rem;
	padding-left: .625rem;
}

.ltGrayInfoPanel {
 	background-color:#f7f7f7; 
	border:1px solid #d6dfe6;
    border-radius: 3px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-left: 10px;
}

.LtBlueInfoPanel {
 	background-color:#E8F2FB; 
	border:1px solid #d6dfe6;
    border-radius: 3px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-left: 10px;
}

.goldenInfoPanel {
	background: rgba(249, 192, 0, .05);
	border:1px solid #d6dfe6;
    border-radius: 3px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-left: 10px;
}

.blueInfoPanel {
	background: rgba(0, 135, 208, .05);
	border:1px solid #d6dfe6;
    border-radius: 3px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-left: 10px;
}
.greenInfoPanel {
	background: rgba(0, 150, 54, .05);
	border:1px solid #d6dfe6;
    border-radius: 3px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-left: 10px;
}


.magentaInfoPanel {
 	background-color:#E4C8DF; 
	border:1px solid #d6dfe6;
    border-radius: 3px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-left: 10px;
}

.infoPanel {
 background-color:#ffffff; 
 border-bottom:1px solid #ffffff;
 margin-top: 10px;
 padding: 10px;
 border-radius: 3px;
 border: 1px solid #d6dfe6;
}

.yellowNotePanel {
	background: rgba(255, 244, 146, .3);
	/* hex equiv is #fff492 */
	border:1px solid #d6dfe6;
  border-radius: 3px;
	margin-bottom: 1rem;
	margin-left: 0;
	margin-right: .75rem;
	margin-top: .5rem;
	padding-top: .5rem;
	padding-bottom: .5rem;
	padding-left: 1rem;
	padding-right: .5rem;
}

.imgPanelLtBlu {
	background-color: #E8F2FB;
	border-bottom:1px solid #ffffff;
	margin-top: 10px;
	margin-left: 0;
	padding: 10px;
	border-radius: 3px;
    border: 1px solid #d6dfe6;
}
	
.imgPanelGray {
	background-color: #EFF2F5;
	border-bottom:1px solid #ffffff;
	margin-top: 10px;
	padding: 10px;
	border-radius: 3px;
    border: 1px solid #d6dfe6;
}

.panel {
	border-style: solid;
	border-width: 1px;
	border-color: #D6DFE6;
	margin-bottom: 0.75px;
	padding: 0.5rem;
	background: #f5f5f5;
}
  .panel > :first-child {
    margin-top: 0; }
  .panel > :last-child {
    margin-bottom: 0; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
    color: #333333; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
    line-height: 1;
    margin-bottom: 0.625rem; }
    .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
      line-height: 1; }
  .panel.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px; }

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
	padding-left:inherit; }

/* Default Link Styles */
a {
  color: #0572ce;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #0572ce; }
  a img {
    border: none; }
	
/* once used for Secondary Nav Link Styles */
a.darkblue {
  color: #145c9e;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #145c9e; }
  a img {
    border: none; }

/* Default paragraph styles */
p {
	font-family: inherit;
	font-size: 1rem;
	color: #333333;
	font-weight: normal;
	font-style: normal;
	line-height: 1.75;
	letter-spacing: 0 em;
	margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility; 
}

/*{
  font-family: inherit;
  font-weight: normal;
	font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility; 
}*/
/*  p font size was font-size: .875rem; */


  p.lead {
    font-size: 1.21875rem;
    line-height: 1.6; }
  p aside {
    font-size: 0.875rem;
    line-height: 1.35;
    font-style: italic; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
	font-family: "Helvetica Neue", "Helvetica", Helvetica, 'Lato', Arial, sans-serif;
	font-weight:normal;
	font-style: normal;
	color:#454545;
	/* color: #252525; */
	text-rendering: optimizeLegibility;
	margin-top: 0.2rem;
	margin-bottom: 0.75rem;
	line-height: 1.4;
}

h4.Nav {
	/* (commenting out so default color will be used) color: #4f4f4f;*/
	line-height:10px;
	padding-top: 5px;
}

h4.NavSm {
	/* (commenting out so default color will be used) color: #4f4f4f;*/
	line-height:0px;
	padding-top: 0px;
}

h4.secondaryNavSm {
	color: #64696D;
	margin-bottom: .5rem;
	padding-top:0px;
	font-weight:bold;
}
 
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    /* (commenting out so default color will be used) color: #6f6f6f;*/
    line-height: 0; }

/*h1 {
	font-size: 2.5rem;
	font-weight: normal;
	margin-top:1.375rem;
	margin-bottom:1.25rem;
}*/

h1 {
	font-family: HelveticaNeue-Thin, 'Lato', sans-serif;
	/*font-size: 36 px;*/
	font-weight:300;
	font-size: 2.25rem;
	color: #000000;
	font-style: normal;
	letter-spacing: 0em;
	line-height: 2.5rem;
}

h2 {
	font-family: HelveticaNeue, 'Lato', sans-serif;
  font-size: 1.25rem;
	font-weight:400;
	color: #000000;
	}

h3 {
  font-size: 1.125rem; }

h4 {
  font-size: 0.875rem; }

h5 {
  font-size: 0.75rem; }

h6 {
  font-size: 0.625rem; }

.subheader {
  line-height: 1.4;
  /* (commenting out so default color will be used) color: #6f6f6f;*/
	font-size: 1.125rem;
  font-weight: 300;
  margin-top: 0.2rem;
  /* margin-bottom: 0.5rem; */ 
  margin-bottom: .5rem;
  padding-top:0; }

hr {
  border: solid #D6DFE6;
  border-width: 1px 0 0;
  width: 100%;
  clear: both;
  margin: 1.25rem 0 1.1875rem;
  margin-left: 18px;
  margin-right: 18px;
  height: 0; }
  
hr.rowSeparator {
  border: solid #e0e2e4;
	width: auto;
  max-width:984px;
  position:relative;
  border-width: 1px 0 0;
  margin-top:0;
	padding-top:0;
	padding-bottom: 2rem;
	margin-bottom:0;
  }
	
hr.space-above {
	margin-top: 3.375rem;
	}
	
hr.connected-to-content-above {
	margin-top: 0;
	}
  
/* Center things on page
This may be useful information later. You can apply the following styling to HRs, banners or whatever to control width and to center the thing on the page. For width you can give an absolute # or percentage.

style="width:[ 500px | 40rem | 50% ]; position:relative; text-align:center;  margin: 0 auto;"

Example 
style="width:500px; position:relative; text-align:center;  margin: 0 auto;"
*/
  
hr.belowHeader {
  clear: both;
  border: solid #D6DFE6;
  width: 40%;
  text-align:right;
  margin-left:0;
  border-width: 1px 0 0px;
  margin: 10px 0px 10px;
  height: 1px; 
  }
  
hr.belowHeaderSm {
  clear: both;
  border: solid #D6DFE6;
  width: 40%;
  text-align:right;
  margin-left:0;
  border-width: 1px 0 0px;
  margin: 1px 0px 1px;
  height: 1px; 
  }
  
 hr.belowHeader2 {
  clear: both;
  border: solid #737373;
  width: 95%;
  text-align:right;
  margin-left:0;
  border-width: 1px 0 0px;
  margin: 10px 0px 10px;
  height: 1px; 
  }


/* Lists */
  ul.no-bullet {
  margin-left: 0;
	margin-bottom: 1.5625rem;
	font-size:1rem; 
	line-height:1.25;
	list-style:none; }
    ul.no-bullet li ul,
    ul.no-bullet li ol {
      margin-left: 1.25rem;
      margin-bottom: 0;
      list-style: none; 
	  }
  ul.no-bullet-smfont {
  margin-left: 0;
	margin-bottom: 25px;
	/*font-size:.9375rem;*/
	font-size:1rem;
	line-height:1.25;
	list-style:none }
    ul.no-bullet-smfont li ul,
    ul.no-bullet-smfont li ol {
      margin-left: 1.25rem;
      margin-bottom: 0;
      list-style: none; 
	  }

/* Unordered Lists */
ul.no-bullet {
  list-style: none; }
ul.no-bullet-nav {
  list-style: none; 
  margin-left: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: .8125rem; }
ul.no-bullet-navIndent {
  list-style: none; 
  margin-left: 5px;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: .8125rem; }

ul.no-bullet-small-list {
  list-style: none;
	/*list-style-position:inside;*/
  font-weight:400; 
  font-size: .875rem;
	text-align:left;
	padding-left:inherit;
	padding-right:inherit;
	padding-bottom: 2rem; }
	
ul.no-bullet-small-font {
  list-style: none; 
  font-weight:normal; 
  padding-bottom:4px;
  line-height: 1.5rem;
  margin-left: 0;
  margin-bottom:  1.125rem;
  /*font-size:.75rem;*/
	font-size:.875rem; }

ul.characteristics {
	font-family: HelveticaNeue, 'Lato', sans-serif;
	font-weight:400;
	font-size:1rem;
	line-height:1.5rem;
	letter-spacing:0em;
	list-style-type: disc;
	padding-top: 3rem;
	padding-bottom: 1rem;
	padding-left:inherit;
/*	list-style-position: inside;*/
	/*list-style-image: url(images/bullet.png);*/
}

ul.add-top {
	padding-top: 2.25rem;
	}

h2 + ul.characteristics {
	padding-top: 0;
	padding-right:inherit;
}

h1 + h2.subheader {
	padding-top: 2.5rem;
	padding-left:inherit;
}
	
    ul.no-bullet li ul,
    ul.no-bullet li ol {
      margin-left: 1.25rem;
      margin-bottom: 0;
      list-style: none; 
	  }
		
.divTable {
	padding-left: 0;
}
		
/*td + p {
		padding-left: 0;
		} 
*/
		
td ul.no-bullet-smfont {
	padding-left: 4px;
}

/* Ordered Lists */
	
ol.instructions {
	font-size: 1rem;
	list-style-position:inside;
}

/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
  display: none !important; }
	

/* Styles Added */

.question { 
	font-style:italic;
	color:#906;
	font-weight: bold;
	margin:0;
	padding:0;
}

.panel-question {
	background-color: #F9F;
	margin:0;
	padding:0;
}

.brandBar {
	background-color:#f5f5f5; 
	border-bottom:1px solid #FFFFFF; 
	padding-top:7px;
	padding-bottom:6px;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
	margin-left:auto;
	margin-right:auto;
	padding-left: 1rem;
	/*margin-bottom:2px;*/
	/*margin-bottom: 28px;*/
}

.brandBarRowCol {
	padding-left:0;
}

.top-nav-item1 {
	padding-left:3px;
}

.selected-nav-item {
	color:#000000; 
}

.title {
	font-size: 3.125rem; 
	color:#000000; 
	padding-top:0; 
	margin-top:50%;
	margin-bottom:0;
  line-height: 1.25;
	letter-spacing: 0.01 em; 
	padding-left: 8px;
}

.title.titleHome {
	color:#ffffff;
	margin-top: 40%;
	text-align:left;
	padding-left: 9px;
}

.title-stacked {
	font-size: 3.5rem; 
	color:#000000; 
	padding-top:0; 
	margin-top:0;
	margin-bottom:0;
  line-height: 1.25;
	letter-spacing: 0.01 em;
	text-align:left;
}

.titleShortBanner {
	margin-top: 0;
	color:#ffffff;
	padding-top:3rem;
}

.tagline {
	color:#000000; 
		font-size: 1.125rem;
		font-family: "Helvetica Neue",Helvetica,'Lato',Arial,sans-serif;
		font-weight: 400;
		margin-top:0;
		margin-bottom:0;
	  padding-left: 11px;
	}
	
	.tagline-stacked {
	color:#000000; 
		font-size: 1.125rem;
		font-family: "Helvetica Neue",Helvetica,'Lato',Arial,sans-serif;
		font-weight: 300;
		letter-spacing: 0em;
		margin-top:0;
		padding-bottom:5rem;
		text-align:left;
	}

.tagline.taglineHome {
	color:#ffffff;
	margin-top:0%;
	margin-bottom:40%;
	text-align:left;
	padding-left: 12px;
	}
	
.tagline.taglineShortBanner {
	color:#ffffff;
	padding-bottom:3rem;
	}

.bannerText {
	margin-right:0;
	padding-right:0;
	height:auto;
}

.bannerVisual {
	height:250px;
}

.bannerVisualShort {
	height:165px;
}

.bannerImage {
	max-height: 486px;
	/*max-height: 450px;  */
}

.featured {
	position:absolute;
	bottom:0px;
	background-color: rgba(70, 74, 78, .9);
	height: 84px;
	width:100%;
	}

.featuredIcons {
	padding-top:20px;
	}

ul.featuredNav {
    list-style-type: none;
    margin: 0;
    padding-left: 10px;
		padding-right: 19px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

ul.featuredNav.li {
    display: inline;
}

.featureLabel {
	color:#333333;
	font-size: 1rem;
	letter-spacing: 0em;
	padding-top: 10px;
	padding-left: 0;
	padding-right: 0;
}
	
.belowFeatured {
	padding-top: 8.875rem;
}

.featuredImg {
	max-width:128px;
	padding-bottom:0;
}	

.featuredImgShort {
	max-height: 200px;
	margin-top: 5px;
}	

.featuredImgLg {
	max-width:400px;
}

.secondaryNavArea {
	padding-top:.25rem;
}

.secondaryNavTitle {
	font-size:1rem;
}

.secondaryNavMsg {
	line-height:1.3;
	margin-bottom:0;
	margin-top:.5rem;
	margin-right:1.5rem;
	font-weight: bold;
}

.introduction {
	padding-top: 1rem;
	margin-bottom: 0rem;
	padding-left:inherit;
	padding-right:inherit;
}

.introRtPad {
	padding-right: 4.5rem;
}

.deviceImgLaptop {
	max-width:350px;
	padding-top: 2rem;
	padding-right:2rem;
	padding-left:0;
	margin-left:0;
}

.deviceImgTablet {
	max-width:275px;
	padding-top: 2rem;
}

.deviceImgPhone {
	max-width:115px;
	padding-top: 2rem;
}	

.inlineScreen {
max-width:300px;
margin-top:8rem;
}

.inlineScreenTablet {
max-width:275px;
margin-top:8rem;
}

.inlineScreenPhone {
max-width:115px;
margin-top:8rem;
}

.inlineFeatureImg {
	max-height: 300px;
	margin-bottom: .75rem;
}

.inlineThumbnail {
	max-height: 100px;
	margin-bottom: .75rem;
}	

.inlineImgEffects {
border: 1px solid #D6DFE6;
box-shadow: 1px 1px 3px #888888;
}

.inlineScreenFirst {
	margin-top: 4rem;
}

.subtitle {
	padding-bottom:.25rem;
	font-style:normal;
	font-weight:400;
	font-size: 1.25rem;
}

.subtitle-spacious {
	margin-top:3rem;
	padding-bottom: .6875rem;
}

.separatedArea {
	margin-top:1rem;
	margin-bottom:2.5rem;
}

.separatedElement {
	margin-top:1rem;
}

.label {
	font-family: "Helvetica Neue", Helvetica, 'Lato', Arial, sans-serif;
	}

.linkLabel {
	font-family: HelveticaNeue-Medium, 'Lato';
	font-weight:400;
	font-style:normal; 
	color:#333333;
}

.linkSeparator {
	display:inline-block;
	vertical-align:text-middle;
	color:#BCBCBC;
	font-weight:bold
}

.linkSeparatorBlue {
	display:inline-block;
	vertical-align:text-middle;
	color:#0572ce;
	font-weight:bold
}

.linkSeparatorSmall {
	display:inline-block;
	vertical-align:3px; 
	color:gray;
	font-size: 16px;
	font-weight:bold;
}

.faqQuestion {
	margin-bottom:7px;
	margin-right:.5rem;
	font-weight: 300;
	/*color: #333333;*/
}

.faqAnswer {
	margin-bottom:3.5rem;
	margin-right:.5rem;
}

.tableRowLabel {
	text-align:start
}

.blue {
	background-color: rgba(0, 184, 233, 1.0);
}

.blueAccent {
	background-color: rgba(0, 184, 233, .2);
}

.mediumOrangeAccent {
	background-color: rgba(233, 91, 84, .2);
}

.pinkAccent {
	background-color: rgba(232, 92, 99, .2);
}

.plum {
	background-color: rgba(133, 78, 155, 1.0);
}

.green {
	background-color: rgba(54,176,153, 1.0);
}

.gray {
	background-color:#ccc;
}

.topAlignedText {
	vertical-align:text-top;
}

.colIconArea {
	margin-bottom:1rem;
}

.colTitleArea {
   height:80px;
	 margin-bottom:2.5rem;
}

.colLabel {
	margin-top:0rem; 
	padding-left: 1rem; 
	margin-right:1rem;
	text-align:center;
	vertical-align:middle;
}

/**
.colCircleImg {
	max-width:42px;
	max-height:64px;
	padding-top: 20px;
}
**/

.colCircleImg {
  min-height: 32px;
	padding-top: 23px;
	padding-bottom: 15px;
	padding-left: 22px;
	padding-right: 22px;
}

.colText {
	padding-top:0; 
	/*padding-right:.5rem;*/
	margin-bottom:0;
	padding-bottom: .5rem;
	padding-right:2rem;
}

.tableHeaderImg {
	vertical-align:text-bottom;
	max-height:34px;
	max-width:34px;
}

.tableHeaderLabel {
	display:inline-block; 
	color:#ffffff; 
	padding-top: 1rem;
}

.button.pillBtnValue {
	font-size:1.5rem; 
	font-weight:300; 
	color:#0672ce; 
}

.button.pillBtnValue:hover {
	color:#85BBE7; 
}

.button.pillBtnValueSelected {
	font-size:1.5rem;
	font-weight:300;
	color:#000000;
	cursor:default;
}
/* 	color:#3D3730; */

.pillBtnLabel {
	font-size: 1.75rem;
	vertical-align:middle;
	padding-left: 1.25rem;
}

.pillBtn:hover {
	background-color:  rgba(48,159,219, 1);
}

.grayBackground {
	background-color:#f5f5f5;
}

.ltBlueBtnBackground {
	background-color: rgba(48,159,219, .2);
}

.btnMiddleLayer {
	/*padding-left:2.25rem;*/
	padding-top: .5rem;
	padding-bottom: .5rem;
	/*padding-right:2.25rem;*/
}

.messageText {
	margin-bottom:.5rem;
	padding-top:.5rem; 
	padding-right:.5rem; 
	text-align:center; 
	font-weight:bold;
}

.messageTextPlain {
	margin-bottom:.5rem;
	padding-top:.5rem; 
	padding-right:.5rem;  
}

.messageIcon {
	vertical-align: middle;
}

.linkSetIntro {
	text-align:right;
}

.row .linkSet {
	margin-bottom:2rem;
}

.topPad {
	padding-top: 1.5rem;
}

.indentedLinksList {
	margin-left:.5rem;
}

.list {
	padding-top: 1rem;
	padding-right:2.5rem;
}

.newSection {
	margin-top: 2rem;
	}

.empty {
	height:25px;
}

li.secondaryNavBullets { 
	line-height:1;
	padding-bottom:.5rem;
}

.btns {
	list-style: none;
}

.button.pillBtnBackground {
	background-color:#FFFFFF;
}

.buttonL {
	width: 256px;
	border: 1px solid #D6D8DA;
	opacity: 1;
}

.buttonLGal {
	width: 160px;
	opacity: 1;
}

.button.pillBtnBackgroundSelected {
	background-color:#f4f6f8;
}

.buttonR {
	width: 256px;
	border-top: 1px solid #d6d8da;
	border-right: 1px solid #d6d8da;
	border-bottom: 1px solid #d6d8da;
	opacity: 1;
}

.buttonRGal {
	width: 160px;
	border-top: 1px solid #d6d8da;
	border-right: 1px solid #d6d8da;
	border-bottom: 1px solid #d6d8da;
	opacity: 1;
}

.btnBorderGray {
	background-color:#D4D6D7;
}

.grayTone {
	background-color:#e1e7ee;
}

/* max-width set to 1024. This does two things: 1 - defines special css for narrower screen widths -- mainly for mobile but applies to desktop screens when made narrow as well. 2- At this max-width the desktop browser banner height decreases when top nav wraps to consume a second line. It gets bigger again when top nav moves into menu. */ 
/*@media screen and (max-width:1024px) {

.title {
	font-size: 1.75rem;
	line-height: 1.1; 
	padding-top: 0;
  margin-top: 7%;
}

.tagline {
		color:#000000; 
		font-size: 1.25rem; 
		margin:5px;
		margin-left: 0;
		margin-bottom:0;
		line-height: 1.25;
	}
	
.bannerVisual {
	height:140px;
}

.bannerImg {
  max-height: 300px;
	max-width: 270px;
}

.secondaryNavSm {
	padding-bottom:0;
	padding-top: 0;
	line-height: 1;
}

h2 {
	font-size: 1.0975rem;
}


.introRtPad {
	padding-right: .5rem;
}
}*/

/*.continuedList {
	margin-top: 0;
}*/

/*.stackedList {
	margin-top: 3rem;
}*/

/* Special CSS for mobile landscape orientation. */ 
/*@media screen and (max-width: 1024px) and (orientation: landscape) {*/
/* This makes the banner text and image render side by side rather than stacking */

/*.bannerVisual, .bannerText, .bannerVisualShort  {
    position: relative;
    width: 50%; }

.resourse {
	line-height: 1.25;
	padding-bottom:.75rem;
  padding-right: .1rem;
}
}*/


/* For screens narrower than iPhone 6+ (736px portrait) and iPad (768px portrait) */
/*@media screen and (max-width: 735px) {
	.brandBar {
	padding-left: 0;
}
}*/

/* Colors for Top Level Baners */
.hotPink {
	background-color:#d85f9d;
	}

/* Colors for Suppporting Page Baners */
.newBlue {
	/*background-color:#309fdb; old:Revised 3-21 per Sangho request*/
	background-color:#0096e0;
	}

.newPlum {
	background-color:#aa529b;
	}
	
.newOrange {
	/* background-color:#ee954c; old:Revised 3-21 per Sangho request*/
		background-color:#d97638;
	}
	
.newPink {
	/* background-color:#e85d88;  old:Revised 3-21 per Sangho request*/
	background-color:#e85e88;
	}

.newPinkAccent {
	background-color: rgba(216, 95, 157, .4);
}

.newTeal {
	/* background-color:#36b3ac; old:Revised 3-21 per Sangho request*/
	background-color:#2db3ac;
	}

/*Images*/

.img-bulb {
	width:192px;
}

.img-iphone-in-hand {
	width:858px;
	padding-top:.5rem;
	}
	
.img-devices {
	width:458px;
	}
	
.img-iphone-wire {
	width:400px;
	}
	
	.hide-when-narrow {
  display: inherit !important; 
	}
	
.show-when-narrow {
  display: none !important; }
	
.content-bottom-padding {
	padding-bottom: 2rem;
	}

.borderRt {
	border-right: 1px solid #dfdfdf;
}

.padRt {
	padding-right:20px;
}

.padL {
	padding-left:30px;
	}
	
.patternLinks {
	margin-bottom: 0;
	padding-top:1.5rem;
	font-size:.875rem;
	}
	
	.filterGal {
	margin-bottom:8px; 
	padding-top:19px; 
	float: none;
	padding-left:0;
	}
	
	.leadingImg {
		padding-left: 11px;
		}
		
	.smPadL {
		padding-left: 4px;
		}
		
	.listPad {
		padding-left:7px;
		}
	
	.large-6 {
		padding-left: 10px;
		}
		
	.manualPadL {
		padding-left: 20px;
		}
		
	.divSwitcher {
		padding-left: 0;
	}
	
/* Begin styles for slick carousel banner */	
.slick-prev,
.slick-next
{
    margin-top: 10rem;
}

/* carousel dots */
.slick-dots
{
    bottom: 97px;
}
.slick-dots li button:before
{
    font-size: 10px;
    content: '•';
    text-align: center;
    opacity: 1;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    font-size: 14px;
		content: url(../img/icons/currentItem.png);
		opacity: 1;
    color: white;
}
/* END styles for slick carousel banner */

 .smallIcon {
	 max-width:5px;
	 vertical-align:middle;
	 /*padding-bottom: 5px;*/
 }
 .linkList {
	 font-size:1rem;
	 }
	 
 .paleBlue {
	 background-color:#ebf5fc;
	 }
	 
 .topAlign {
    vertical-align: top;
}
	
.techItem {
		padding-left: 0px;
}


	
@media only screen and (max-width:2560px){
 /* styles for browsers smaller than 768px; */
 
.banner {
	height: 486px;
	}
	
.bannerImage {
	/*max-height: 486px;*/
	/*max-width: 730px;*/
}

.banner.bannerHome {
	height: 486px;
	}

/* HOME PAGE BANNER IMAGE */
.bannerIllustration_0 {
	background-position:top;
	background-size: 1860px 486px;
	/*background-size: 2560px 1000px;*/
}

/*.banner .row {
	padding-left:0;
	margin-left:0;
}*/

/*	.hide-when-narrow {
  display: inherit !important; 
	}
	
.show-when-narrow {
  display: none !important; }*/

}

	
@media only screen and (max-width:1280px){
 /* styles for Google Nexus10 landscape */
 
.banner {
	height: 486px;
	}
	
.bannerImage {
	/*max-height: 486px;*/
	/*max-width: 730px;*/
}

.banner.bannerHome {
	height: 486px;
	}

/* HOME PAGE BANNER IMAGE */
.bannerIllustration_0 {
	background-position:top;
	background-size: 1280px 486px;
	/*background-size: 1280px 500px;*/
}

.banner .row {
	max-width: 1024px;
	/*padding-left:0;
	margin-left:0;*/
}

}
	
 @media only screen and (max-width:1024px){
 /* styles for 1024 width screens */
 
.banner {
	height: 450px;
	}
	
.bannerImage {
	max-height: 450px; 
	/*max-height: 486px;*/ 
}

.banner.bannerHome {
	height: 450px;
	}

/* HOME PAGE BANNER IMAGE */
.bannerIllustration_0 {
	background-position:top;
	background-size: 1024px 450px;
}

/*ul.featuredNav {
	padding-left: 20px;
	padding-right: 20px;
}*/

/*	.hide-when-narrow {
  display: inherit !important; 
	}
	
.show-when-narrow {
  display: none !important; }*/

/*.banner .row {
	padding-left:0;
	margin-left:0;
}*/

}

 @media only screen and (max-width:960px){
 /* styles for Google Nexus 7 */
 
.banner {
	height: 410px;
	}
	
.bannerImage {
	max-height: 400px; 
}

.colLabel {
	font-size: 1.8725rem;
}

.buttonLGal {
	width: 120px;
}

.buttonRGal {
	width: 120px;
}

/*	.hide-when-narrow {
  display: inherit !important; 
	}
	
.show-when-narrow {
  display: none !important; }*/
	
/*.banner.bannerHome {
	height: 450px;
	}*/

/*.banner .row {
	padding-left:0;
	margin-left:0;
}*/

}

 @media only screen and (max-width:800px){
 /* styles for google nexus 10 portrait */
 
.banner {
	height: 375px;
	}
	
.bannerImage {
	max-height: 325px; 
}

.leftNavPanel.grayPanel {
	min-width:150px;
}

/*.banner.bannerHome {
	height: 450px;
	}*/

/*.banner .row {
	padding-left:0;
	margin-left:0;
}*/

}

 @media only screen and (max-width:768px){
 /* styles for browsers smaller than 768px; */
 
.banner {
	height: 300px;
}

.bannerImage {
	max-height: 300px;
	/*max-width: 730px;*/
}

.examplesImg {
	padding-left: 175px;
	}

.banner.bannerHome {
	height: 300px;
	}

/* HOME PAGE BANNER IMAGE */
.bannerIllustration_0 {
	background-position:center;
	background-size: 768px 300px;
}
	
/*.banner .row {
	padding-left:0;
	margin-left:0;
}*/

.belowImage {
  position:absolute;
	/*padding-left:3rem;*/
	bottom:-2.25rem;
	padding-left:20px;
}

.title {
	font-size: 2.5rem; 
	letter-spacing: 0.01 em;
	text-align:left;
 }

.title-stacked {
	font-size: 2.5rem; 
	letter-spacing: 0.01 em;
	text-align:left;
}

.tagline-stacked {
	color:#333333; 
		font-size: 1.125rem;
		padding-bottom:5rem;
	}

.title.titleHome {
	margin-top: 25%;
}

.mdCenter  {
	display:block ;
	margin-left:auto ;
	margin-right:auto ;
	margin-top:auto;
	margin-bottom:auto;
}

.padLeft {
	padding-left:150px;
}

.featured {
	height: 58px;
	}

.featuredIcons {
	padding-top:10px;
	}
	
.featuredImg {
	max-width:96px;
}	

.featureLabel {
	font-size: .875rem;
	letter-spacing: 0em;
}

.featuredIcons .small-3 img {
	max-width: 6rem;
	}
	
.featuredIcons .small-4 img {
	max-width: 4rem;
	}

.belowFeatured {
	padding-top: 6.5rem;
}

.buttonLGal {
	width: 170px;
}

.buttonRGal {
	width: 170px;
}

.button.pillBtnValue {
	font-size:1.25rem; 
}

.button.pillBtnValue:hover {
	color:#85BBE7; 
}

.button.pillBtnValueSelected {
	font-size:1.25rem;
	font-weight:300;
}

h1 {
	opacity: 1;
	text-align:center;
}

h1.title-stacked {
	padding-left:0;
	}

p.tagline-stacked {
	padding-left:0;
	}

.introduction {
	opacity: 1;
}

.colLabel {
	font-size: 1.375rem;
	padding-left: 0; 
	margin-right:0;
	text-align:left;
}

.colTitleArea {
	padding-left:0;
	}

ul.no-bullet-small-list {
	line-height: 1.875rem;
	opacity: 1;
	padding-bottom: 1rem;
    }

ul.space-below {
	padding-bottom: 2.25rem;
	}
		
ul.characteristics {
	padding-top: 1.75rem;
	padding-bottom: 0;
	margin-bottom: 1rem;
}

/*div > ul.characteristics {
	padding-top: 1rem;
	}*/

hr.connected-to-content-above {
	padding-top: 0;
	}

.img-bulb {
	width:128px;	
	}

.space-above {
	padding-top: 2.75rem;
}

.img-iphone-in-hand {
	width: 610px;
	padding-top: 0;
 }
 
 .img-devices {
	width:319px;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	}
	
.smCenter {
	text-align:center;
	}
.padMed {
	padding-left:55px;
	}
	
/*.hide-when-narrow {
  display: inherit !important; 
}
	
.show-when-narrow {
  display: none !important; }*/

	
/*.banner .row {
	padding-left:0;
	margin-left:0;
}*/

/* Begin styles for slick carousel banner */	

/* carousel dots */
.slick-dots
{
    bottom: 74px;
}
/* END styles for slick carousel banner */

 }
 
@media only screen and (max-width:600px){
 .buttonL {
	width: 210px;
}

.buttonR {
	width: 210px;
}

.buttonRGal {
	width: 130px;
}

 .buttonLGal {
	width: 130px;
}

}


 @media only screen and (max-width:500px){
 /* styles for iPhone6+ */

 .banner {
	height: 300px;
	}
	
	.bannerImage {
	max-height: 220px; 
}

.examplesImg {
	padding-left:0px;
	}

.banner.bannerHome {
	height: 300px;
	}
	
	/* HOME PAGE BANNER IMAGE */
.bannerIllustration_0 {
	background-position:center;
	background-size: 768px 300px;
}

.tagline.taglineHome {
	padding-left: 10px;
	}
	
	.featuredImg {
	max-width:78px;
}	

 .featureLabel {
	font-size: .75rem;
	letter-spacing: 0em;
}
		
.featuredIcons .small-3 img {
	max-width: 4rem;
	}
	
.featuredIcons .small-4 img {
	max-width: 3.25rem;
	}
	
.belowFeatured {
	padding-top: 4.625rem;
	}
	
	.padLeft {
	padding-left:0;
}

.hide-when-narrow {
  display: none !important; }
	
.show-when-narrow {
  display: inherit !important; 
	}
	
.inlineScreen {
max-width:200px;
margin-top:6rem;
}

.buttonL {
	width: 250px;
}

.buttonR {
	/*border: 1px solid #d6d8da;*/
	border-left: 1px solid #d6d8da;
	border-top:none;
	width: 250px;
}
	
/*.banner .row {
	padding-left:0;
	margin-left:0;
}*/
 
 }
 


    @media only screen and (max-width:414px){
        /* styles for browsers smaller than 414px (iPhone 6+ portrait) */

.bannerImage {
	max-height: 225px;
	/*max-height: 300px;*/
}

.inlineScreen {
max-width:150px;
margin-top:8rem;
}

.featured {
	height: 45px;
	}

.featuredImg {
	max-width:70px;
}	

.introRtPad {
	padding-right:0;
	}
	
	.colLabel {
		font-size: 1.25rem;
	}
	
	.techIcon {
		width:65%;
		}
		
	.padMed {
	padding-left:25px;
	}

/* Begin styles for slick carousel banner */	
/* carousel dots */
.slick-dots
{
    bottom: 61px;
}
/* END styles for slick carousel banner */

		}

    @media only screen and (max-width:375px){
        /* styles for browsers smaller than 375px; */
				
.row  {
  padding-left: 20px;
	padding-right: 20px;
}

.large-6 {
		padding-left: 0px;
		}

.listPad {
		padding-left:0;
		}

ul.featuredNav {
	padding-left: 0px;
	padding-right: 0px;
}
				
.banner {
	height: 300px;
	}

.banner .row {
	padding-left:inherit;
}

.banner.bannerHome {
	height: 280px;
	}
	
/* HOME PAGE BANNER IMAGE */
.bannerIllustration_0 {
	background-position:center;
	background-size: 850px 280px;
}
	
/*.banner .row {
	padding-left:0;
	margin-left:0;
}*/

.belowImage {
	padding-left: 1.875rem;
	bottom:-2.25rem;
}

.title {
	font-size: 2rem; 
	letter-spacing: 0em;
	text-align:left;
}

.title-stacked {
	font-size: 2rem; 
	letter-spacing: 0em;
	text-align:left;
}

.tagline-stacked {
	color:#333333; 
		font-size: 1rem;
		padding-bottom:4.5rem;
	}

.title.titleHome {
	margin-top: 5%;
}

.bannerImage {
	max-height: 240px;
	/*max-height: 230px;*/
}

/*.bannerImage {
	max-height: 186px; 
}*/

.smCenter {
	display:block ;
	margin-left:auto ;
	margin-right:auto ;
	margin-top:auto;
	margin-bottom:auto;
}

.featured {
	height: 39px;
	}

.featuredIcons {
	padding-top:7px;
	}
	
.featuredImg {
	max-width:64px;
}	

.featureLabel {
	font-size: .75rem;
	letter-spacing: 0em;
}
		
.featuredIcons .small-3 img {
	max-width: 4rem;
	}
	
.featuredIcons .small-4 img {
	max-width: 3.25rem;
	}

.belowFeatured {
	padding-top: 4.625rem;
	}


h1 {
	/*font-size: 30 px;*/
	font-size: 1.875rem;
	text-align: left;
}

.introduction {
  font-size: .875rem;
	line-height: 1.5rem;
	padding-top: .25rem;
    }
		
h2.subheader {
	font-size: 1rem;
	line-height: 1.5rem;
	}

ul.characteristics {
	font-size:.875rem;
	line-height:1.5rem;
	padding-top: 1.125rem;
}

.img-iphone-in-hand {
	width: 281px;
 }
 
.img-devices {
	width:256px;
	}
	
li.spaced-bullets {
	padding-bottom: 0; 
}

.patternLinks {
	padding-top:0rem;
	padding-left:25px;
	}
	
.filterGal {
	margin-bottom:8px; 
	padding-top:10px; 
	float: none;
	padding-left:23px;
	}
	
/* Begin styles for slick carousel banner */	

/* carousel dots */
.slick-dots
{
    bottom: 55px;
}
/* END styles for slick carousel banner */

}

@media only screen and (max-width:320px){
 /* styles for iPhone5 */
  .bannerImage {
	max-height: 210px;
  }
}

/* BEGIN JUMP PAGE BANNER + JUMP PAGE  FEATURED LINKS CSS */
.getstarted-jump-banner, .getstarted-feature-section { background-color: #d85f9d; }
.examples-jump-banner, .examples-feature-section { background-color: #36b3ac; }
.technology-jump-banner, .technology-feature-section { background-color:#ee954c; }
.style-jump-banner, .style-feature-section { background-color:#37a0db; }
.patterns-jump-banner, .patterns-feature-section { background-color:#69b364; }

/*clear image*/
.patterns-background-wrapper::after,
.style-background-wrapper::after,
.examples-background-wrapper::after,
.technology-background-wrapper::after,
.getstarted-background-wrapper::after {
  height: 100%;
  width: 100%;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  display: block;
  background-origin: content-box;
  opacity: 0;
  -webkit-animation: 1.67s CLEARIN linear 1;
  -webkit-animation-delay: 0.8s;
  -webkit-animation-fill-mode: forwards;
  animation: 1.67s CLEARIN linear 1;
  animation-delay: 0.8s;
  animation-fill-mode: forwards;
}

/*blurred image*/
.patterns-banner-content::before,
.style-banner-content::before,
.examples-banner-content::before,
.technology-banner-content::before,
.getstarted-banner-content::before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  display: block;
  filter: blur(10px);
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  opacity: 0;
  -webkit-animation: 1.67s SLIDEDOWN linear 1;
  -webkit-animation-delay: 0.8s;
  -webkit-animation-fill-mode: forwards;
  animation: 1.67s SLIDEDOWN linear 1;
  animation-delay: 0.8s;
  animation-fill-mode: forwards;
}

/*load different banner images*/
.patterns-background-wrapper::after,
.patterns-banner-content::before {
  background: url("../img/banners/jump_patterns.png") no-repeat right top;
}
.style-background-wrapper::after,
.style-banner-content::before {
  background: url("../img/banners/jump_style.png") no-repeat right top;
}

.examples-background-wrapper::after,
.examples-banner-content::before {
  background: url("../img/banners/jump_examples.png") no-repeat right top;
}

.getstarted-background-wrapper::after,
.getstarted-banner-content::before {
  background: url("../img/banners/jump_get_started.png") no-repeat right top;
}

.technology-background-wrapper::after,
.technology-banner-content::before {
  background: url("../img/banners/jump_technology.png") no-repeat right top;
}

/*css for feature icons*/
.feature {
  display: table;
  margin: 0 auto;
  max-width: 1024px;
  width: 100%;
  box-sizing: border-box;
}

.feature-wrapper {
  z-index: 99;
  position: relative;
  width: 100%;
}

.feature-section {
  margin-bottom: 50px;
}

.feature-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  max-width: 100%;
}

.featureLabel {
  font-family: "HelveticaNeue", sans-serif;
  color: #333333;
  margin-top: 10px;
  line-height: 75%;
  margin-bottom: 0;
  text-align: center;
}

.feature-item {
  position: relative;
}

.feature-item a {
  text-decoration: none;
  display: inline-block;
}

.feature-item p {
  position: absolute;
  font-family: "HelveticaNeue-Light", "Lato", sans-serif;
}

.feature-wrapper {
  background: -webkit-linear-gradient(180deg, rgba(70, 74, 78, 0.901961) 50%, white 50%);
  background: -o-linear-gradient(180deg, rgba(70, 74, 78, 0.901961) 50%, white 50%);
  background: -moz-linear-gradient(180deg, rgba(70, 74, 78, 0.901961) 50%, white 50%);
  background: linear-gradient(180deg, rgba(70, 74, 78, 0.901961) 50%, white 50%);
}

/*css for banner image and title*/
.jump-banner {
  padding: 0;
  z-index: -2;
}

.jump-banner .banner-content {
  max-width: 1024px;
  height: 100%;
  padding-left: 6px;
  margin-left: auto;
  margin-right: auto;
  z-index: 0;
  box-sizing: border-box;
}

.jump-banner .banner-title-area {
  opacity: 0;
  -webkit-animation: TextFadeIn 1.25s ease-out 1;
  -webkit-animation-delay: 0.8s;
  -webkit-animation-fill-mode: forwards;
  animation: TextFadeIn 1.25s ease-out 1;
  animation-delay: 0.8s;
  animation-fill-mode: forwards;
}

/*text animation*/
@-webkit-keyframes TextFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes TextFadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.jump-banner h1 {
  font-family: "HelveticaNeue-Thin", "Lato", sans-serif;
  color: #000000;
  letter-spacing: 0;
  font-style: normal;
  margin: 0;
  font-weight: 300;
  line-height: 75%;
  text-align: left;
}

.jump-banner h2 {
  margin-top: 20px;
  margin-bottom: 0;
  font-family: "HelveticaNeue-Light", "Lato", sans-serif;
  font-weight: 400;
  color: #000000;
  letter-spacing: 0;
  line-height: 20px;
  text-align: left;
}

.background-wrapper {
  max-width: 1024px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

/*blurred image animation*/
@-webkit-keyframes SLIDEDOWN {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
  }
  50% {
    opacity: 0.75;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0);
  }
}
@keyframes SLIDEDOWN {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  50% {
    opacity: 0.75;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(0);
  }
}

/*clear image animation*/
@-webkit-keyframes CLEARIN {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes CLEARIN {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

/*media queries for banner height and text layout*/
@media only screen and (min-width: 769px) {
  .jump-banner, .background-wrapper {
    height: 402px;
  }

  .jump-banner h1 {
    font-size: 56px;
  }

  .jump-banner h2 {
    font-size: 18px;
  }

  .jump-banner .banner-content {
    display: table;
    position: relative;
    height: 100%;
    width: 100%;
  }

  .jump-banner .banner-content .banner-title-area {
    position: relative;
    display: table-cell;
    vertical-align: middle;
  }
}

@media only screen and (min-width: 576px) and (max-width: 768px) {
  .jump-banner, .background-wrapper {
    height: 242px;
  }

  .jump-banner h1 {
    font-size: 48px;
  }

  .jump-banner h2 {
    font-size: 18px;
    margin-top: 10px;
  }
  
  .jump-banner .banner-content {
    display: table;
    position: relative;
    height: 100%;
    width: 100%;
  }

  /*force animation replay*/
  .background-wrapper {
    display: table;
    width: 100%;
  }

  .jump-banner .banner-content .banner-title-area {
    position: relative;
    display: table-cell;
    vertical-align: middle;
  }
}

@media only screen and (max-width: 575px) {
  .jump-banner, .background-wrapper {
    height: 261px;
  }

  .jump-banner .banner-content {
    position: relative;
  }

  .jump-banner h2 {
    font-size: 18px;
    margin-top: 10px;
  }

  /*force animation replay*/
  .background-wrapper {
    display: inline-block;
    width: 100%;
  }

  .jump-banner .banner-content .banner-title-area {
    position: absolute;
    bottom: 20px;
  }

  .jump-banner h1 {
    font-size: 32px;
  }

  .jump-banner h2 {
    font-size: 16px;
  }
}

/*media queries for banner image size and layout*/
@media only screen and (min-width: 1024px) {
  /*100% size*/
  .style-banner-content::before,
  .style-background-wrapper::after,
  .patterns-banner-content::before,
  .patterns-background-wrapper::after,
  .examples-banner-content::before,
  .examples-background-wrapper::after,
  .technology-banner-content::before,
  .technology-background-wrapper::after,
  .getstarted-banner-content::before,
  .getstarted-background-wrapper::after {
    height: 486px;
    background-size: auto;
  }
}

@media only screen and (max-width: 1023px) and (min-width: 769px) {
  /*100% size with cropping from the right side*/
  .style-banner-content::before,
  .style-background-wrapper::after {
    height: 486px;
    background-size: auto;
    background-position: 294px 0;
  }

  .patterns-banner-content::before,
  .patterns-background-wrapper::after,
  .examples-banner-content::before,
  .examples-background-wrapper::after,
  .technology-banner-content::before,
  .technology-background-wrapper::after,
  .getstarted-banner-content::before,
  .getstarted-background-wrapper::after {
    height: 486px;
    background-size: auto;
    background-position: 414px 0;
  }
}

@media only screen and (max-width: 768px) and (min-width: 576px) {

  /*image scaled to 65% with cropping from the right side*/
  .style-banner-content::before,
  .style-background-wrapper::after {
    height: 316px;
    background-size: auto 316px;
    background-position: 294px 0;
  }

  .patterns-banner-content::before,
  .patterns-background-wrapper::after,
  .technology-banner-content::before,
  .technology-background-wrapper::after,
  .getstarted-banner-content::before,
  .getstarted-background-wrapper::after {
    height: 316px;
    background-size: auto 316px;
    background-position: 350px 0;
  }

  .examples-banner-content::before,
  .examples-background-wrapper::after {
    height: 316px;
    background-size: auto 316px;
    background-position: 280px 0;    
  }
}

@media only screen and (max-width: 575px) and (min-width: 432px) {

  /*image scaled to 65% with cropping from the right side*/
  .style-banner-content::before,
  .style-background-wrapper::after {
    background-size: auto 316px;
    height: 316px;
    background-position: 72px 0;
  }
  .patterns-banner-content::before,
  .patterns-background-wrapper::after,
  .examples-banner-content::before,
  .examples-background-wrapper::after,
  .getstarted-banner-content::before,
  .getstarted-background-wrapper::after {
    height: 316px;
    background-size: auto 316px;
    background-position: 150px 0;
  }
  .technology-banner-content::before,
  .technology-background-wrapper::after {
    height: 316px;
    background-size: auto 316px;
    background-position: 180px 0;
  }
}

@media only screen and (max-width: 432px) {

  /*scaled to fit window size with center alignment*/
  .style-banner-content::before,
  .style-background-wrapper::after {
    background-size: 100%;
    background-position: center top;
  }

  .patterns-banner-content::before,
  .patterns-background-wrapper::after,
  .examples-banner-content::before,
  .examples-background-wrapper::after,
  .technology-banner-content::before,
  .technology-background-wrapper::after,
  .getstarted-banner-content::before,
  .getstarted-background-wrapper::after {
    height: 300px;
    background-size: auto 80%;
    background-position: center top;
  }
}

/*media queries for feature icons*/
@media only screen and (min-width: 769px) {
  .feature {
    height: 168px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
  }

  .feature-wrapper {
    height: 168px;
  }

  .feature-item img {
    width: 128px;
    height: 128px;
  }

  .feature-item p {
    width: 128px;
  }

  .featureLabel {
    font-size: 16px;
  }
}

@media only screen and (max-width: 768px) and (min-width: 576px) {
  .feature-item img {
    width: 96px;
    height: 96px;
  }

  .feature-item p {
    width: 96px;
  }

  .feature {
    height: 116px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
  }

  .jump-banner .banner-content {
    padding-left: 6px;
  }

  .feature-wrapper {
    height: 116px;
  }

  .featureLabel {
    font-size: 14px;
  }
}

@media only screen and (max-width: 575px) {
  .feature-item img {
    width: 64px;
    height: 64px;
  }

  .feature-item p {
    /*adjust for text overflow*/
    width: 70px;
    left: -3px;
  }

  .feature {
    height: 78px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 7px;
  }

  .feature-wrapper {
    height: 78px;
  }

  .featureLabel {
    font-size: 13px;
  }
}
/* END JUMP PAGE BANNER + JUMP PAGE  FEATURED LINKS CSS */