@import url("css.rst");

* {
	margin: 0;
	padding: 0
}

/* OVERRIDE BOOTSTRAP DEFAULTS */
*,*:before,*:after{
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

html{
	height:100%;
	display:block;
	font-size: 14px; /* Global text size rest can be controlled w/ EM*/
}

body {
	font-size: inherit;
	font: 1em "Segoe UI","Helvetica Neue", Arial, Verdana, sans-serif;
	border-top: 2px solid #00A0FF;
	height: 100%; -webkit-font-smoothing: antialiased; /* smooths text*/
	/* overflow: auto; Not sure why this was set, but removing it allows ie7 to work well enough */
}


h1,h2,h3,h4,h5 {
	font-family: 'Open Sans Condensed', sans-serif;
	margin-top: 0px;
}

a { color:#177CB8;}
a, a:hover, a:visited, a:active, a:link {text-decoration:none;}
a:focus{outline:none;} /* aim at the dotted line of IE browser*/

h1 {color: #177CB8; font-size: 3.000em; margin-bottom: 0.333em;} /*Previously color:#177CB8;*/
h1.grey {color: #4c4c4c;}
h2 {font-size: 2.571em;color: #177CB8;}
h3 {font-size: 1.714em; color: #737373; margin-bottom: 0.500em;}


h1+h3, h2+h3 {
	margin-top: -0.357em;
	margin-bottom: 0.714em;
}

h4 {
	font-size: 1.143em;
	color: #177CB8;
	margin-bottom: 0.375em;
	font-weight: 700;
}

h5 {
	font-family: "Segoe UI","Helvetica Neue", Arial, Verdana, sans-serif;
	font-size: 1.071em;
	margin-bottom: 0.429em;
	font-weight: 400;
}

p {
	font-weight: 400;
	line-height: 1.6em; /*NEW Changed from 23px*/
	margin-bottom: 1.714em;
}

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

hr {
	width: 100%;
	border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(248, 248, 248, 0.3);
    margin: 0px;
}

var {
	margin: 0;
	border: 1px solid #ddd;
	background-color: #f8f8f8;
	border-radius: 3px;
	max-width: 100%;
	display: inline-block;
	font-style: normal;
	font-family: monospace;
	padding: 0 0.357em;
}

/*FORM padding changes as result of box-sizing override*/
input.form-control{
	padding: 0px 0px 0px 0.857em;
}
select.form-control {
	padding: 0px 0px 0px 0.643em;
}
.form-horizontal .control-label {
margin-bottom: 0.357em;
}

.inline {
	display: inline-block; /*override bootstrap form-control block */
}

.label-left { /* General: used for label on left side of text box. */
	font-weight: bold;
	margin-bottom:0px;
	line-height:2.571em; /* same as textbox height */
}
.text-right { /* General: Pull inner text to the right.  Used in labels */
	text-align:right;
}

.clear {
	clear: both;
}

.clear.space { /* General: There are times when we want to add a little separation */
	margin-top:0.571em;
}

.light {
	color:#737373;
}
.small {
	font-size:.89em;
}
.large {
	font-size:1.1em;
}

h2.red {
	color:#B30A00;
}	/*NEW changed default of h2 to blue*/

.red {color: #DB2800;}
.green{}

.grey {color:#737373;}

.white {color:#fff;}
.black {color: #000;}
.transparent{
	color: transparent;
}

.bold {
	font-weight:bold;
}
.window {
	background:whitesmoke;
	padding:1em;
	border:1px solid gainsboro;
	box-shadow: 0 1px 3px rgba(0,0,0,.15);
}

.window + h3 {
	margin-top: 1em;
}

.window.clear {
	background:transparent;
	clear:none;
}

.window.blue {
	background-color:#FAFCFF;
	border-color:#B7DEF7;
}

.window.red {
	background-color:#FFE0E0;
	border-color:#DCA4A4;
}

.window.white {
	background:white;
	color: black;
}

form .window{
	margin-bottom: 1.071em;
}

.hover_box{
	margin-right: 0.714em;
	padding: 0.571em 0.500em 0.500em 0.357em;
	-webkit-transition:box-shadow .15s ease;/*Adds slight fade in and out on hover*/
	-moz-transition:box-shadow .15s ease;
	-o-transition:box-shadow .15s ease;
	transition: box-shadow .15s ease;
	box-shadow: 0 1px 3px rgba(0,0,0, 0); /*Adds reference for transition */
}

.hover_box:hover {
	background-position: 50% -93px;
	box-shadow: 0 1px 3px rgba(0,0,0,.15);
}

.indent {
	margin-left:81px;
}

.section-divider {
	width: 100%;
	margin: 2em 0;
	height:4px;
	background: url(../img/section-divider2.png) no-repeat 50% 0 ;
}
.section-spacer {
	width: 100%;
	margin: 2.143em 0px;
	height: 1px;
}

.enlarge {
	background:url(../img/img_enlarge.gif) no-repeat bottom center;
	padding-bottom:1.071em;
	margin-bottom:1.071em;
	cursor:pointer;
	display:inline-block;
}

#main {
	margin: 0 auto;
	/*min-height: 100%;*/
}


/*COLUMNS*/
.col{
	float:left;
	padding: 0 0.714em;
}

.one-twelfth	{ 	width: 64px; }
.one-eighth 	{ 	width: 103px;}
.one-sixth		{	width: 140px;}
.one-fourth		{	width: 224px;}
.three-eighths	{	width: 346px;}
.one-third		{	width: 304px;} /*changed from 305px, which caused menu to break*/
.one-half		{	width: 460px;}
.five-twelfths	{  width: 385px;}
.seven-twelfths{	width: 448px;}
.four-sixths	{	width: 415px;}
.five-eighths 	{	width: 565px;}
.two-thirds		{	width: 624px;}
.three-fourths	{	width: 704px;}
.five-sixths	{	width: 785px;} /*changed from 758px*/
.full				{	width: 960px; margin: 0 auto;}
.last, .right 	{	float:right;}
.left 			{  float:left;}

.window.one-half {
	width: 444px;
	padding: 1em;
}

/*NEW COLUMNS TEST */
.colrow { padding: 0 0.714em; }
.colrow .col {float:left; margin: 0 5px;}

.col .1col  { width: 65px; }
.col .2col  { width: 145px;}
.col .3col  { width: 225px;}
.col .4col  { width: 305px;}
.col .5col  { width: 385px;}
.col .6col  { width: 465px;}
.col .7col  { width: 545px;}
.col .8col  { width: 625px;}
.col .9col  { width: 705px;}
.col .10col { width: 785px;}
.col .11col { width: 865px;}
.col .12col { width: 945px;}

.blue {
	color: #177CB8
}

.circle {
	border-radius: 50%;
	display: inline-block;
	margin-right: 20px;

	color: white !important;
	background: #428bca;
	border:1px solid #177CB8;
	background-image: -moz-linear-gradient(top, gray 0%, #428bca; 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, gray), color-stop(100%, #428bca;));
	background-image: -webkit-linear-gradient(top, gray 0%, #428bca; 100%);
	background-image: -o-linear-gradient(top, gray 0%, #428bca; 100%);
	background-image: -ms-linear-gradient(top, gray 0%, #428bca; 100%);
	background-image: linear-gradient(top, gray 0%, #428bca; 100%);
	-pie-background: linear-gradient(top, gray 0%, #428bca; 100%);

	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,.1);
	box-shadow: 0px 2px 2px rgba(0,0,0,.1);
}

/* Table Grid */
.grid {
text-align: left;
margin-top: 0px;
}

.grid table {
border: 1px solid gainsboro;
border-left: none;
border-top: none;
}

.grid .sub-header {
padding: 0.500em;
background-color: #F5F5F5;
border-left: 1px solid #E0E0E0;
border-top: 1px solid #E0E0E0;
text-align: left;
}

.grid td {
border-top: 1px solid gainsboro;
border-left: 1px solid gainsboro;
padding: 0.500em;
}

/* -- Individual Styles -- */

/* -- .content_container ul and li are defaults for most content -- */
.content_container ul {
	margin:0.714em;
}
.content_container ul li {
	margin-left:1.786em;
	line-height:1.7em;
}

ul.list_sidenav {
	margin:0px;
}
ul.list_sidenav li{
	list-style: none;
	padding:0.286em 0 0.286em 0.714em;
	border:1px solid gainsboro;
	background:none;
	margin:0px;
}

ul.list_sidenav li.active{
	border-left:2px solid #287ABB;
	background:none;
	background-color:whitesmoke;
	border-top:none;
	box-shadow: 0 1px 3px rgba(0,0,0,.15);
}

ul.bullets_none li{
	list-style: none;
	margin:0.286em 0 0.286em 0.714em;
	background-position:top left;
}

ul.bullets_blue li {
	font-size: 1.000em;
	margin: 0 0 0 0.714em;
	padding: 0.214em 0 0.214em 1.214em;
	list-style: none;
	background: url(../img/blue_bullets.png) no-repeat 0px 0.714em;
}

ul.bullets_blue li.active {
	border-left:2px solid #287ABB;
	background:none;
	background-color:whitesmoke;
	box-shadow: 0 1px 3px rgba(0,0,0,.15);
}

ul.bullets_blue.two-col li{
	width:260px;
	float:left;
	margin: 0.357em 1.429em 1.071em 0.357em;
}

ul.link-list li{
	list-style: none;
	margin-bottom: 1.429em;
}

ul.link-list li a{
	font-weight: bold
}

ol{
	/*NEW  Deleted font size: 14px;*/
	margin: 0px 0 0.714em 20px; /*New increased margin-left from 0.714em*/
	padding-left: 0.857em;
	margin-bottom: 1.714em;
}

ol li{
	margin-bottom: 0.357em;
}

ol.priv {
	margin: 1.429em 1.429em 0.714em 2.857em;
}

ol.priv li {
	margin-bottom: 0.357em;
}

ol.faqs{
	margin-left:1.429em;
	margin-bottom: 1.429em;
	padding-left: 0.714em;
}

ol.faqs p {
	margin-bottom: 0.714em;
}

ol.faqs li {
	margin-bottom: 0.714em;
}

ul.faqs {
	margin-left:1.429em;
}
ul.faqs li {
	padding: 5px;
	list-style: none;
}
ul.arrows_blue {
	margin: 1.429em 0px;
}
ul.arrows_blue li {
	background: url(../img/arrow_blue.png) no-repeat 0 5px;
	margin: 0.714em;
	padding-left: 1.286em;
	list-style: none;
}

ul.arrows_blue li.img {
	list-style: none;
	background: none;
	margin: 0px;
}

/* TOP HEADER BEFORE MENU */

#header_container, #header_buffer {
	height: 70px;
}

#header_container{
	position: fixed;
	width:100%;
	min-width: 980px;
	top: 0;
	border-bottom: solid 1px gainsboro;
	background-color: #FFF;
	z-index: 900;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,.1);
	box-shadow: 0px 2px 2px rgba(0,0,0,.1);
	border-top: 2px solid #00A0FF;
	-webkit-transform: translateZ(0);
}
/*Fix for Modal Movement !!*/
body.modal-open #header{
	margin-left: -498px;
}
body.modal-open #menu {
	margin-left:-298px;
}
body.modal-open #submenu_container .submenu{
	margin-left: -486px;
}
body.modal-open #main,body.modal-open .content_containe{
	margin-left: -2px;
}
/* END Fix for Modal Movement !!*/

#header{
	position: absolute;
	/*overflow:hidden;*/
	left: 50%;
	margin-left: -490px;
	min-width: 980px;
	width:980px;
	margin-bottom: 0.714em;
	height:100%;
}

#header .links{
	float:right;
	clear:right;
	list-style:none;
	padding:0 0px 0 0;
	margin:-1px 0;
}
#header .links li{
	float:left;
	padding:0 0.571em;
	font-size: 0.857em;
}

#header .links li:first-child{background:none;}

#header .links a{
	display:block;
	overflow:hidden;
	height:1.714em;
}
#header ul.links li, ul.links li a {
	font-size: 0.929em;
	color: #656668;
	margin: 0px ;

}
#header ul.links li a:hover{
	color: #007DB7;
}

#header .logo, #as2_nav .logo{
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	/*background image w/ css fallback*/
	background: url(../img/logo.png);
	background: url(../img/logo.svg),
		linear-gradient(transparent, transparent);
	background-repeat:no-repeat;
	background-size: contain;
	width:108px;
	height:24px;
	margin:16px 0px 0px 10px;
	display:inline;
}
#header .logo a{
	display:block;
	height:100%;
}

#header .slogan{
	text-transform: uppercase;
	float:right;
	margin:0.786em 0.571em 0.571em 0px;
	color:#007DB7;
	font-size:0.857em;
	font-weight: normal;
	height:16px;
}

/* CONTENT*/

#content_container{
	width: 980px;
	height: auto;
	min-width: 980px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}
/*
#content_container ul li, #hero ul li {
	font-size: 14px;
	margin: 5px 0 0.714em 0.714em;
	padding-left: 0.857em;
	list-style: none;
	background: url(../img/blue_bullet.gif) no-repeat 0px 08px;
}
*/
/* specific to kb articles - takes too much time to reformat all w/ custom classes*/
.kb.articles ul, .kb.articles ol {
	margin-left:3em;
}

.kb.articles h2, .kb.articles h3 {
	color:black;
}

/* Accordion + Order Page */
#accordion a.accordion-toggle{
	background-color: whitesmoke;
	border: 1px solid gainsboro;
	display:block;
	list-style: none;
	margin:0 0 0.571em 0;
	padding: 0.714em 20px;
	text-decoration:none;
	}
#accordion .panel {
	-webkit-box-shadow: none;
	box-shadow: none;
}

#news-accordion a h5{
	margin-bottom: 1.071em;
}

#faq .panel h3 {
	margin-bottom: 1.071em;
	margin-left: 1.857em;
	text-indent: -1.857em;
}
#faq .panel p, 	#faq .panel ul {
	margin-left: 1.857em;
	margin-bottom: 1.143em;
}
.accordion-toggle {
	color:black;
}

a.accordion-toggle:hover {
	color:dimgray;
}

a.accordion-toggle:hover, a.accordion-toggle:active, a.accordion-toggle:link {
	text-decoration:none;
}

.ordertable td {
	padding:0px 0.714em 1.071em 0.714em;
}
/*improve the SyntaxHighligher style*/
#main .syntaxhighlighter .line .content {margin-left: 1.3em !important;}
.syntaxhighlighter .lines { padding-right: 20px !important; }

/*a specific field that aiming at the scanner*/
.visit{ width:0px; height:0px; overflow:hidden; }

/*mobile elements*/
.mobile-menu,#search_icon,#search_container{display:none;}
#div-search + div.input-group-btn { z-index: 3; }

.fadebar {position: relative;bottom: 108px;height: 70px;background: url('../img/fade.png');}

.anchor_offset::before {
  display: block;
  content: " ";
  margin-top: -148px;
  height: 148px;
  visibility: hidden;
  z-index: -1;
  pointer-events: none;
}

/* Drivers page redesign */

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

.product-wrapper .padder {
  padding: 4em 0;
  position: relative;
}

.product-wrapper .bg-light {
  background-color: #FAfAfA;
  border-top: 1px solid gainsboro;
  border-bottom: 1px solid gainsboro;
}

.product-wrapper header {
  background-size: cover;
  position: relative;
}

.product-wrapper header.odbc {
  background: #00A0FF url(../../ui/img/odbc_hero.jpg) no-repeat center center;
  min-height:340px;  
}

.product-wrapper header.odbc:after {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1793c4+0,1dc4f2+100&1+25,0.5+100 */
  background: -moz-linear-gradient(-45deg, rgba(56, 124, 187,1) 0%,rgba(56, 124, 187,1) 10%,rgba(0, 160, 255,0.3) 50%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(56, 124, 187,1) 0%,rgba(56, 124, 187,1) 10%,rgba(0, 160, 255,0.3) 50%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(56, 124, 187,1) 0%, rgba(56, 124, 187,1) 10%, rgba(0, 160, 255,0.3) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1793c4', endColorstr='#801dc4f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  /* IE6-9 */
  position: absolute;
  top: 0%;
  left: 0%;
  content: ' ';
  height: 100%;
  width: 100%;
}

/*Modifications for Mobile*/
@media screen and (max-width: 980px) {
  .product-wrapper header.odbc { 
  		background-position: -203px 55px;
  		background-size: cover;
  	}
}

@media screen and (max-width: 640px) {
  .product-wrapper header.odbc { 
  		background-position: -420px 116px;
  		background-size: cover;
  	}
  	.product-wrapper img {
  		max-width: 100% !important;
  	}
}

.product-wrapper header .hero-sub {
  background: #EDF7FD;
  text-align: center;
}

.product-wrapper header.dark h1,
.product-wrapper header.dark h2,
.product-wrapper header.dark h3,
.product-wrapper header.dark p {
  color: #fff;
}

.product-wrapper header p {
  opacity: 0.9;
  font-size: 1.1em;
}

.product-wrapper header .header-note {
  color: #fff;
  display: inline-block;
}

.product-wrapper header .padder {
  padding: 4em 0;
  position: relative;
  z-index: 2;
}

.product-wrapper header .hero-sub .padder {
  padding: 1em 0;
}

.product-wrapper header .header-img {
  position: relative;
}

.product-wrapper header .header-img .header-img-overlay {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 140px;
  max-height: 130px;
  margin-bottom: -65px;
}

.product-wrapper header .header-img .header-img-inner {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
	padding: 2em 1em;
	display: inline-block;
	max-width:60%
}

.product-wrapper .header-note {
  font-size: 0.8em;
  margin-bottom: 12px;
}

.product-wrapper .header-note.mb-5 {
  margin-bottom: 24px;
}

.product-wrapper .section-intro {
  border-top: none;
}

.product-wrapper .section-intro p:last-child {
  margin: 0;
}

.product-wrapper .section-slidetabs {
	background: url(../../ui/img/connectors2.svg) center top no-repeat; 
	background-color:#00A0FF;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.product-wrapper .section-slidetabs:after {

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1793c4+0,1dc4f2+100&1+25,0.5+100 */
  background: -moz-linear-gradient(-45deg, rgba(56, 124, 187,1) 0%,rgba(56, 124, 187,1) 25%,rgba(0, 160, 255,0.6) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(56, 124, 187,1) 0%,rgba(56, 124, 187,1) 25%,rgba(0, 160, 255,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(56, 124, 187,1) 0%, rgba(56, 124, 187,1) 25%, rgba(0, 160, 255,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1793c4', endColorstr='#801dc4f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  /* IE6-9 */
  position: absolute;
  top: 0%;
  left: 0%;
  content: ' ';
  height: 100%;
  width: 100%;
}

.product-wrapper .section-slidetabs .padder {
  position: relative;
  z-index: 2;
}

.product-wrapper .section-slidetabs h1 {
  margin: 0;
  color: #fff;
}

.product-wrapper .section-slidetabs .carousel {
  position: relative;
  z-index: 2;
}

.product-wrapper .section-slidetabs .carousel-indicators {
  margin-bottom: 0;
}

.product-wrapper .section-slidetabs .carousel-indicators li {
  font-family: "Segoe UI","Helvetica Neue", Arial, Verdana, sans-serif;
  width: auto;
  height: auto;
  border-radius: 80px;
  opacity: 1;
  padding: 0.6em 1em;
  margin: 0 0.4em;
  color: #fff;
}

.product-wrapper .section-slidetabs .carousel-indicators li:hover {
  background: #DBEFFB;
  color: #23527c;
}

.product-wrapper .section-slidetabs .carousel-indicators li.active {
  box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06);
  background: #FFF !important;
  color: #333;
}

.product-wrapper .section-slidetabs .carousel-indicators li:before {
  display: none;
}

.product-wrapper .section-highlight {
  border-top: none;
}

.product-wrapper .section-highlight h2 {
  text-align: left;
  margin-bottom: 10px;
}

.product-wrapper .section-highlight .highlight-img {
  margin-bottom: -20px;
}

.product-wrapper .section-nav {
  background: #fafafa;
  margin: 0 !important;
  text-align: center;
  border: none;
}

.product-wrapper .section-nav span {
  margin: 0;
  padding: 1em 0;
  display: block;
}

.product-wrapper .section-nav ul {
  display: inline-block;
}

.product-wrapper .section-nav ul li {
  padding: 0;
}

.product-wrapper .section-nav ul li:last-child a {
  border-right: none;
}

.product-wrapper .section-nav ul li a,
.product-wrapper .section-nav ul li span {
  padding: 1em;
  display: block;
}

.product-wrapper .section-nav ul li a,
.product-wrapper .section-nav ul li span {
  border-right: solid 1px #f1f1f1;
}

.product-wrapper .feature-row {
  border-bottom: solid 1px #f1f1f1;
}

.product-wrapper .feature-row:last-child {
  border: none;
}

.product-wrapper .feature-row p:last-child {
  margin: 0;
}

.product-wrapper .feature-row .tools {
  margin-bottom: 1em;
}

.product-wrapper .feature-row:last-child .padder {
  padding-bottom: 0;
}

.product-wrapper .feature-row .pt-0 {
  padding-top: 0;
}

.product-wrapper .feature-row .feature-inner.feature-left {
  padding-right: 2em;
}

.product-wrapper .feature-row .feature-inner.feature-right {
  padding-left: 2em;
  border-left: solid 1px #f1f1f1;
}

.product-wrapper .section-features {
  border-top: none;
}

.product-wrapper .feature-expander {
  display: block;
  padding: 1em;
  transition: 0.222s;
  border-top: solid 1px #f1f1f1;
}

.product-wrapper .feature-expander .fa {
  color: #497188;
}

.product-wrapper .feature-expander:hover {
  background: #fafafa;
}

.product-wrapper .feature-list li {
  margin-bottom: 2em;
}

.product-wrapper .feature-list li p {
  margin: 0;
}

.product-wrapper .pb-0 {
  padding-bottom: 0;
}

.product-wrapper .padder:empty {
  padding: 0;
}

.product-wrapper .overview-carousel .item .padder {
  height: 500px;
}

.product-wrapper .overview-carousel .carousel-control {
  background: none;
  color: gainsboro;
  box-shadow: none;
  text-shadow: none;
}

.product-wrapper .overview-carousel .container {
  height: 520px;
}

.product-wrapper .overview-carousel .item-inner {
  border-radius: 4px;
  padding: 4em;
  margin-top: 38px;
  min-height: 409px;
  border: solid 2px rgba(255, 255, 255, 0.1);
}

.product-wrapper .overview-carousel .item-inner p,
.product-wrapper .overview-carousel .item-inner h3,
.product-wrapper .overview-carousel .item-inner .tools,
.product-wrapper .overview-carousel .item-inner .blue {
  color: #fff;
}

.product-wrapper .section-more {
  background: #fafafa;
}

.product-wrapper .section-more .collapse .padder,
.product-wrapper .section-more .collapsing .padder {
  padding: 2em 0;
}

.product-wrapper .section-overview .feature-expander:last-child {
  border-bottom: solid 1px #f1f1f1;
}

.product-wrapper .overview-carousel .item-inner p:last-child {
  margin-bottom: 0;
}

.product-wrapper .tools {
  margin-bottom: 1em;
}

.product-wrapper .section-articles {
  border-top: solid 1px #f1f1f1;
}

.product-wrapper .section-articles p:last-child {
  margin: 0;
}

.product-wrapper .section-more-title {
  text-align: center;
}

.product-wrapper .section-feature-specs {
  position: relative;
}

.product-wrapper .icon-list li {
  position: relative;
  margin-bottom: 1em;
  padding-left: 1.4em;
}

.product-wrapper .icon-list li:last-child {
  margin-bottom: 0;
}

.product-wrapper .icon-list .fa {
  position: absolute;
  left: 0;
  top: 4px;
  color: #497188;
}

.product-wrapper .feature-specs-inner h2 {
	margin-bottom:.5em;
}

.product-wrapper .features-left .feature-specs-inner {
  border-right: solid 1px #f1f1f1;
  padding-right: 2em;
}

.product-wrapper .tab-content-wrapper {
  border-left: solid 1px #f1f1f1;
}

.product-wrapper .tab-content {
  padding-left: 2em;
}

.product-wrapper .tab-content .tab-pane::before {
  display: block;
  content: " ";
  margin-top: -120px;
  height: 120px;
  visibility: hidden;
  pointer-events: none;
}

.product-wrapper .tab-content-left {
  padding-left: 0;
  border-left: none;
  border-right: solid 1px #f1f1f1;
  padding-right: 2em;
}

.product-wrapper .nav-sidebar .nav > li {
  margin-bottom: 4px;
}

.product-wrapper .nav-sidebar .nav > li > a {
  border-radius: 80px;
  padding: 0.4em 1em;
}

.product-wrapper .nav-sidebar .nav > li > a:hover {
  background: #EDF7FD;
}

.product-wrapper .nav-sidebar .active a {
  width: auto;
  height: auto;
  background: #497188 !important;
  color: #fff;
}

.product-wrapper .more-features-list .more-features-listitem {
  border-bottom: dotted 1px gainsboro;
  padding: 1em 0;
}

.product-wrapper .more-features-list .more-features-link {
  display: block;
}

.product-wrapper .more-features-list .more-features-link i {
  margin-right: 1em;
  display: inline-block;
}

.product-wrapper .more-features-list p:last-child {
  margin: 0;
}

.product-wrapper .more-features-list .panel-body {
  border-left: solid 1px gainsboro;
  padding: 6px 0 6px 19px;
  margin: 12px 0 0 5px;
}

.product-wrapper .details-tabs {
  border: none;
}

.product-wrapper .details-tabs li a {
  padding: 0.4em 1em !important;
  border: none;
  border-radius: 80px;
  margin-bottom: 0.4em;
}

.product-wrapper .details-tabs li.active a {
  background: #497188;
  color: #fff;
  border: none;
}

.product-wrapper .section-intro-img {
  background: #fafafa;
  text-align: center;
}

.product-wrapper .section-intro-text {
	background: #fafafa;
}

.product-wrapper .section-intro-text .padder {
	padding: 2em 0;
}

.product-wrapper .section-intro-text p {
	margin: 0;
}


.product-wrapper .section-intro-img .padder {
  padding: 1em 0;
}

.product-wrapper .intro-img {
  border-radius: 4px;
  text-align: center;
  display: inline-block;
}

.product-wrapper .details-more {
  position: relative;
  margin-bottom: 2em;
}

.product-wrapper .section-details .details-inner {
  padding: 2em 0;
}

.product-wrapper .section-details .more-features-link {
  display: block;
  border-bottom: dotted 1px gainsboro;
  padding: 1em 0;
}

.product-wrapper .section-details .more-features-link .fa {
  margin-right: 1em;
}

.product-wrapper .bullets_blue {
  margin-bottom: 1em;
}


@media screen and (max-width: 640px) {
  .product-wrapper header h1 {
    font-size: 3em;
  }

  .product-wrapper header .header-text {
    margin-bottom: 2em;
  }

  .product-wrapper .feature-row .feature-inner.feature-left {
    padding: 0;
  }

  .product-wrapper .feature-row .feature-inner.feature-right {
    border: none;
    padding: 0;
  }

  .product-wrapper .highlight-img,
  .product-wrapper .specs-right {
    margin-top: 2em;
  }

  .product-wrapper .overview-carousel .item-inner {
    padding: 2em;
  }

  .product-wrapper .overview-carousel .item-inner img {
    margin-bottom: 2em;
  }

  .product-wrapper .overview-carousel .container {
    height: 830px;
  }

  .product-wrapper .section-slidetabs .carousel-indicators {
    bottom: -100px !important;
  }

  .product-wrapper .section-slidetabs .padder {
    padding-bottom: 8em;
  }

  .product-wrapper header .padder {
    padding: 2em 0;
  }

  .product-wrapper .features-left .feature-specs-inner {
    border-right: none;
    padding: 0;
  }

  .product-wrapper .tab-content {
    padding: 0;
    border: 0;
    margin-top: 2em;
  }
}

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

.leadership-who .leadership-list {
  text-align: left;
  margin-bottom: 2em;
}

.leadership-who .leadership-list h2 a {
  font-size: 14px;
  margin-left: 0.4em;
  position: relative;
  top: -5px;
}

.leadership-who .leadership-list li {
  padding-bottom: 3em;
  margin-bottom: 3em;
  border-bottom: solid 1px gainsboro;
}

.leadership-who .details-tabs li a img {
  border-radius: 24px;
  margin-right: 0.4em;
  display: inline-block;
  vertical-align: middle;
}

.leadership-who .tab-content {
  padding-left: 10px;
}

.leadership-who .details-tabs li a span {
  display: inline-block;
  vertical-align: middle;
}

.leadership-who .details-tabs li a .leader-title {
  opacity: 0.6;
  border-left: solid 1px rgba(0, 0, 0, 0.2);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.4em;
  margin-left: 0.4em;
  font-size: 0.8em;
}

.leadership-who .details-tabs li.active a .leader-title {
  border-left: solid 1px rgba(255, 255, 255, 0.2);
}

.leadership-map {
  background-color: #F4F6F6;
  background-position: center center;
  background-size: cover;
  position: relative;
  background: url(../../ui/img/shattered.png) repeat center center;
  border-top: 1px solid gainsboro;
}

.leadership-map .years-map {
  position: absolute;
  width: 100%;
  height: 221px;
  left: 0;
  top: 0;
  z-index: 1;
}

.leadership-map .padder {
  position: relative;
  z-index: 4;
}

.leadership-map p {
  margin-bottom: 0;
}

.leadership-map ul {
  margin-top: 14px;
  margin-bottom: 0;
  list-style: none;
}

.leadership-map ul li {
  margin-bottom: 0.4em;
  font-size: 18px;
  position: relative;
  padding-left: 28px;
}

.leadership-map ul li:last-child {
  margin-bottom: 0;
}

.leadership-map ul li .fa {
  color: #DB2800;
  margin-right: 0.4em;
  position: absolute;
  top: 4px;
  left: 0;
}

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

}

.leadership-intro {
  border-top: solid 1px gainsboro;
}

.leadership-intro h1, .leadership-intro h2{
  color:white;
}

.leadership-profiles img {
  margin-bottom: 		0.4em;
  border-radius: 		160px;
  -moz-box-shadow:    	0px 2px 5px 0px #ccc;
  -webkit-box-shadow: 	0px 2px 5px 0px #ccc;
  box-shadow:         	0px 2px 5px 0px #ccc;
}

.leadership-profiles .profiles-inner {
  /*background: rgba(255,255,255,0.1);
  box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06);*/
  border: solid 2px rgba(255, 255, 255, 0.1);
  padding: 2em;
  margin-bottom: 2em;
  border-radius: 4px;
}

.leadership-profiles li:nth-child(n+4) .profiles-inner {
  margin-bottom: 0;
}

.leadership-profiles h3 .fa {
  margin-left: 0.4em;
  font-size: 14px;
  position: relative;
  bottom: 2px;
}

.leadership-profiles .profiles-inner .fa,
.leadership-profiles h3 {
  color: #fff;
}

.leadership-profiles .profiles-inner p {
  margin: 0;
  color: #fff;
}

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

.leadership-clients .padder {
  padding-bottom: 2em;
}

.leadership-tied .fa {
  font-size: 64px;
  margin-bottom: 12px;
  color: #177CB8;
}

.leadership-tied .leadership-tied-list {
  margin-bottom: 2em;
}

.leadership-tied .tied-list-left {
  padding: 0;
  perspective: 1000px;
}

.leadership-tied .tied-list-left img {
  border-radius: 4px;
  margin-top: 2em;
  margin-left: 2em;
  transform: rotateY(6deg);
}

.leadership-tied .tied-list-right {
  padding: 0;
  perspective: 1000px;
}

.leadership-tied .tied-list-right img {
  border-radius: 4px;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
  margin-left: -2em;
  transform: rotateY(-6deg);
}

.leadership-connect {
  background: #5049b8 url(../../ui/img/connectors2.svg) no-repeat center center;
  background-size: cover;
  position: relative;
  text-align: center;
  overflow: hidden;
  margin-bottom: 4em;
}

.leadership-connect:after {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#16a1b8+0,1658b8+100&1+25,0.5+100 */
  background: -moz-linear-gradient(top, #16a1b8 0%, #168fb8 25%, rgba(22, 88, 184, 0.5) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #16a1b8 0%, #168fb8 25%, rgba(22, 88, 184, 0.5) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #16a1b8 0%, #168fb8 25%, rgba(22, 88, 184, 0.5) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16a1b8', endColorstr='#801658b8',GradientType=0 );
  /* IE6-9 */
  position: absolute;
  top: 0%;
  left: 0%;
  content: ' ';
  height: 100%;
  width: 100%;
}

.leadership-connect .fa {
  font-size: 64px;
  margin-bottom: 12px;
  color: #177CB8;
}

.leadership-connect h2 {
  color: #fff;
}

.leadership-connect p {
  color: #f1f1f1;
}

.leadership-connect .padder {
  position: relative;
  z-index: 2;
}

.leadership-intro {
  background-image: url(../../company/img/company/hero.jpg);
  background-position: 0% 55%;
  opacity: .8;
  text-shadow: 0px 2px 2px rgba(25, 25, 112, 0.4);
}
.leadership-intro:after {
	background-color: #0072b3;
    opacity: .5;
	position: absolute;
    left: 0;
    bottom: 0;
    content: ' ';
    width: 100%;
    height: 100%;
}

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

.leadership-who .leadership-profiles {
  margin: 2em 0;
}

.leadership-who .leadership-profiles h3 {
  color: #737373;
}

.leadership-companies li {
  line-height: 40px;
  border-right: solid 1px #f1f1f1;
  padding: 1em;
}

.leadership-companies li:last-child {
  border: none;
}

.leadership-companies img {
  max-height: 40px;
  max-width: 100%;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  opacity: 0.8;
  transition: 0.222s;
}

.leadership-companies img:hover {
  -webkit-filter: none;
  filter: none;
  opacity: 1;
}

.leadership-tied .tab-content {
  min-height: 350px;
  padding: 0 0 2em 0;
}

.leadership-tied .details-tabs {
  display: inline-block;
}

.leadership-tied .details-tabs li a {
  margin: 0 0.4em;
}

.leadership-quote {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#16a1b8+0,1658b8+100 */
  background: #16a1b8;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #16a1b8 0%, #1658b8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #16a1b8 0%, #1658b8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #16a1b8 0%, #1658b8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16a1b8', endColorstr='#1658b8',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  position: relative;
}

.leadership-quote .carousel-control {
  background: none;
  z-index: 99;
}

.leadership-quote .padder {
  position: relative;
}

.leadership-quote h2 {
  color: #fff;
  position: relative;
  z-index: 2;
}

.leadership-quote p {
  margin: 0;
  color: #f1f1f1;
  position: relative;
  z-index: 2;
}

.leadership-quote:before {
  position: absolute;
  top: 0%;
  left: 0%;
  content: ' ';
  height: 100%;
  width: 100%;
  z-index: 2;
}

.leadership-quote .fa {
  color: #fff;
  position: relative;
  font-size: 32px;
}

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

.leadership-join .padder {
  border: solid 5px #f1f1f1;
  margin: 4em 0;
}

@media screen and (max-width: 640px) {
  .leadership-companies li {
    border-right: none;
    border-bottom: solid 1px #f1f1f1;
  }

  .leadership-companies img {
    max-width: 100px;
  }

  .leadership-join .padder {
    padding: 2em;
  }

  .leadership-tied .tied-list-left img {
    margin: 0 0 2em 0;
    transform: none;
  }

  .leadership-tied .tied-list-right img {
    margin: 0;
    transform: none;
    box-shadow: none;
  }

  .leadership-quote .padder {
    padding: 2em;
  }

  .leadership-connect:before,
  .leadership-connect:after {
    transform: none;
    height: 80%;
    top: 12%;
    left: 0;
    width: 100%;
  }
}

#db-list .col {
	width: 20%;
}

.db-list-inner {
	padding: 0.4em;
	margin-bottom: 0.4em;
	border: solid 1px gainsboro;
}

.sources-list {
	margin-bottom: 1em;
}

.sources-list .sources-inner {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
	padding: 1em 0.4em;
	margin-bottom: 1em;
	position: relative;
}

.sources-links-list .sources-inner {
	cursor: pointer;
	transition: 0.222s;
}

.sources-links-list .sources-inner:hover {
	box-shadow: 0 13px 35px rgba(50, 50, 93, 0.2), 0 3px 18px rgba(0, 0, 0, 0.08);
	transform: scale(1.05);
}

.sources-list .sources-more .sources-inner h3 {
	margin: 0;
}

.sources-list .sources-more .sources-inner {
	border: none;
	border-radius: 4px;
	display: block;
}

.sources-list .sources-inner .fa {
	font-size: 48px;
	margin: 5px 0;
}

.sources-list .sources-inner img {
	max-height: 48px;
	margin: 0 auto;
	margin-bottom: 6px;
}

.destinations-list .sources-inner img {
	margin-bottom: 0;
}

.sources-list .sources-inner p {
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
}

.sources-list .sources-inner h4 {
	color: #000;
	font-weight: normal;
	margin: 0;
}

.sources-list .sources-inner a {
	position: absolute;
	bottom: 0.4em;
	right: 0.4em;
	display: none;
	transition: 0.222s;
	font-size: 10px;
}

.sources-list .sources-inner:hover a {
	display: block;
}

.product-wrapper .sync-header {
	background: #edf7fd;
}

.product-wrapper .sync-header img {
	max-width: 100% !important;
}

@media screen and (max-width: 640px) {
	.product-wrapper .sync-header img {
		margin-top: 1em;
	}
}

.product-wrapper .sync-header h1, .product-wrapper .sync-header h3 {
	color: #000;
}

.product-wrapper .sync-header h1 {
	color: #177CB8;
}

.product-wrapper .sync-header h3 {
	opacity: 0.8;
}

.product-wrapper .sync-header:after {
	background: none;
}

.product-wrapper .sync-header .btn {
	text-shadow: none;
	transition: 0.222s;
	margin: 0 1em 0 0;
}

.product-wrapper .sync-header .btn .fa {
	width: 16px;
	margin-right: 6px;
}

.product-wrapper .sync-header .btn:hover {
}

.sync-databases .sources-list .sources-inner img {
	margin: 0;
}

.product-wrapper .sync-features {
	margin: 0;
}

.sync-features .padder {
	padding: 2em 0;
}

.sync-features-list li {
	border-bottom: dotted 1px gainsboro;
}

.sync-features-list li a {
	display: block;
	padding: 1em 0;
}

.sync-features-list li .fa {
	margin-right: 0.4em;
}

.sync-features-list li .panel-collapse {
	border-left: solid 1px gainsboro;
	padding: 0.4em 1em;
	border-radius: 2px;
	margin-left: 5px;
	margin-bottom: 1em;
}

.sync-features-list li .panel-collapse p {
	margin: 0;
}

.sync-download {
	background: linear-gradient(whitesmoke,#fff 75%);
    border-top: 1px solid gainsboro;
}

.sync-download .btn {
	margin: 0.4em 0;
}

.sync-download .btn .fa {
	margin-right: 6px;
	width: 16px;
}

.sync-intro {
	position: relative;
}

.sync-intro:after {

}

.sync-intro .intro-inner {
	text-align: center;
	padding: 2em 1em;
	border: solid 1px gainsboro;
	border-radius: 2px;
}

.sync-intro .intro-inner p {
	margin: 0;
}

.sync-intro .intro-inner img {
	margin-bottom: 12px;
}

.sync-intro .padder {
	padding-bottom: 2em;
}

.sync-header h1, .sync-header h3 {
}

.sync-sources {
	position: relative;
	overflow: hidden;
}

.sync-sources .padder {
	position: relative;
	z-index: 2;
}

.sync-sources:before {
	background: #edf7fd;
	transform: rotate(4deg);
	position: absolute;
	top: 20%;
	left: -5%;
	width: 120%;
	height: 25%;
	content: ' ';
}

.sync-sources:after {
	background: #edf7fd;
	transform: rotate(-4deg);
	position: absolute;
	top: 67%;
	left: -5%;
	width: 120%;
	height: 25%;
	content: ' ';
}

.sources-row {
	margin-bottom: 2em;
}

.destinations-title, .sources-title {
	display: block;
	background: #497188;
	color: #fff;
	padding: 0.4em 1em !important;
  border: none;
  border-radius: 80px;
	margin: 0;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.product-wrapper .sync-header .btn {
		margin: 0.4em 0;
	}
	.sync-intro .intro-inner {
		margin-bottom: 1em;
	}
}

@media (min-width: 640px) {
	.sync-intro .intro-inner {
		margin-bottom: 1em;
	}
}

@media (min-width: 768px) {
	.sync-intro .intro-inner {
		margin-bottom: 1em;
	}
}

@media (min-width: 980px) {
	.sync-intro .intro-inner {
		margin: 0;
	}
}

@media screen and (max-width: 980px) {
  #richfooter .content, #footer .content {
    width: auto;
  }
}

.container  { max-width:980px;}

/* MULESOFT */

.mule-features-list li {
	border-bottom: dotted 1px gainsboro;
}

.mule-features-list li a {
	display: block;
	padding: 1em 0;
}

.mule-features-list li .fa {
	margin-right: 0.4em;
}

.mule-features-list li .panel-collapse {
	border-left: solid 1px gainsboro;
	padding: 0.4em 1em;
	border-radius: 2px;
	margin-left: 5px;
	margin-bottom: 1em;
}

.mule-features-list li .panel-collapse p {
	margin: 0;
}

.mule-intro {
	position: relative;
}

.mule-intro .intro-inner {
	text-align: center;
	padding: 2em 1em;
	border: solid 1px gainsboro;
	border-radius: 2px;
}

.mule-intro .intro-inner p {
	margin: 0;
}

.mule-intro .intro-inner img {
	margin-bottom: 12px;
}

.mule-intro .padder {
	padding-bottom: 2em;
}

.mule-sources {
	position: relative;
	overflow: hidden;
}

.mule-sources .padder {
	position: relative;
	z-index: 2;
}

.mule-sources:before {
	background: #edf7fd;
	transform: rotate(4deg);
	position: absolute;
	top: 20%;
	left: -5%;
	width: 120%;
	height: 25%;
	content: ' ';
}

@media screen and (max-width: 640px) {
}

@media (min-width: 640px) {
}

@media (min-width: 768px) {
}

@media (min-width: 980px) {	
}

@media screen and (max-width: 980px) {
}

/* Use for styling H1's and H2's */
.size-h2 {
	font-size: 2.571em;
} 

input::placeholder {
  opacity:.4;
}