@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');
body {background:#fff;font-family: 'Open Sans', arial,sans-serif;color:#222}

h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans Condensed', arial,sans-serif;line-height:1.5;font-weight:700}

h1 {font-size:1.7rem}
h2 {font-size:1.5rem}
h3 {font-size:1.3rem}


.footer-color {background:#263c91}

.footer-text {font-size:12px;line-height:1.8;color:#fff}
.footer-text a {color:#fff}
.nav-color{background:#263c90}

.row-padding {margin:15px 0}

ol.olPadding li {padding-bottom:15px;border-bottom:1px solid #dddddd;margin-top:15px}
ol.olPadding ul li {padding-bottom:5px;border-bottom:none}
ul.productDetails li{font-size:90%;padding-left:30px;line-height:15px;list-style: none;background: url(../images/greencheck.png) no-repeat; padding-bottom:15px }

.top-heading{width:100%;background: #0060a9;margin-bottom:25px;color:#fff}



.container {  display: flex; }
.brand-holder{width:12%;margin:1%}
.brand-box{border:1px solid #eee}
.brand-box-text {text-align:center;font-size:14px}

.font-bold {font-weight:700}
.button { background: #222  }
.button:hover { background: #666  }

.logo{margin-top:5px}
.logo-text{font-size:1.8rem}

.blue {color: #0060a9}
.blueBg {background: #679acb}
.red {background: #d62c2c}
.blue-font {color: #0060a9}
.red-font {color: #d62c2c}

.white {color:#ffffff}
.off-white {color:#ddd}
.off-white:hover {color:#fff}

.dark-gray {color:#5f5f5f}
.grayBg {background:#fafafa;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
.fontMed{font-size:1.1rem}
.fontLg {font-size:1.8rem}
.fontXLg {font-size:2.3rem}
.fontSm{font-size:0.9rem}

.clear-both {clear: both}

a {color:#e5201b}
a:hover, a:focus {color: #bd2026}

.button.bluebutton {background-color: #0060a9;color: #fefefe; }
.button.bluebutton:hover, .button.bluebutton:focus {background-color: #004477;color: #fefefe; }



.caps {text-transform:uppercase}
.capitalize {text-transform: capitalize;}
.radius{border-radius: 5px}
.image-border {border:5px solid #fff}

.title {font-size:115%;font-weight:700}
.padding-top {padding-top:15px}
.padding-bottom {padding-bottom:15px}

.logo-box {display: inline; margin:auto;width: 15%; padding: 10px;}

.ccImg {float:left;width:23%;padding-right:1%}
.socialImg {float:left;width:20%;padding:1%;margin-top:5%}

.aList{clear:both;float:left;width:65%;padding:4px 4px 0 0}
.aps {float:left;width:45%;padding-top:3%;margin-right:20px}
.nate {float:left;width:15%}


.contact-box {	background: #0060a9;
	border: 2px solid #fff;
	color:#fff;
	text-align:center;
	font-size:145%;
	font-family: 'Open Sans Condensed', arial,sans-serif;
}

.case-study-pic {padding:2px; border: 1px solid #ddd}

.grayLiteBg {background:#fafafa;border:1px solid #f1f1f1;padding:3px;width:100%}
.blue-title-bar {background:#242852;color:#fff;padding:3px;width:100%}


.hp-div {visibility: hidden; height:15px}



.callout.primary {
    background-color: #00539E;
    color: #ffffff;
    padding: .5rem;
    }
.primary::after {
    top: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(123, 165, 186, 0);
    border-top-color: #00539E;
    border-width: 10px;
    margin-left: -10px;
}

.column-text  {font-size: .9em;line-height: 1.4em}



/*.red-line{height:4px;width:100%;background-color:#d62c2c}*/

.button.submit {background-color: #d62c2c;color: #fefefe; }
.button.submit:hover, .button.submit:focus {background-color: #cc2739;color: #fefefe; }


/*Navigation*/

.top-bar {background:#fff;width:100%;font-family: 'Open Sans Condensed', sans-serif;font-weight:700;font-size:16px;text-transform:uppercase}
.title-bar{background-color: #263c90}
.top-bar {
  padding: 0}


  .top-bar::before, .top-bar::after {
    content: ' ';
    display: table; }
  .top-bar::after {
    clear: both; }
  .top-bar,
  .top-bar ul {
    background-color: #263c90; }
  .top-bar a {
    color: #fff; }
  .top-bar input {
    width: 200px;
    margin-right: 1rem; }
  .top-bar input.button {
    width: auto; }

.menu > li > a {
    display: block;
    /*padding: 0 0.5rem;*/
    line-height: 1;height:31px; }


[data-whatinput='mouse'] .dropdown.menu a {
  outline: 0; }

.dropdown.menu .is-dropdown-submenu-parent {
  position: relative}
  .dropdown.menu .is-dropdown-submenu-parent a::after {
    float: right;
    margin-top: 3px;
    margin-left: 10px; }
  .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow a {
    padding-right: 1.5rem;
    position: relative; }
  .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #555 transparent transparent;
    border-top-style: solid;
    position: absolute;
    top: 0.825rem;
    right: 5px; }
  .dropdown.menu .is-dropdown-submenu-parent.is-left-arrow > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #555 transparent transparent;
    border-right-style: solid;
    float: left;
    margin-left: 0;
    margin-right: 10px; }
  .dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #555;
    border-left-style: solid; }
  .dropdown.menu .is-dropdown-submenu-parent.is-left-arrow.opens-inner .submenu {
    right: 0;
    left: auto; }
  .dropdown.menu .is-dropdown-submenu-parent.is-right-arrow.opens-inner .submenu {
    left: 0;
    right: auto; }
  .dropdown.menu .is-dropdown-submenu-parent.opens-inner .submenu {
    top: 100%; }
*/
.no-js .dropdown.menu ul {
  display: none; }

.dropdown.menu .submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 250px;
  z-index: 10;
  background: #555;
  border: 1px solid #555;
  margin-top: -1px; }
  .dropdown.menu .submenu > li {
    width: 100%; }
  .dropdown.menu .submenu.first-sub {
    top: 100%;
    left: 0;
    right: auto; }
  .dropdown.menu .submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .dropdown.menu .submenu, .dropdown.menu .submenu.js-dropdown-active {
    display: block; }

.dropdown.menu .is-dropdown-submenu-parent.opens-left .submenu {
  left: auto;
  right: 100%; }

.dropdown.menu.align-right .submenu.first-sub {
  top: 100%;
  left: auto;
  right: 0; }


.is-dropdown-menu.vertical {
  width: 100px;

  }
  .is-dropdown-menu.vertical.align-right {
    float: right; }
  .is-dropdown-menu.vertical > li .submenu {
    top: 0;
    left: 100%; }

.dropdown.menu .vertical a {font-family: 'Open Sans Condensed', sans-serif;font-weight:400}

.dropdown.menu .vertical a:hover{color:#ddd}



.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #ffffff transparent transparent;
    right: 5px;
    margin-top: -3px;
}


.dropdown .is-submenu-item .is-dropdown-submenu-item {list-style:none}
.is-submenu-item {list-style:none}
.is-dropdown-submenu-item{list-style:none}




.box-arrow {

	float:left;
	width:100%;
	margin:30px;
	position: relative;
	background: #fff;
	border: 1px solid #ddd;
	 border-radius: 20px;
	color:#333;
	font-size:110%;
	font-family: 'Open Sans', arial, sans-serif;
	padding:15px;

}
.box-arrow:after, .box-arrow:before {
	bottom: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.box-arrow:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.box-arrow:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #ddd;
	border-width: 12px;
	margin-left: -12px;
}




.title-text{

    text-align:center;
    position:relative;
    z-index:2;
    font-size:1.6rem;
    width:70%;
    margin:15px auto;


}
.title-text:after{
    content:"";
    position:absolute;
    top:50%;
    left:0;
    right:0;
    border-top:1px solid #ddd;
    z-index:-1;
}

.title-text-line{
    margin:0;padding:0 10px;
    background:#fafafa;
    display:inline-block;
}





.manfacturers-title-text{
	color:#fff;
    text-align:center;
    position:relative;
    z-index:2;
    font-size:1.6rem;
    width:70%;
    margin:15px auto;


}
.manfacturers-title-text:after{
    content:"";
    position:absolute;
    top:50%;
    left:0;
    right:0;
    border-top:1px solid #eee;
    z-index:-1;
}

.manfacturers-title-text-line{
    margin:0;padding:0 10px;
    background:#679acb;
    display:inline-block;
}





/*
small 639px
@media screen and (max-width: 39.9375em)

medium 640px
@media screen and (min-width: 40em)

Large 1024px
@media screen and (min-width: 64em)
*/

@media screen and (max-width: 39.9375em) {
	.home-orbit {}

	.top-phone {color:#000;font-size:36px;font-weight:700;font-family: 'Open Sans Condensed', arial,sans-serif;text-align:center}
	.top-phone a {color:#000;}

	.container {  display:  block; }
	.brand-holder{clear:both;width:90%;margin:10px auto}
	.brand-box{border:1px solid #eee;background:#fff;text-align:center}

	.product-img {display:none}
	.manual-text {text-align:left}
	.label{width:100%;background:#00539E;font-size:100%;color:#ffffff}
	.main-pic{max-height:370px;overflow:hidden}
	.inside-pic{}
	.fontLg {font-size:1.1rem}
	.aList{clear:both;float:left;width:60%;padding:0 4px 0 0}
	.key-feature {font-weight:600;color:#444}

	.box-arrow-main {float:left;width:90%;margin:0 auto;padding:0}


}

@media screen and (min-width: 40em) {

	.home-orbit {max-height:310px;overflow:hidden;padding-right:0}
	.top-phone {color:#000;font-size:36px;font-weight:700;font-family: 'Open Sans Condensed', arial,sans-serif;text-align:center}
	.top-phone a {color:#000;}

	.manual-text {text-align:right}
	.label{width:100%;background:#00539E;font-size:105%;color:#ffffff}

	.main-pic{max-height:370px;overflow:hidden}
	.inside-pic{}

	.aList{clear:both;float:left;width:37%;padding:4px 3px 0 0}

	.fontLg {font-size:1.3rem}

	.key-feature {text-align:right;font-weight:600;color:#444}

	.box-arrow-main {float:left;width:47%;padding-right:2%}



}


@media screen and (min-width: 64em) {
	.home-orbit {max-height:310px;overflow:hidden;padding-right:0 }
	.top-phone {color:#333;font-size:48px;padding-top:15px;font-weight:700;font-family: 'Open Sans Condensed', arial,sans-serif}
	.top-phone a {color:#000;}
	.manual-text {text-align:right}
	.label{width:100%;background:#00539E;font-size:110%;color:#ffffff}
	.inside-pic{max-height:425px;overflow:hidden;background:#0e053c;text-align:center}

	.main-pic{max-height:370px;overflow:hidden}
	.fontLg {font-size:1.8rem}
	.aList{clear:both;float:left;width:65%;padding:4px 4px 0 0}

	.box-arrow-main {float:left;width:47%;padding-right:2%}
	.top-padding{padding-top:15px;}

}




@media screen and (min-width: 110em) {
	.main-pic{max-height:370px;overflow:hidden}



}


@media screen and (max-width: 45em)
{
	.top-bar {font-size:87%}
}