/* ==========================================================================
   Base styles
   ========================================================================== */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

/*::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}*/

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.google-maps img {
	max-width: none !important;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 * Prevent responsive images from sizing outside of their container
 */

img {
    width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Grid
   ========================================================================== */

/* The Grid ---------------------- */
/*header, footer, #page-container{
	min-width: 970px;
}*/
/*.row { width: 970px;min-width: 768px; margin: 0 auto; }*/
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row.tight .column, .row.tight .columns { padding: 0; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row .row.tight { margin: 0; }

.column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }

[class*="column"] + [class*="column"]:last-child { float: right; }

[class*="column"] + [class*="column"].end { float: left; }

.one, .row .one { width: 8.33333%; }

.two, .row .two { width: 16.66667%; }

.three, .row .three { width: 25%; }

.four, .row .four { width: 33.33333%; }

.five, .row .five { width: 41.66667%; }

.six, .row .six { width: 50%; }

.seven, .row .seven { width: 58.33333%; }

.eight, .row .eight { width: 66.66667%; }

.nine, .row .nine { width: 75%; }

.ten, .row .ten { width: 83.33333%; }

.eleven, .row .eleven { width: 91.66667%; }

.twelve, .row .twelve { width: 100%; }

.row .offset-by-one { margin-left: 8.33333%; }

.row .offset-by-two { margin-left: 16.66667%; }

.row .offset-by-three { margin-left: 25%; }

.row .offset-by-four { margin-left: 33.33333%; }

.row .offset-by-five { margin-left: 41.66667%; }

.row .offset-by-six { margin-left: 50%; }

.row .offset-by-seven { margin-left: 58.33333%; }

.row .offset-by-eight { margin-left: 66.66667%; }

.row .offset-by-nine { margin-left: 75%; }

.row .offset-by-ten { margin-left: 83.33333%; }

.push-two { left: 16.66667%; }

.pull-two { right: 16.66667%; }

.push-three { left: 25%; }

.pull-three { right: 25%; }

.push-four { left: 33.33333%; }

.pull-four { right: 33.33333%; }

.push-five { left: 41.66667%; }

.pull-five { right: 41.66667%; }

.push-six { left: 50%; }

.pull-six { right: 50%; }

.push-seven { left: 58.33333%; }

.pull-seven { right: 58.33333%; }

.push-eight { left: 66.66667%; }

.pull-eight { right: 66.66667%; }

.push-nine { left: 75%; }

.pull-nine { right: 75%; }

.push-ten { left: 83.33333%; }

.pull-ten { right: 83.33333%; }

img { height: auto; }

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

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

#map_canvas img, .map_canvas img { max-width: none!important; }

/* Nicolas Gallagher's micro clearfix */
/*.row { *zoom: 1; }*/
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }

/* Block Grids ---------------------- */
/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
for repeating blocks of content. Add 'mobile' to
them to switch them just like the layout grid
(one item per line) on phones

For IE7/8 compatibility block-grid items need to be
the same height. You can optionally uncomment the
lines below to support arbitrary height, but know
that IE7/8 do not support :nth-child.
-------------------------------------------------- */
.block-grid { display: block; overflow: hidden; padding: 0; }
.block-grid > li { display: block; height: auto; float: left; }
.block-grid.one-up { margin: 0; }
.block-grid.one-up > li { width: 100%; padding: 0 0 15px; }
.block-grid.two-up { margin: 0 -15px; }
.block-grid.two-up > li { width: 50%; padding: 0 15px 15px; }
.block-grid.two-up > li:nth-child(2n+1) { clear: both; }
.block-grid.three-up { margin: 0 -15px; }
.block-grid.three-up > li { width: 33.33333%; padding: 0 15px 15px; }
.block-grid.three-up > li:nth-child(3n+1) { clear: both; }
.block-grid.four-up { margin: 0 -15px; }
.block-grid.four-up > li { width: 25%; padding: 0 15px 15px; }
.block-grid.four-up > li:nth-child(4n+1) { clear: both; }
.block-grid.five-up { margin: 0 -8px; }
.block-grid.five-up > li { width: 20%; padding: 0 8px 8px; }
.block-grid.five-up > li:nth-child(5n+1) { clear: both; }
.block-grid.six-up { margin: 0 -8px; }
.block-grid.six-up > li { width: 16.66667%; padding: 0 8px 8px; }
.block-grid.six-up > li:nth-child(6n+1) { clear: both; }
.block-grid.seven-up { margin: 0 -8px; }
.block-grid.seven-up > li { width: 14.28571%; padding: 0 8px 8px; }
.block-grid.seven-up > li:nth-child(7n+1) { clear: both; }
.block-grid.eight-up { margin: 0 -8px; }
.block-grid.eight-up > li { width: 12.5%; padding: 0 8px 8px; }
.block-grid.eight-up > li:nth-child(8n+1) { clear: both; }
.block-grid.nine-up { margin: 0 -8px; }
.block-grid.nine-up > li { width: 11.11111%; padding: 0 8px 8px; }
.block-grid.nine-up > li:nth-child(9n+1) { clear: both; }
.block-grid.ten-up { margin: 0 -8px; }
.block-grid.ten-up > li { width: 10%; padding: 0 8px 8px; }
.block-grid.ten-up > li:nth-child(10n+1) { clear: both; }
.block-grid.eleven-up { margin: 0 -8px; }
.block-grid.eleven-up > li { width: 9.09091%; padding: 0 8px 8px; }
.block-grid.eleven-up > li:nth-child(11n+1) { clear: both; }
.block-grid.twelve-up { margin: 0 -8px; }
.block-grid.twelve-up > li { width: 8.33333%; padding: 0 8px 8px; }
.block-grid.twelve-up > li:nth-child(12n+1) { clear: both; }

/* Header */
header {
	border-top: 2px solid #F2F4F6;
	border-bottom: 2px solid #F2F4F6;
	background: #fff;
	height: 135px;
	padding-top: 10px;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
}

@media screen {
	header{
		position: fixed;
	}
	#page-container {
		margin-top: 135px;
	}

}

header:after {
	clear: both;
}

header:before, header:after {
	content: "";
	display: table;
}

#header-logo {
	position: relative;
	/*margin-top: 40px;*/
}

a#main-logo {
	float: left;
	width: 255px;
	height: 103px;
	display: block;
}

#header-utility-nav {
	margin-left: 0;
}


/* Subnav Lists */
ul.utility-nav-list {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: 'Gotham-Medium' sans-serif !important;
}
	ul.utility-nav-list > li {
		display: inline-block;
		/*display: inline;
		*zoom: 1;*/
		padding: 8px 0;
	}

	ul.utility-nav-list > li:after {
		content: "|";
		display: inline-block;
		color: #666;
		padding: 0 6px 0 7px;
	}
	ul.utility-nav-list > li:last-child:after {
		content: "";
		padding: 0;
	}

	ul.utility-nav-list > li.utility-nobullet:after {
		content: "";
		padding: 0 4px;
	}

	ul.utility-nav-list > li > a {
		color: #666;
		text-decoration: none;
	}

	ul.utility-nav-list > li > a:hover,
	ul.utility-nav-list > li > a:focus {
		text-decoration: underline;
	}
	ul.utility-nav-list > li > a:active {
		color: #373736;
	}
	ul.utility-nav-list > li > a.current {
		color: #373736;
	}

	ul.utility-nav-list > li > a.header-home-link {
		background: transparent url(../images/icons/home-icon.png) no-repeat left center;
		height: 18px;
		line-height: 18px;
		padding-left: 30px;
		vertical-align: center;
		display: inline-block;
	}

ul.footer-nav {
	font-size: .9em;
}

ul.footer-nav-list {
	font-family: 'Gotham-Medium' sans-serif !important;
}
	ul.footer-nav-list > li > a {
		color: #1E2F49;
	}

/* Navigation */
#top-navigation {
	z-index: 1;
	margin-left: -7px;
	margin-top: 20px;
}

.nav-bar { margin: 0; padding: 0; position: relative; float: right; margin-right: 5px;}

.nav-bar > li {
	float: left;
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	z-index: 1001;
	/* border-right: 3px solid #F38039; */
	}
.nav-bar > li > a {
	font-size: 1.1em;
	font-weight: 500;
	font-family: 'Gotham-Medium' sans-serif !important;
	color: #373736;
	position: relative;
	display: block;
	text-decoration: none;
	outline: none;
	height: 100%;
	padding: 15px 10px;
	padding: 15px 5px\9;
	margin: 0 -3px; /* Cover the divider lines when the menu is open */
	line-height: 1;
}
.nav-bar > li.active > a {
	color: #C00000;
}
.nav-bar > li:hover > a,
.nav-bar > li:focus > a,
.nav-bar > li > a:hover
.nav-bar > li > a:focus {
	color: #373736;
	cursor: pointer;
	outline: none;
	/* background-color: #EAEDF0; */
	}

.nav-bar.footer-nav{
	margin-right: -10px;
	padding-top: 10px;
}
.nav-bar.footer-nav > li:hover > a,
.nav-bar.footer-nav > li:focus > a,
.nav-bar.footer-nav > li > a:hover
.nav-bar.footer-nav > li > a:focus {
	text-decoration: underline;
	}
/*
.nav-bar > li:first-child > a {
	padding-left: 0;
}
*/
.nav-bar > li:last-child {
	border-right: none;
}
/*
.nav-bar > li:last-child > a {
	padding-right: 0;
}
*/
.nav-bar > li ul { margin-bottom: 0; }
.nav-bar > li .flyout { display: none; }

.open,
.nav-bar > li:hover,
.sfHover {
  /**z-index: 1000;*/
}

.nav-bar > li.open > .flyout,
.nav-bar > li:hover > .flyout,
.nav-bar > li.sfHover > .flyout { display: block; }

.nav-bar > li.open > a,
.nav-bar > li:hover > a,
.nav-bar > li.sfHover > a {
	background: #EAEDF0;
	/*color: #14394E;*/
	color: #373736;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	margin-bottom: 0;
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	position: relative;
	z-index: 9999;
}
.nav-bar.footer-nav > li.open > a,
.nav-bar.footer-nav > li:hover > a,
.nav-bar.footer-nav > li.sfHover > a {
	background: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	margin-bottom: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.nav-bar.footer-nav > li:hover > a {
	background: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	z-index: 1;
}
.nav-bar > li.open > a:after,
.nav-bar > li:hover > a:after,
.nav-bar > li.sfHover > a:after {
	border-bottom: 5px solid #EAEDF0;
	bottom: -5px;
	content: "";
	left: 0;
	position: absolute;
	width: 100%;
}
.nav-bar.footer-nav > li.open > a:after,
.nav-bar.footer-nav > li:hover > a:after,
.nav-bar.footer-nav > li.sfHover > a:after {
	border-bottom: none;
	bottom: 0;
	content: "";
	left: 0;
}

.nav-bar > li.divider {
	width: 1px;
	height: 18px;
	margin: 15px 2px;
	line-height: 1;
	border-right: 1px solid #C9CCCF;
	z-index: 1000;
}

/* .nav-bar > li.has-flyout > a:first-child { padding-right: 40px; position: relative; } */
/* .nav-bar > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: #e6e6e6 transparent transparent transparent; position: absolute; right: 20px; top: 17px; } */

/*
.nav-bar > li.has-flyout > a.flyout-toggle { border-left: 0 !important; position: absolute; right: 0; top: 0; padding: 20px; z-index: 2; display: block; }
.nav-bar > li.has-flyout.is-touch > a:first-child { padding-right: 55px; }
.nav-bar > li.has-flyout.is-touch > a.flyout-toggle { border-left: 1px dashed #666666; }
.nav-bar > li > input { margin: 0 10px; }
*/

.flyout {
	background: #EAEDF0;
	/*color: #14394E;*/
	color: #373736;
	padding: 20px;
	margin: 0 -3px;
	position: absolute;
	top: 100%;
	left: 0;
	/* left: -1px; */
	width: 250px;
	z-index: 1000;
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
.flyout p { line-height: 1.4; font-size: 13px; }
.flyout h3 { border-bottom: 1px solid #ccc; padding-bottom: 5px;}
.flyout .nav-block h3 { font-size: 18px; border-bottom: none; }
.flyout .button { font-family: 'Gotham-Medium' sans-serif !important; font-size: 14px; }
.flyout *:first-child { margin-top: 0; }
.flyout *:last-child { margin-bottom: 0; }
.flyout.small { width: 200px; }
.flyout.medium { width: 473px; }
.flyout.large { width: 800px; left: -200px; }
.flyout.full { width: 989px; left: -100%}
.flyout.right { left: auto; right: 0; }
.flyout.left { right: auto; left: 0; }
.flyout.up { top: auto; bottom: 39px; }


ul.flyout, .nav-bar li ul { /* padding: 0;  */list-style: none; margin: 0;}
div.flyout { line-height: 1.2; }
ul.flyout li, .nav-bar li ul li { line-height: 1.2; }
ul.flyout li a,
.nav-bar li ul li a {
	/*color: #14394E;*/
	color: #373736;
	display: block;
	font-size: 14px;
	font-weight: 700;
	font-family: 'Gotham-Book' sans-serif !important;
	height: auto;
	line-height: 1;
	padding: 10px 0;
	text-decoration: none;
}
ul.flyout li a:hover,
ul.flyout li a:focus,
.nav-bar li ul li a:hover,
.nav-bar li ul li a:focus {
	/*color: #14394E;*/
	color: #373736;
	text-decoration: underline;
	outline: none;
	}
ul.flyout li.active, .nav-bar li ul li.active { margin-top: 0; }
ul.flyout li.active a, .nav-bar li ul li.active a { background: #4d4d4d; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }

/* Footer */
footer {
	padding: 80px 0;
	color: #373736;
	box-shadow:  0px 0 4px rgba(0,0,0,0.3);
	position: relative;
	width: 100%;
	z-index: 1;
}

footer address,
footer p {
	font-size: 13px;
}

#footer-logo {
	width: 223px;
	display: block;
}

#footer-utility-nav {
	margin: 20px 0 0 0;
}

/* Page Styles */
#main {
	margin: 40px 0 100px 0;
}

#main.main-home {
	margin-bottom: 50px;
}

#home-tagline {
	background-color: #C00000;
}
#home-tagline h1 {
	font-size: 2.143em;
	color: #fff;
	font-weight: 300;
	text-align: center;
	margin: 20px 0;
	padding: 0;
	line-height: 1;
}

/* Home feature graphics */

#home-feature-graphic {
	background-color: #DADDE0;
}

.home-section {
	padding: 50px 0;
	background-color: #fff;
}
	.home-section:first-child {
		padding-top: 0;
	}

	.home-section.secondary {
		background: #E6E9ED no-repeat center 100%;
	}

	.home-section:last-child {
		padding-bottom: 0;
	}

.feature-graphic-row1 {
	margin-top: 40px;
	position: relative;
	/* z-index: 10; */
}

.feature-graphic-row2 {
	top: -20px;
	position: relative;
	margin-left: 120px;
}

.feature-graphic-block {
	width: 192px;
	height: 192px;
	padding: 25px 20px;
	border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  background: transparent;
  background: #fff;
  transform: scale(1, 1);
  /* -webkit-transform: scale(1, 1) translate3d(0, 0, 0); */
  -ms-transform: scale(1, 1);
  transition: transform 0.25s ease-in-out;
  /* -webkit-transition: -webkit-transform 0.25s ease-in-out; */
  -ms-transition: -ms-transform 0.25s ease-in-out;
  float: left;
  margin-right: 55px;
  display: block;
  text-decoration: none;
}
.feature-graphic-block:last-child {
	margin-right: 0;
}

.no-inlinesvg .feature-graphic-block {
	display: none;
}

.feature-graphic-header {
	margin-top: 0;
	height: 60px;
	vertical-align: middle;
	text-align: center;
	width: 200px;
	display: table-cell;
	padding-top: 20px;
    transform: scale(1, 1) translate(0px, 0px); /* translate(0px, 20px) */
    -webkit-transform: scale(1, 1) translate(0px, 0px); /* translate(0px, 20px) */
    -ms-transform: scale(1, 1) translate(0px, 0px); /* translate(0px, 20px) */
	transition: transform 0.25s ease-in-out;
	-webkit-transition: -webkit-transform 0.25s ease-in-out;
	-ms-transition: -ms-transform 0.25s ease-in-out;
	text-decoration: none;
	margin-top: 0px!important;
	margin-bottom: 0px!important;
}

.feature-graphic-icon {
	text-align: center;
	margin-top: -20px;
	vertical-align: middle;
	transform: scale(1,1) translate(0px, 10px); /* translate(0px, 20px) */
	-webkit-transform: scale(1,1) translate(0px, 10px); /* translate(0px, 20px) */
	-ms-transform: scale(1,1) translate(0px, 10px); /* translate(0px, 20px) */
	transition: transform 0.25s ease-in-out;
	-webkit-transition: -webkit-transform 0.25s ease-in-out;
	-ms-transition: -ms-transform 0.25s ease-in-out;
}

.feature-graphic-text {
	margin-top: 10px;
	width: 200px;
	font-size: 15px;
	text-align: center;
	transform: scale(0, 0) translate(0px, 0px);
	-webkit-transform: scale(0, 0) translate(0px, 0px);
	-ms-transform: scale(0, 0) translate(0px, 0px);
	transition: transform 0.25s ease-in-out;
	-webkit-transition: -webkit-transform 0.25s ease-in-out;
	-ms-transition: -ms-transform 0.25s ease-in-out;
	text-decoration: none;
}

.feature-graphic-block:hover,
.feature-graphic-block:focus {
	outline: none;
	transform: scale(1.67,1.67);
	-webkit-transform: scale(1.67,1.67);
	-ms-transform: scale(1.67,1.67);
	z-index: 100;
	border: 2px solid #153A4F;
	position: relative;
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	/*
	-ms-transform: scale(1.5,1.5);
	-webkit-transform: scale(1.5,1.5);
	*/
}
	.feature-graphic-block:hover .feature-graphic-header {
		transform: scale(.7,.7) translate(0px, -45px);
		-webkit-transform: scale(.7,.7) translate(0px, -45px);
		-ms-transform: scale(.7,.7) translate(0px, -45px);
	}

	.feature-graphic-block:hover .feature-graphic-icon {
		transform: scale(1,1) translate(0px, -30px);
		-webkit-transform: scale(1,1) translate(0px, -30px);
		-ms-transform: scale(1,1) translate(0px, -30px);
	}

	.feature-graphic-block:hover .feature-graphic-icon path,
	.feature-graphic-block:hover .feature-graphic-icon rect {
		fill: #153a4f;
	}

	.feature-graphic-block:hover .feature-graphic-text {
		transform: scale(.6, .6) translate(-45px, -80px);
		-webkit-transform: scale(.6, .6) translate(-45px, -80px);
		-ms-transform: scale(.6, .6) translate(-45px, -80px);
		text-align: center;
	}
	/*

	.feature-graphic-block:hover .feature-graphic-content,
	.feature-graphic-block:hover .feature-graphic-content h3,
	.feature-graphic-block:hover .feature-graphic-content p,
	.feature-graphic-block:hover .feature-graphic-content img {
		transform: none;
		-ms-transform: none;
		-webkit-transform: none;
	}
*/

/* Sidebars */

.sidebar-block {
	border-bottom: 2px solid #C9CCCF;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
	.sidebar-block *:first-child {
		margin-top: 0;
	}

	.sidebar-block *:last-child {
		margin-bottom: 0;
	}

	.sidebar-block:last-child {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}

.nav-block {
	padding: 20px;
	background-color: #fff;
	color: #373736;
}

.solution-images,
.body-images {
	position: relative;
	padding: 5px;
}

.solution-images:after,
.body-images:after {
	background: transparent url(../images/icons/icon-sprite.png) no-repeat 0 -30px;
	content: '';
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	bottom: 10px;
	right: 10px;
	z-index: -1;
}

.body-images.pull-left {
	margin-right: 20px;
}

.body-images.pull-left .img-left,
.body-images.pull-right .img-right {
	float: none;
}

.solution-images .solution-img-large {
	display: none;
    visibility: hidden;
}

.solution-images:hover .solution-img-large {
	position: absolute;
	top: 0;
	display: block !important;
	visibility: visible !important;
	width: 650px;
	height: 430px;
}

.body-images .img-left {
	margin-right: 0;
}

#preview-image {
	position:absolute;
	display:none;
	z-index: 1;	}

/* Home Feature Slideshow */
#home-features-wrap {
	position: relative;
}

#home-features {
	height: 362px;
}

#home-features .cycle-slideshow {
	height: 362px;
}

/* in case script does not load */
.cycle-slideshow div:first-child {
    position: static;
    z-index: 100;
}

#home-features .slide{
	height: 362px;
	width: 100%;
	overflow: hidden;
	display: none;
}

#home-features .slide.first-slide{
	display: block;
}

#home-features .slide-image {
	/*
		position: absolute;
	top: 60px;
	*/
	margin: 0 30px 0 0;
}

#home-features a.slide-link {
	display: block;
	width: 940px;
	height: 363px;
	padding: 20px;
	text-decoration: none;
	color: #373736;
}

#home-features .slide .callout {
	/* width: 475px; */
	/* float: left; */
	margin-top: 40px;
	/*
	position: absolute;
	top: 60px;
	right: 0;
	*/
	text-align: left;
}

#home-features .slide .callout .callout-text {
	margin-left: 30px;
}

#home-features .slide .callout .button {
	margin-bottom: 0;
}

#home-features .feature-nav {
	position: relative;
	bottom: 5px;
	z-index: 100;
	border-top: 5px solid rgba(255,255,255,0.3);
}

/* pager */

#feature-nav-pager {
	background: transparent;
	position: absolute;
	bottom: 50px;
	right: 25px;
	margin-bottom: 0;
	padding: 10px;
	line-height: 30px;
    z-index: 105;
}

#feature-nav-pager #cycle-pager {
	display: block;
    float: left;
    margin-left: 2px;
}

#feature-nav-pager #cycle-pager a {
    cursor: pointer;
    display: inline-block;
    height: 30px;
    width: 30px;
    margin: 0 3px;
    z-index: 110;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    color: #373736;
}

#feature-nav-pager #cycle-pager a:hover,
#feature-nav-pager #cycle-pager a:focus,
#feature-nav-pager #cycle-pager a.cycle-pager-active {
	background: #DADDE0;
	color: #373736;
    border-radius: 30px;
    outline: none;
    text-decoration: none;
}

#feature-nav-pager a#pause-button {
	background: transparent url(../images/icons/icon-sprite.png) no-repeat -41px -20px;
	display: inline-block;
	height: 12px;
	width: 8px;
	padding: 0;
	text-indent: -99999em;
	border-radius: 0;
	margin: 0 3px 0 10px;
	outline: none;
	vertical-align: middle;
}

#feature-nav-pager a#pause-button.paused  {
	background-position: -53px -20px;
}

#feature-wrap .feature-nav ul.markers {
	background: #333;
	position: absolute;
	bottom: 0;
	margin-bottom: 0;
	padding: 10px;
	line-height: 12px;
	/*
border-top: 5px solid rgba(255,255,255,0.3);
	border-right: 5px solid rgba(255,255,255,0.3);
	border-left: 5px solid rgba(255,255,255,0.3);
*/
}

/* Breadcrums ---------------------- */
.breadcrumb {
    list-style: none outside none;
    margin: 0;
    padding: 7px 0;
}
.breadcrumb li:after {
    content: "\203A"; /* Unicode hex for » */
    display: inline-block;
    padding: 0 6px 0 10px;
}
.breadcrumb li {
	font-size: 85.7%;
	font-weight: bold;
	color: #373736;
    display: inline-block;
}
.breadcrumb li:last-child:after {
    content: "";
}


/* Nav, Tabs */

.nav {
  margin-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li > a {
  display: block;
  font-family: 'Gotham-Medium' sans-serif !important;
  font-size: 20px;
  font-weight: 300;
  color: #373736;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #DADDE0;
}
.nav > li > a > img {
  max-width: none;
}
.nav > .pull-right {
  float: right;
}
.nav-header {
  display: block;
  padding: 0.200em 1em;
  color: #999999;
  text-transform: uppercase;
}
.nav li + .nav-header {
  margin-top: 9px;
}
.nav-tabs {
  /**zoom: 1;*/
}
.nav-tabs:before,
.nav-tabs:after {
  display: table;
  content: "";
  line-height: 0;
}
.nav-tabs:after {
  clear: both;
}
.nav-tabs > li {
  float: left;
  margin-bottom: 0;
}
.nav-tabs > li > a {
	padding: 10px 20px;
	margin-right: 8px;
	line-height: 1.4;
	background-color: #EAEDF0;
	text-decoration: none;
	position: relative;
	z-index: 0;
}

	.sidebar-social-tabs > li > a {
		padding: 4px 5px;
	}

.nav-tabs > li > a:after {
    border-bottom: 4px solid #FFFFFF;
    bottom: -4px;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
	color: #fff;
	background-color: #006988;
	cursor: default;
	box-shadow: 0px 0 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	outline: none;
	margin-bottom: -5px;
	position: relative;
	z-index: 2;
}

.nav-tabs > .active > a:after {
	background: transparent url('/public/images/layout/tab-arrow.svg') no-repeat center bottom;
	background-size: 100% 20px;
	-webkit-background-size: 100% 20px;
	-o-background-size: 100% 20px;
	content: '';
	position: absolute;
	height: 20px;
	bottom: -20px;
	left:0;
	border-bottom: none;
}

.nav-tabs.nav-stacked {
  border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
}
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
  border-color: #ddd;
  z-index: 2;
}

.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
  border-color: #999999;
}
.tabbable {
  /**zoom: 1;*/
}
.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
  line-height: 0;
}
.tabbable:after {
  clear: both;
}
.tab-content {
	overflow: auto;
	box-shadow: 0px 0 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	padding: 40px 30px 30px;
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}
.tab-content > .active,
.pill-content > .active {
  display: block;
}
.nav > .disabled > a {
  color: #999999;
}
.nav > .disabled > a:hover,
.nav > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  cursor: default;
}

/* ShareThis */

.st_sharethis_custom {
	background: transparent url("/public/images/icons/social-icons.png") no-repeat 0 0;
	background-position: -149px -141px;
	display: inline-block;
	padding-left: 40px;
	padding-top: 6px;
	text-align: center;
	height: 36px;
	width: 37px;
	line-height: 14px;
	cursor: pointer;
	text-decoration: underline;
	cursor:pointer;
}
.st_sharethis_custom:hover,
.st_sharethis_custom:focus {
	background-position: -149px -176px;
	text-decoration: none;
}

/* Comments */
.blog-comment-block {
	padding: 25px;
	margin: 10px 0;
}
	.blog-comment-block > *:first-child {
		margin-top: 0;
	}
	.blog-comment-block > *:last-child {
		margin-bottom: 0;
	}

	.blog-comment-block.odd,
	.blog-comment-block.alt,
	.blog-comment-block:nth-of-type(odd) {
		background-color: #F7F8F9;
	}

	.blog-comment {
		padding-left: 25px;
	}
		.blog-comment > *:last-child {
			margin-bottom: 0;
		}

/* Newsletter Sign Up Link */

.caret, .custom-select:after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 4px;
	margin-top: -4px;
	vertical-align: middle;
	border-top: 6px solid #373736;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	content: "";
}


#newsletter-blog-form {
    float: right;
    width: 245px;
    height: 100px;
    margin-top: 20px;
    margin-right: 10px;
}

#newsletter-blog-form h3 {
	margin-top: 0;
}

#newsletter-blog-form a {
	padding: 4px 18px;
	background-color: #f05322;
	border: 1px solid #bebebe;
	color: #fff;
}

#newsletter-blog-form img:hover {
    opacity: .75;
}

#newsletter-signup-wrap {
	position: relative;
	margin: 0 6px;
	z-index: 10000;
}

#newsletter-signup-container {
	position: absolute;
	top: 100%;
	right: -1px;
	background: #EAEDF0;
	margin-top: 12px;
	width: 340px;
	z-index: 10010;
	border-radius: 3px 0 3px 3px;
    -moz-border-radius: 3px 0 3px 3px;
    -webkit-border-radius: 3px 0 3px 3px;
    -ms-border-radius: 3px 0 3px 3px;
}

#newsletter-signup-form {
	border: none;
	width: 330px;
  margin-top: 10px;
}

#newsletter-signup-form h3 {
	margin-top: 10px;
	padding-left: 10px;
  font-size: 1.38em;
}

#newsletter-signup-link .caret {
	border-top: 0;
	border-bottom: 6px solid #373736;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}

#newsletter-signup-link {
	background: #EAEDF0;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	margin-bottom: 0;
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	padding: 10px;
	position: relative;
	z-index: 10010;
	outline: none;
}

#newsletter-signup-link:after {
	border-bottom: 5px solid #fff;
	bottom: -5px;
	content: "";
	left: 0;
	position: absolute;
	width: 100%;
}

#newsletter-signup-link.collapsed {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	margin-bottom: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#newsletter-signup-link.collapsed .caret {
	border-top: 6px solid #373736;
	border-bottom: 0;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}

#newsletter-close {
    margin-top: -45px;
}

#newsletter-close a {
	padding: 0 20px 20px 20px;
	text-decoration: none;
	display: block;
	font-size: 18px;
	background: none !important;
	}
	#newsletter-close a:hover,
	#newsletter-close a:focus {
		text-decoration: underline;
	}


/* Collapse */
.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
     -moz-transition: height 0.35s ease;
       -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
}

.collapse.in {
  height: auto;
}


/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    /**zoom: 1;*/
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
/*         content: " (" attr(href) ")"; */
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

a.lightbox {
	display: block;
	position: relative;
}

#contact-us {
  margin-right: 6px;
  padding-right: 8px;
}

.module-block {
	margin-bottom: 30px;
}

.text-area {
	font-size: 16px;
}

.text-area h2 {
	font-size: 35px;
}

.text-area p {
	font-size: 16px;
}

.text-area-border {
	box-shadow: 0px 0 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	padding: 40px 30px 30px;
	margin-bottom: 30px;
}

.text-area-background {
	background-color: #E6E9ED;
	padding: 40px 30px 30px;
	margin-bottom: 30px;
}

.text-ribbon {
	background-color: #153A4F;
	margin-bottom: 30px;
}
.text-ribbon h2 {
	font-size: 2.143em;
	color: #fff;
	font-weight: 300;
	text-align: center;
	margin: 20px 0;
	padding: 0;
	line-height: 1;
}

.video-module {
	margin-bottom: 30px;
	position: relative;
}

 .video-module-link {
	 display: block;
 }

 .video-module .video-play-icon {
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 margin-top: -45px;
	 margin-left: -45px;
 }

 .whitepaper-module hr.heading-divider,
 .case-study-module hr.heading-divider {
	 margin-top: -25px;
 }

 .whitepaper-module .heading-image,
 .case-study-module .heading-image {
	 margin-bottom: 0;
	 text-align: center;
 }

 a.icon-module-link {
	 display:block;
	 text-decoration: none;
 }

 a.icon-module-link:focus,
 a.icon-module-link:hover {
	 background-color: #eeeaea;
	 text-decoration: none;
 }

 .icon-module {
	 padding: 30px 0;
 }

 .icon-module .icon-module-icon {
	 text-align: center;
	 margin-bottom: 25px;
 }

 .icon-module h3 {
	 font-size: 24px;
	 text-transform: uppercase;
	 margin-bottom: .2em;
	 text-align: center;
 }

 .icon-module p {
	 font-size: 17px;
	 color: #a3a3b2;
	 font-weight: bold;
	 text-align: center;
 }

 .hero-image {
	 min-height: 200px;
	 margin: 0 auto;
	 padding: 50px;
	 width: 100%;
	 background-position: center center !important;
	 background-repeat: no-repeat;
	 background-size: cover;
	 position: relative;
	 overflow: hidden;
   @media screen and (min-width: 768px){
     height: 205px;
   }
 }

 .hero-image h2,
 .hero-image h1 {
	 font-size: 40px;
	 /*color: #fff; changed back to black 11/17/16*/
	 margin-bottom: .2em;
 }

 .hero-image h1 {
	 margin-top: .5em;
 }

 .hero-image p {
	 color: #373736;
	 font-size: 1.2em;
   margin-bottom: 0;
 }

/* LANGUAGE SPECIFIC STYLES */

.language-jp .nav-bar>li>a{
	font-size: 1.05em;
}

.language-jp .feature-graphic-text{
	font-size: 15px;
}

.language-cn .nav-bar>li>a{
	font-size: 1.4em;
}



/* Marketo Form */

.mktoForm{
  width: 100% !important;
}