@charset "utf-8";
/* CSS Document */
body.admin-bar {
    padding-top: 126px !important;
}
header#banner {
	height: 96px !important;
    padding: 0;
	overflow: visible;
	transition: top 0.05s linear 0s;
}
.nav-utility li.menu-item-type-custom {
	font-family: "Roboto Condensed";
}
.nav-utility {
    position: fixed !important;
	font-family: "Roboto Condensed";
	z-index: 300;
	top: 0;
	transition: none;
}
.admin-bar .nav-utility {
    top: 30px;
}
/*
#banner.is-fixed {
    top: 30px;
}
*/
.admin-bar .banner.is-fixed {
    top: 60px !important;
}
.admin-bar .banner.shrink {
    top: 60px !important;
}
.banner.shrink {
    top: 30px !important;
	max-height: 96px !important;
}
.banner .contain {
	position: relative;
	width: 100%;
	max-width: 960px;
	overflow: visible;
	margin: auto;
	top: 0;
}
.banner.is-fixed {
    left: 0;
    top: 30px;
    z-index: 99;
}
.banner .logo, .banner.shrink .logo {
    padding: 20px 0 10px 0;
}
#mobile-nav {
	display: none;
}
.nav {
	margin-top: 43px;
	max-width: 749px;
	width: 78%;
}
#menu {
	list-style: none;
	width: auto;
	margin: 0;
	padding: 0;
	float: right;
	background: none;
	border: none;
}
#menu li {
	float: left;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	border: none;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	transition: background 90ms ease-out 0s;
	-moz-transition: background 90ms ease-out 0s;
	-webkit-transition: background 90ms ease-out 0s;
	-ms-transition: background 90ms ease-out 0s;
	-webkit-appearance:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#menu li:hover, #menu li:active, #menu li:focus {
	background: #ebeced;
	-webkit-appearance:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#menu li > a, #menu li > span.main-nav-item {
	font-family: "Roboto Condensed";
	font-weight: 300;
	font-size: 15px;
	text-transform: uppercase;
	color: #595959;
	display: block;
	outline: 0;
	text-decoration: none;
	padding: 12px 17px 14px 17px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	position: relative;
	cursor: pointer;
}
#menu li:hover > a {

}
#menu li .drop {
	width: 100%;
	height: 7px;
	position: absolute;
	z-index: 30;
	margin: 0;
	bottom: 0;
	opacity: 0;
	left: 0;
	transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-webkit-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
}
#menu li:hover .drop {
	background: url(images/megamenu-arrow.png) center bottom no-repeat !important;
	opacity: 1;
}

.megamenu {
	width: 100%;
	max-width: 960px;
	margin: 0;
	position: absolute;
	left: -999em; /* Hides the drop down */
	text-align: left;
	padding: 0;
	border: none;
	border-top: #465565 6px solid;
	background: #FFFFFF;
	-moz-box-shadow: 1px 10px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 10px 10px rgba(0,0,0,0.4);
	box-shadow: 1px 10px 10px rgba(0,0,0,0.4);
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	opacity: 0;
	transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-webkit-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
}

#menu li:hover .megamenu, #menu li:focus .megamenu {
	left: 10px;
	top: 88px;
	opacity: 1;
	transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-webkit-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
}


.megamenu .columns-container {
	width: 100%;
	padding: 25px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	float: left;
}

.megamenu h2.panel-title {
	font-family: "Roboto";
	font-size: 18px !important;
	line-height: 18px !important;
	text-transform: uppercase;
	color: #472e8d;
	margin: 0;
	padding: 10px 25px;
	border-bottom: #000 1px dotted;
}

.megamenu p {
	font-family: "Roboto";
	font-size: 14px;
	font-weight: 300;
	color: #595959;
	margin: 0;
	width: 100%;
}

.megamenu .columns-container .column {
	display: block;
	float: left;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	margin-right: 2%;
	padding-right: 2%;
	border-right: #656e7a 1px dotted;
}
.megamenu .columns-container .column .halfcol {
	float: left;
	width: 49%;
	margin-right: 2%;
}
.megamenu .columns-container .column .halfcol-last {
	margin-right: 0
}
.megamenu .columns-container .column h3 {
	margin: 14px 0 8px 0;
	padding: 0;
	text-transform: uppercase;
	color: #472e8d;
	font-family: "Roboto Condensed";
	font-weight: 300;
	font-size: 15px;
	line-height: 18px;
	width: 100%;
	float: left;
}

.columns-container .column p {
	font-family: "open sans", Arial, Sans-serif !important;
}

.columns-container .column ul {
	margin: 0 !important;
	padding: 0;
	list-style-type: none;
	width: 100%;
	float: left;
	overflow: visible;
}

.megamenu .columns-container .column ul li {
	margin: 0 !important;
	padding: 0 !important;
	list-style-type: none;
	display: inline-block;
	float: left;
	width: 100% !important;
	text-transform: none !important;
	text-align: left !important;
	font-weight: 300 !important;
}
.megamenu .columns-container .column ul li a {
	margin: 0 !important;
	padding: 6px 12px !important;
	color: #393939 !important;
	font-family: "open sans", Arial, Sans-serif !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	text-transform: none !important;
	text-align: left !important;
	display: inline-block;
	float: left;
	width: 100%;
	background: url(images/megamenu-bullet-arrow.png) 0 12px no-repeat !important;
	transition: all 90ms ease-out 0s;
	-moz-transition: all 90ms ease-out 0s;
	-webkit-transition: all 90ms ease-out 0s;
	-ms-transition: all 90ms ease-out 0s;
}
.megamenu .columns-container .column ul li:hover a {
	background: #ebeced url(images/megamenu-bullet-arrow-hover.png) 9px 12px no-repeat !important;
	color: #393939 !important;
	padding-left: 18px !important;
	padding-right: 6px !important;
}
.megamenu .columns-container .column p.small {
	font-family: "open sans", Arial, Sans-serif !important;
	font-size: 11px !important;
	font-weight: 400 !important;
	line-height: 16px !important;
	padding: 4px 0 !important;
	float: left;
	width: 100%;
	padding-bottom: 6px !important;
	padding-right: 0 !important;
}
.megamenu .columns-container .column a sup {
	font-size: 40%;
	margin-top: -4px;
	display: inline-block;
}

.col_1 { width: 18%; }
.col_2 { width: 40%; }
.col_3 { width: 60%; }
.col_4 { width: 80%; }
.col_5 { width: 100%; border-right: none; margin-right: 0; padding-right: 0; }

.col-last { margin-right: 0 !important; /*padding-right: 0 !important;*/ border-right: none !important; }

.slider-container li.box-wrap.sixth.col-last { margin-right: 15px !important; margin-left: -10px !important; padding-right: 0 !important; border-right: none !important; }

.col_1_products { width: 32%; min-height: 370px; }
.col_2_products { width: 32%; min-height: 370px; }
.col_3_products { width: 32%; min-height: 370px; }

.col_1_services { width: 38%; min-height: 300px; }
.col_2_services { width: 38%; min-height: 300px; }
.col_3_services { width: 20%; min-height: 300px; }

.col_1_solutions { width: 24%; min-height: 405px; }
.col_2_solutions { width: 53%; min-height: 405px; }
.col_3_solutions { width: 18%; min-height: 405px; }

.col_1_resources { width: 23.5%; min-height: 280px; }
.col_2_resources { width: 23.5%; min-height: 280px; }
.col_3_resources { width: 23.5%; min-height: 280px; }
.col_4_resources { width: 23.5%; min-height: 280px; }

.col_1_support { width: 26%; }
.col_2_support { width: 43%; border-right: none !important; }
.col_2_support img { width: 100%; max-width: 100%; height: auto; }
.col_3_support { width: 26%; }

.col_1_contact { width: 43%; min-height: 204px; border-right: none !important; }
.col_1_contact img { width: 100%; max-width: 100%; height: auto; }
.col_2_contact { width: 26%; min-height: 204px; }
.col_3_contact { width: 26%; min-height: 204px; }

.col_1_partners { width: 30%; min-height: 190px; }
.col_2_partners { width: 33%; min-height: 190px; }
.col_3_partners { width: 33%; min-height: 190px; }


#menu .col_2_contact li:hover {
	background: none !important;
}

.col-header-banner {
	width: 100%;
	height: 90px;
	line-height: 90px;
	float: left;
	margin-bottom: 10px;
	display: table;
}
.col-header-banner img {
	float: left;
	max-width: 127px;
	height: auto;
	margin-right: 30px;
}
.col-header-banner p {
	width: 100%;
	margin-right: 3%;
	padding-right: 20px;
	font-family: "open sans", Arial, Sans-serif !important;
	/*margin-top: 34px;*/
	display: table-cell;  
    vertical-align: middle;
	text-align: left;
	
}
.col-header-banner div.menu-button-right {
	float: left;
	width: 160px;
	height: 90px;
	line-height: 90px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
div.menu-button a {
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	background: #e62b4c;
	color: #fff !important;
	padding: 5px 15px !important;
	margin: 0 !important;
	font-weight: 400;
	line-height: 18px !important;
	font-family: "Roboto Condensed";
	text-align: center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-khtml-border-radius: 2px;
	float: left;
}
.megamenu .columns-container .contact-column .contact-left {
	float: left;
	max-width: 100%;
	margin-right: 20px !important;
}
.megamenu .columns-container .contact-column .contact-right {
	float: left;
	max-width: 100%;
}
.megamenu .columns-container .contact-column img {
	height: auto;
	max-width: 100%;
}
.megamenu .columns-container .contact-column h3 {
	float: none;
	text-transform: none !important;
	color: inherit !important;
	width: auto !important;
	font-size: 18px !important;
	line-height: 24px !important;
	margin: 0 0 20px 0 !important;
	font-family: "Roboto" !important;
}
.megamenu .columns-container .contact-column p {
	font-size: 13px !important;
}
.megamenu .columns-container .col_2_contact h4 {
	font-family: "Roboto" !important;
	font-size: 15px !important;
	margin: 0 !important;
	float: left;
	width: 100%;
}
.megamenu .columns-container .col_2_contact p.small {
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
}

.nav-toggle {
	width: 60px !important;
	float: left;
	display: inline-block;
	text-align: center;
	margin-right: 20px !important;
	background: #fff !important;
	padding: 0 !important;
}

#mobile-nav {
	width: 100%;
	float: left;
	background: #fff;
	position: absolute;
	top: 0;
}
#mobile-nav .nav {
	background: #fff;
}
#mobile-nav ul#menu {
	width: 100%;
	float: left;
	padding: 10px 0;
}
#mobile-nav ul#menu li {
	width: 100%;
	float: left;
	text-align: left;
	border-bottom: #dadada 1px solid;
}
#mobile-nav ul#menu li.parent a {
	background: url(images/megamenu-mobile-arrow-down2.png) 93% center no-repeat !important;
}
#mobile-nav ul#menu li.parent > a.ui-state-active {
	background: url(images/megamenu-mobile-arrow-up2.png) 93% center no-repeat !important;
}
#mobile-nav ul#menu li a {
	text-align: left;
	font-size: 16px !important;
	padding-left: 20px !important;
	width: 100%;
}
#mobile-nav ul#menu h3 {
	float: left;
	width: auto;
	font-family: "Roboto Condensed";
	font-weight: 300;
	font-size: 16px;
	line-height: 16px;
	padding: 15px 0 10px 20px !important;
	margin: 0 !important;
	text-transform: uppercase !important;
	color: #472e8d !important;
}
#mobile-nav ul#menu li ul.submenu {
	float: left;
	width: 100%;
	padding: 0 0 15px 0;
	margin: 0;
	display: none;
}
#mobile-nav ul#menu li ul.submenu li {
	background: url(images/megamenu-bullet-arrow.png) 20px 15px no-repeat !important;
	border-bottom: none !important;
}
#mobile-nav ul#menu li ul.submenu li a {
	text-transform: none !important;
	padding: 8px;
	padding-left: 30px !important;
	font-family: "open sans", Arial, Sans-serif !important;
	font-size: 14px !important;
	font-weight: 300 !important;
	background: none !important;
}

.mobile-search {
	width: 97%;
	float: left !important;
	background: none;
	padding: 10px 0 10px 3%;
}
.mobile-search .nav-utility {
	position: static !important;
	background: #fff;
}
.mobile-search .nav-utility .search-wrap {
	position: static !important;
	background: #ebeced !important;
}
.mobile-search .nav-utility .search-wrap input[type=submit] {
	-webkit-appearance:none;
}
.mobile-utility-nav {
	width: 100%;
	float: left !important;
	background: #fff !important;
}
.mobile-utility-nav .nav-secondary {
	position: static !important;
	width: 100%;
	float: left !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #fff !important;
}
.mobile-utility-nav .nav-secondary li a {
	margin-left: 15px;
}

@media only screen and (max-width: 950px) {
	header#banner {
		padding: 0;
		height: 130px !important;
	}
	.nav {
		max-width: 960px;
		width: 100%;
		margin-top: 0;
	}
	#menu {
		float: left;
	}
	#menu li:hover .megamenu {
		left: 10px;
		top: 128px;
	}
	.megamenu {
		width: 95%;
		max-width: 95%;
	}
}
@media only screen and (max-width: 745px) {
	header#banner {
		padding: 0;
	}
	#menu li > a, #menu li > span.main-nav-item {
		font-size: 14px;
		padding: 12px 12px 14px 12px;
	}
	.nav {
		margin-top: 0;
	}
	#menu li:hover .megamenu {
		top: 126px;
	}
}
@media only screen and (max-width: 625px) {
	#menu li > a, #menu li > span.main-nav-item {
		padding: 12px 9px 14px 9px;
	}
}
@media only screen and (max-width: 600px) {
	body.admin-bar {
		padding-top: 0;
	}
	#banner.is-fixed {
		top: 0;
	}
	.admin-bar .banner.is-fixed {
		top: 0 !important;
	}
	header#banner {
    	padding: 0;
		height: 70px !important;
	}
	.banner .logo, .banner.shrink .logo {
		padding: 11px 0 0 0;
	}
	.banner .contain #header {
		margin-top: 0;
	}
	.branding {
		max-width: 100%;
		width: 100%;
	}
	#mobile-nav {
		display: block;
	}
	.nav {
		margin-top: 0;
		
	}
	.new-nav-utility {
		display: none;
	}
	.nav-primary li {
		display: block;
		text-align: left;
	}
	html #wpadminbar {
		display: none;
	}
	.admin-bar .banner.is-fixed {
		top: 0;
	}
	#mobile-nav ul#menu h3 {
		font-size: 14px !important;
	}
	#mobile-nav ul#menu .small {
		margin-bottom: 0;
		margin-top: 2px;
	}
}