/* STYLES FOR INSTEM - CYBER MEDIA SOLUTIONS - JULY 2014 */

/* GENERAL ===================================================================== */
body {
	font-size: 14px;
}
	body.about-body {
		background: url(../images/banners/solutions/discovery.png) top center fixed no-repeat;
	}
	body.contact-body {
		background: url(../images/banners/solutions/discovery.png) top center fixed no-repeat;
	}
	body.news-body {
		background: url(../images/banners/solutions/discovery.png) top center fixed no-repeat;
	}
	body.product-body {
		background: url(../images/banners/solutions/provantis.png) top center fixed no-repeat;
	}
	body.solutions-body {
		background: url(../images/banners/solutions/discovery.png) top center fixed no-repeat;
	}

h1, h2, h3, h4, h5, p, li, th, td, form, button, .p, .h2 {	
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
	line-height: 18px;
	padding: 0;
}

h1 {
	font-size: 30px;
	font-weight: 400;
	line-height: 111%;
	margin: 10px 0;
	color: #FFFFFF;
}

h2 {
	font-size: 24px;
	font-weight: 300;
	line-height: 111%;
	margin: 10px 0 20px;
	color: #6e90c4;
}
	
h3 {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	margin: 20px 0;
	color: #797a7b;
}
	
h4 {
	font-size: 16px;
	font-weight: 400;
	line-height: 120%;
	margin: 10px 0;
	color: #849dd4;
	}

h5 {
	font-size: 16px;
	font-weight: 400;
	line-height: 130%;
	margin: 10px 0;
	color: #797a7b;
}	
	/*.strike {
		background-image: url(../images/style/strike.gif);
		background-position: center;
		background-repeat: no-repeat;
	}
		.strike span {
			background-color: white;
			padding: 0 10px;
			margin: 0 -10px;
		}
		.sidenav .strike span {
			background-color: #f5f8f9;
		}
		.spotlight-bar .strike span {
			background-color: #fafbfc;
		}*/
p {
	font-size: 13px;
	line-height: 20px;
	margin: 10px 0;
	color: #5b6270;
}

ul {
	margin: 20px 0;
	padding: 0 20px;
	list-style: none;
	font-size: 100%;
}
	#main ul {
		padding: 0;
	}
	ul li {
		margin: 0;
		padding: 5px 0 5px 25px;
		font-size: 13px;
		line-height: 1.35;
		color: #5b6270;
		background: url(../images/style/bullet.png) 7px 10px no-repeat;
	}
		ul li ul {
			margin: 5px 0 -5px 0;	
		}
	ul.no_bg li {background: none;}
	ul.nostyle {margin: 0; padding: 0;}
		ul.nostyle li, #main ul.nostyle li {margin: 0; padding: 0; background: none;}
	
ol {
	margin: 0px 0 15px 20px;
	padding: 0;
	font-size: 100%;
}
	ol li {
		margin: 0;
		padding: 5px 0;
		font-size: 100%;
		line-height: 130%;
		
		color: #797a7b;
	}

a {
	color: #293781;
	outline: none;
}
	a:hover, a:focus {outline: none;}
	a:hover {color: #6e90c4;}
	
	
.visible {visibility: visible;}
.hidden {visibility: hidden; display: none !important;}
.clear {clear: both;}
.clear_right {clear: right;}
.clear_left {clear: left;}
.relative {position: relative;}

.centre {text-align: center;}

.no_pad {padding:0;}

/* Margins */
.no_marg_top {margin-top: 0 !important;} .no_marg_bot {margin-bottom: 0 !important;} .no_marg_left {margin-left: 0 !important;} .no_marg_right {margin-right: 0 !important;} .no_marg {margin: 0 !important;}
/* Paddings */
.no_pad_top {padding-top: 0 !important;} .no_pad_bot {padding-bottom: 0 !important;} .no_pad_left {padding-left: 0 !important;} .no_pad_right {padding-right: 0 !important;} .no_pad {padding: 0 !important;}

.aligncenter {margin: 0 auto; display: block;}
.alignleft {float: left; margin: 0 15px 15px 0;}
.alignright {float: right; margin: 0 0 15px 15px;}

.sr_only {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.h-auto {
	height: auto !important;
}
	
	
hr {
	width:auto;
	margin: 20px 0;
	border: none;
	border-bottom: solid 1px #e7e7e7;
	clear: both;	
}
h2.quote {
	text-align: center;	
	margin: 70px 0 !important;
}
.quote-line {
	display: block;
	max-width: 500px;
	background: url(/images/style/quote-line.png) center center no-repeat;
	padding: 0;
	margin: 10px auto 0;
}
.quoted {
	font-size: 70%;
	background: white;
	font-weight: 400;
	margin: 0 auto;
	position: relative;
	bottom: 2px;
	display: block;
	width: 75%;
}

.fw-100 {
	font-weight: 100;	
}
.fw-200 {
	font-weight: 200;	
}
.fw-300 {
	font-weight: 300;	
}
.fw-400 {
	font-weight: 400;	
}
.fw-500 {
	font-weight: 500;	
}
.fw-600 {
	font-weight: 600;	
}
.fw-700 {
	font-weight: 700;	
}
.fw-800 {
	font-weight: 800;	
}
.fw-900 {
	font-weight: 900;	
}

/* HEADER ============================================================================ */
#header {
	min-height: 100px;
	background: white;
	padding-bottom: 20px;
}

.main-nav {
	margin-top: 30px !important;
}

.top-bar {
	height: 65px;
	position: relative;
}
	.top-bar ul {
		padding: 0;
		margin-top:  30px;
	}
	.top-bar .dropdown {
		margin-top: 30px;
	}
		.top-bar .dropdown.level3 {
			margin-top: 0;
		}
		.top-bar ul ul ul {
			margin-top: 0;
		}

.top-bar .name {
	width: 170px;
	margin: 10px 0 10px 10px;
}
	.top-bar .toggle-topbar.menu-icon a {
		text-indent: -9999px;
	}
		.top-bar .toggle-topbar.menu-icon a span {
			/* -webkit-box-shadow: 0 9px 0 2px #293781, 0 16px 0 2px #293781, 0 23px 0 2px #293781; */
			/* box-shadow: 0 9px 0 2px #293781, 0 16px 0 2px #293781, 0 23px 0 2px #293781; */
			/* width: 25px; */
		}
			.top-bar .toggle-topbar.menu-icon a span::after {
			  box-shadow: 0 0 0 1px #293781, 0 7px 0 1px #293781, 0 14px 0 1px #293781;
			}
		.top-bar.expanded .toggle-topbar.menu-icon a span {
			-webkit-box-shadow: 0 9px 0 2px #699ece, 0 16px 0 2px #699ece, 0 23px 0 2px #699ece;
			box-shadow: 0 9px 0 2px #699ece, 0 16px 0 2px #699ece, 0 23px 0 2px #699ece;
		}

	/* SEARCH ============================================================================ */
	.search_bar {
		position: absolute;
		margin-left: calc((100% - 300px) / 2);
		top: 65px;
		z-index:  100;
	}
	
		.search_bar .text {
			float:left;
			box-shadow: none;
			height: 25px;
			border: 1px solid #bfc4cb;
			border-right: none;
			width: 265px;
			padding: 5px 10px;
			top:0;
			font-size: 12px;
		}
	
		.search_bar .search_btn{
			float:right;
			height: 25px;
			border: 1px solid #bfc4cb;
			background-color: transparent;
			border-left: none;
			background: url(../images/style/searchIcon.png) bottom center no-repeat;
			width: 35px;
			top:0;
			font-size: 0;
		}
		
		.search_bar .search_btn:hover {
			background-position: top center;
			background-color: white;
		}
		
		.search_bar .text:focus {
			box-shadow: none;
			border: 1px solid #bfc4cb;
			border-right: none;
			background: none;
		}
		
/* SOCIAL ICONS ============================================================================ */		
.social_icons {
	margin: 20px 0 0 10px;
	min-height: 24px;
	min-width: 50px;
}

	.social_icons ul {
		padding:0;
		margin:0;
		max-height: 24px;
	}

	.social_icons ul li {
		height: 24px;
		width: 24px;
		margin-left: 5px;
		float:right;
		text-indent: -9999px;
		background-position: bottom center;
		padding: 0;
	}
	
	.social_icons ul li.twitter {background-image: url(../images/style/twitterIcon.png);}
	.social_icons ul li.facebook {background-image: url(../images/style/facebookIcon.png);}
	.social_icons ul li.linkedin {background-image: url(../images/style/linkedInIcon.png);}
	
	.social_icons ul li:hover {
		cursor: pointer;
		background-position: top center;
	}

	.social_icons ul li a {
		/* display: block; */ height: 24px; 
		/* width: 24px; */
	}
			


/* NAV =============================================================================== */
.top-bar {
	background: none;
}
	.top-bar ul li {
		padding:0;
		background: transparent;
	}
	
		.top-bar-section ul li {
			/* border-bottom: 1px solid #e7e7e7; */
			line-height: 20px;
		}

		.top-bar-section ul li > a {
			color: #293781;
			padding: 10px 10px;
			font-size: 14px;
			font-weight: normal;
			background-color:  transparent !important;
		}
		
		.top-bar-section ul li.active > a {
			color: #293781;
		}
		
		.top-bar-section ul li:hover > a {
			color: #699ece !important;
		}
		
			.top-bar-section ul li.has-dropdown > a {
				background: url(../images/style/bannerArrows.png) right center no-repeat;
			}
			.top-bar-section ul li.subtitle > a {
				font-weight: 600;
			}
			.top-bar-section .dropdown li.title h5 a {
				background: url(../images/style/bannerArrows.png) -10px center no-repeat;
				padding-left: 25px;
				color: #699ece;	
				font-size: 14px;
			}


/* SUB NAV =====================*/
.sub_nav {
	height: auto;
	background: #e7e7e7;
}
	.sub_nav .nav-bar {
		margin:0;





	
		padding: 0;
}
		.sub_nav .nav-bar li {
			display: block;
			background: none;
			padding: 10px;
			line-height: 20px;	
			border-top: solid 1px #ffffff;
		}
			.sub_nav .nav-bar li a {display: block;}
a#toggle_snav {
	display: block;
	padding: 0 25px 0 10px;	
	background: url(../images/style/drop_arrow.png) right 5px no-repeat;
}		
	a#toggle_snav.up {background-position: right -35px;}

			
/* NAV ADVERTS ======================================================================= */

.top-bar-section .dropdown.level2 li.advert {
	padding: 35px 0;
}
	.top-bar-section .dropdown.level2 li.advert:nth-of-type(2) {
		border-top: solid 1px #afcbe3;
	}
	.top-bar-section .dropdown.level2 li.advert a {
		padding: 10px 10px 0 70px;
		height: 60px;
		white-space: normal;
	}
		.top-bar-section .dropdown.level2 li.advert a.products-icon {
		background: url(../images/style/productIcon.png) left no-repeat;
		}
		.top-bar-section .dropdown.level2 li.advert a.presentations-icon {
			background: url(../images/style/presentationIcon.png) left no-repeat;
		}
		.top-bar-section .dropdown.level2 li.advert a.video-icon {
			background: url(../images/style/videoIcon.png) left no-repeat;
		}
		.top-bar-section .dropdown.level2 li.advert a.industries-icon {
			background: url(../images/style/industriesIcon.png) left no-repeat;
		}
		.top-bar-section .dropdown.level2 li.advert a span.mainline {
			display: block;
			font-size: 17px;
			color: #5b6270;
			margin-bottom: 5px;
		}
		.top-bar-section .dropdown.level2 li.advert a span.secondline {
			display: block;
			font-size: 13px;
		}
		
		.top-bar-section .dropdown.level2 li.advert a:hover span.mainline, .top-bar-section .dropdown.level2 li.advert a:hover span.secondline {
			color: #699ece;	
		}
		
/* HOMEPAGE ========================================================================== */

.strapline {
	padding: 50px 20px;	
}

		
/* NEWS & EVENTS ===================================================================== */		
p.date, p.location {
	margin: 0;
	padding: 0 20px 0 34px !important;

}
	p.date {
		background: url(../images/style/date.png) 0px 0 no-repeat;
	}
	p.location {
		background: url(../images/style/location.png) 0px 0 no-repeat;
	}

.em-calendar-wrapper {
	margin: 30px 0;
}
.fullcalendar {
	table-layout: fixed;
	width: 100%;
}
	.fullcalendar .days-names td {
		text-align: center !important;
		font-weight: bold;
	}
	.fullcalendar td {
		height: 40px;
		display: table-cell;
		border-color: #e7e7e7 !important;
	}
		.fullcalendar td ul {
			padding: 0 !important;
			margin: 0 !important;
		}
			.fullcalendar td ul li {
				padding: 0 !important;
				background: none !important;
			}
				.fullcalendar td ul li:not(:last-child) {
					padding-bottom: 5px !important;
					margin-bottom: 5px;
					border-bottom: solid 1px #e7e7e7;
				}
		table.em-calendar td.eventful a, table.em-calendar td.eventful-today a {
			color: #293781;
			outline: none;
		}
			table.em-calendar td.eventful a:hover, table.em-calendar td.eventful-today a:hover {color: #6e90c4;}

	.fullcalendar thead td {
		text-align: center !important;
		background: #F5F8F9;
	}
	
/* PAGINATION ======================================================================== */

ul.pagination {
	
}
	ul.pagination li {
		font-family: 'Open Sans', sans-serif;
		font-size: 13px;
		font-style: normal;
		font-weight: normal;
	}
		ul.pagination li a {
			color: rgb(91, 98, 112);
			border: solid 1px white;
		}
		ul.pagination li a:hover {
			color: #699ece;	
			background: white;
			border: solid 1px #f5f8f9;
		}
		ul.pagination li a.active {
			border: solid 1px #f5f8f9;
			color: #699ece;	
		}

/* SIDENAV =========================================================================== */
.sidenav.columns {
	background: #f5f8f9;
	padding: 0px;
}

	.sidenav ul {
		margin: 0;
		padding: 0;	
		list-style: none;
	}
		.sidenav ul li {
			display: block;
			background: none;
			padding: 10px;
			line-height: 20px;	
			border-top: solid 1px #ffffff;
		}
			.sidenav ul li a {display: block;}

.sidenav form {
	padding: 0 !important;
}
			


/* SECTION PAGE ====================================================================== */
#section_banner {
	min-height: 305px;
	position: relative;
}

	#section_banner .banner_wrap {
		padding: 70px 0 0 0;
	}

	/* #section_banner.discovery {background: url(../images/banners/solutions/discovery.png) center center no-repeat;} */

	#section_banner h1 {
		font-size: 40px;
		text-align: center;
		font-weight: 700;
	}
	
	#section_banner h2 {
		font-size: 15px;
		text-align: center;
		line-height: 22px;

		font-weight: 300;
		color: #FFFFFF;
		margin: 0 auto;
	}



#main {
	background: white;
	min-height: calc(100vh - 205px);
}
	.page-template-page-home #main {
		min-height: 0;
	}
	#main.border {border-top: solid 1px #e7e7e7;}
	#main.solutions {padding: 20px 0;}
	#main.solutions h2 {margin: 0 0 20px 0;}
	#main.solutions h3 {margin: 0 0 20px 0;}
	
	

.products {
	background: #F6F7F9;
	padding: 20px 0;
}

.products h1 {
	color: #6E90C4;
	text-align: center;
}



/* PRODUCT PAGE ====================================================================== */
#product_tab_content {
	padding: 50px 0 0 0;
	background: white;
}
.prod_title {
	text-align: center;	
	height: 50px;
	background: url(../images/style/content_tabs_head.png) bottom center repeat-x;
}
	.prod_title h2 {
		text-align: center;
		margin: 0;
		padding: 0;
		line-height: 50px;
		color: #ffffff;	
	}

/* BANNER AREAS ====================================================================== */
#section_banner {
	min-height: 305px;
	position: relative;
}
	#section_banner.smaller {
		min-height:230px;	
	}

	#section_banner .banner_wrap {
		padding: 20px 0 0 0;
	}
		#section_banner.about .banner_wrap {
			padding: 40px 0 0 0;	
		}
		#section_banner.contact .banner_wrap, #section_banner.provantis .banner_wrap {
			padding: 70px 0 0 0;
		}
		
		#section_banner.news {




			min-height: 100px;	
		}

		#section_banner.news .banner_wrap {
			padding: 0;
		}

/*	#section_banner.discovery {background: url(../images/banners/solutions/discovery.png) center center no-repeat;}
	#section_banner.provantis {background: url(../images/banners/solutions/provantis.png) center center no-repeat; }
	#section_banner.about {background: url(../images/banners/about/about.png) center center no-repeat
;}
	#section_banner.news {background: url(../images/banners/news/news.png) center center no-repeat
;}
	#section_banner.contact {background: url(../images/banners/contact/contact.png) center center no-repeat
;} */

	#section_banner h1 {
		font-size: 40px;
		text-align: center;
		font-weight: 700;
	}
	
	#section_banner h2 {
		font-size: 15px;
		text-align: center;
		line-height: 22px;
		font-weight: 300;
		color: #FFFFFF;
		margin: 0 auto;
	}
		#section_banner.product_banner h2 {
			color: #293781;
			font-weight: 400;
		}


/* ACTION BARS ======================================================================= */
.action_bar {
	background: url(../images/style/homeActionBG.jpg);
	padding: 25px 0;
	text-align: center;
}
	.action_bar.white {
		background: white;
		padding: 0 0 50px 0;	
	}
		.action_bar.white h3 {
			margin: 0;
			color: #293781;	
		}
		
	.action_bar h3 {color: #FFFFFF;margin: 0;}
	.action_bar h5 {color: #FFFFFF;}
	.action_bar p {
		color: #FFFFFF;
		padding: 0 20px;
		margin: 10px 0;
	}
		.action_bar p img {
			margin-bottom: 15px;
		}
	.action_bar .date {
		background-image: url(../images/style/date-white.png);
	}
	.action_bar .location {
		background-image: url(../images/style/location-white.png);
	}
		.action_bar .date, .action_bar .location {
			text-align: left;
			background-position: center left 15px;
		}
	.action_bar ul li {
		padding :0;
		background: none;
	}
	.action_bar a {color: #ffffff;}
	.action_bar a:hover {color: #293781;}
		.action_bar .btn {
			margin: 10px 0;
			padding: 5px;
		}
	.left-action {
		margin-left:0 !important;
	}
		
/* ACTION BAR BLUE BUTTONS ============================================================= */
		
.action_bar a.demo, .action_bar a.quote, .action_bar a.video, .action_bar a.overview, .action_bar a.fact, .action_bar a.info, .action_bar a.article, .action_bar a.presentation {
	display: block;
	width: 106px;
	height: 106px;
	margin:0 auto;
}
	.action_bar a.demo:hover, .action_bar a.quote:hover, .action_bar a.video:hover, .action_bar a.overview:hover, .action_bar a.fact:hover, .action_bar a.info:hover, .action_bar a.article:hover, .action_bar a.presentation:hover {
		background-position: center -160px;
		background-repeat: no-repeat;
	}
.action_bar a.demo {
	background: url(../images/style/homepageDemo2.png) top center;		
}
.action_bar a.quote {
	background: url(../images/style/homepageQuote2.png) top center;		
}
.action_bar a.video {
	background: url(../images/style/productVideo2.png) top center;		
}
.action_bar a.overview {
	background: url(../images/style/productOverview2.png) top center;		
}
.action_bar a.fact {
	background: url(../images/style/productFact2.png) top center;		
}
.action_bar a.info {
	background: url(../images/style/productInfo2.png) top center;		
}
.action_bar a.article {
	background: url(../images/style/productArticle2.png) top center;		
}
.action_bar a.presentation {

	background: url(../images/style/productPresentation.png) top center;		
}
		
		
/* ICON TABS ========================================================================= */
#product_tabs {
	background: url(../images/style/content_tabs.png) top center repeat-x;	
}
.scroller_container {
	background: rgba(255,255,255,0.25);
	height: 50px !important;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
	#product_tabs .scroller_container {background: none transparent;}
	.scroller_container .row {
		position: relative;
		overflow-x: scroll;
		height: 50px;	
	}

		#wrapper {
			position: absolute;
			height: 50px;
			width: 100%;
		}

ul.tabs {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 50px;
	text-align: center;
	
	float: left;
	white-space: nowrap;
}
	ul.tabs li {
		font-size: 14px;
		display: inline-block;
		border-right: 1px solid rgba(255,255,255,0.5);
		padding: 0;
		background: none;
	}
		
		ul.tabs li a {			
			display: block;
			padding: 10px;
			text-align: center;
			height: 50px;
			width: 50px;
			
		}
			ul.tabs li a span {
				display: none;	
			}
			ul.tabs li a img {
				opacity: 0.5;
				-webkit-transition: opacity 300ms ease-out;
				-moz-transition: opacity 300ms ease-out;
				transition: opacity 300ms ease-out;
			}
		
			ul.tabs li a:hover img {
				opacity: 1;
			}
			
			ul.tabs li.active a img {opacity: 1;}

/* ADVERTS =========================================================================== */
.advert {
	display: block;
	padding-left: 110px;
	font-family: "Open Sans", Arial, Verdana, sans-serif;
	margin: 15px 0 0;
}	
	.advert.advert_fact, .advert.advert_pdf {background: url(../images/style/productFact2.png) top left no-repeat;}
	.advert.advert_fact:hover, .advert.advert_pdf:hover {background-position: left -160px;}
	.advert.advert_tech {background: url(../images/style/productOverview2.png) top left no-repeat;}
	.advert.advert_tech:hover {background-position: left -160px;}
	.advert.advert_video {background: url(../images/style/productVideo2.png) top left no-repeat;}
	.advert.advert_video:hover {background-position: left -160px;}
	.advert.advert_quote {background: url(../images/style/homepageQuote2.png) top left no-repeat;}
	.advert.advert_quote:hover {background-position: left -160px;}
	.advert.advert_demo {background: url(../images/style/homepageDemo2.png) top left no-repeat;}
	.advert.advert_demo:hover {background-position: left -160px;}
	.advert.advert_info {background: url(../images/style/productInfo2.png) top left no-repeat;}
	.advert.advert_info:hover {background-position: left -160px;}
	.advert.advert_excel {background: url(../images/style/productExcel.png) top left no-repeat;}
	.advert.advert_excel:hover {background-position: left -160px;}
	.advert.advert_png, .advert.advert_jpg, .advert.advert_bmp {background: url(../images/style/productPhoto.png) top left no-repeat;}
	.advert.advert_png:hover, .advert.advert_jpg:hover, .advert.advert_bmp:hover {background-position: left -160px;}
	.advert.advert_article, .advert.advert_doc, .advert.advert_docx {background: url(../images/style/productArticle2.png) top left no-repeat;}
	.advert.advert_article:hover, .advert.advert_doc:hover, .advert.advert_docx:hover {background-position: left -160px;}
	.advert.advert_presentation, .advert.advert_ppt, advert.advert_pptx {background: url(../images/style/productPresentation.png) top left no-repeat;}
	.advert.advert_presentation:hover, .advert.advert_ppt:hover, advert.advert_pptx:hover {background-position: left -160px;}
	.advert .title {
		font-size: 16px;
		display: block;
	}
	.advert .btn {
		margin: 20px 0 26px;
	}

	.advert:hover {
		color: #293781;
	}
		.advert:hover .title {
			
		}
		.advert:hover .btn {
			background: rgba(41,55,129,1);
			color: #ffffff;
		}

/* BUTTONS ============================================================================ */
.btn, .button, button, input[type='Submit'], #bbpress-forums > #subscription-toggle .subscription-toggle {
	font-family: "Open Sans", Arial, Verdana, sans-serif;
	border: 1px solid #293781;
	color: #293781;
	background: rgba(41,55,129,0);
	display: inline-block;
	font-weight: 600;
	padding: 10px 15px;
	text-transform: none;
	white-space: nowrap;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	font-size: 13px;
}
	.btn:hover, button:hover, .button:hover, input[type='Submit']:hover, #bbpress-forums > #subscription-toggle .subscription-toggle:hover {
		background-color: rgba(41,55,129,1);
		color: #ffffff;
	}

	.btn.btn_white {
		border-color: #ffffff;
		color: #ffffff;	
		background: rgba(255,255,255,0);
	}
		.btn.btn_white:hover {
			background: rgba(255,255,255,1);
			color: #699ece;	
		}

	.sidenav .btn {
		margin: 15px 30px;
	}
	

.no_border{border: none;}


/* Pagination
=================================== */
ul.navigationarrows {
	list-style: none;
	padding: 0;
	marging: 15px 0;
}
ul.navigationarrows:after {
	content: '';
	display: block;
	clear: both;
}
ul.navigationarrows li {
	padding: 0 !important;
	margin: 0;
	background: none !important;
}
ul.navigationarrows li.previous {float: right;}
ul.navigationarrows li.next {float: left;}
ul.navigationarrows li a {
	font-family: "Open Sans", Arial, Verdana, sans-serif;
	border: 1px solid #293781;
	color: #293781;
	background: rgba(41,55,129,0);
	display: inline-block;
	font-weight: 600;
	padding: 10px 15px;
	text-transform: none;
	white-space: nowrap;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	font-size: 13px;
}
ul.navigationarrows li a:hover {
	background-color: rgba(41,55,129,1);
	color: #ffffff;
}

/* TABLES ============================================================================ */

/* CONTACT =========================================================================== */
form.contact .columns {padding: 0 !important;}
form.contact select, form.contact input, form.contact textarea {
	margin: 10px 0;
	border-radius: 0;
	border: 1px solid #bfc4cb;
	box-shadow: none;
	color: rgba(0, 0, 0, 0.75);
	font-size: 13px;
	padding: 8px;
}
	.contact p {
		padding: 0 10px !important;
		margin: 10px 0;	
	}






	.contact .check_labels {
		color: rgb(91, 98, 112);
		font-size: 13px;
	}
		.contact label.check-label {padding: 10px 0;}
		
		.contact .check_labels input, .contact .check_labels span {
			float: left;	
		}
			
			.contact .check_labels input {width: 20px;}
			.contact .check_labels span {display: block; width: calc(100% - 20px);}
	.contact select {
		height: 30px;
		padding: 3px !important;	
	}
	.contact textarea {
		resize: none;	
	}
	.contact input[type="submit"], .contact input[type="reset"] {
		background-color: white;
		border: solid 1px rgb(41, 55, 129);
		color: rgb(41, 55, 129);
		font-size: 14px;
		font-style: normal;
		font-weight: bold;
		padding: 7px;	
	}
		.contact input[type="submit"]:hover, .contact input[type="reset"]:hover {
			background: rgb(41, 55, 129);
			color:white; 	
		}
	.contact input[type="checkbox"] {
		display: none;	
	}
	.contact .custom.checkbox {
		display:inline-block;
		width:12px;
		height:12px;
		margin:-1px 4px 0 0;
		vertical-align:middle;
		background:url(../images/style/checkbox.gif) left top no-repeat;
	
		top: 3px;
		position: relative;
}
		.contact .custom.checkbox.checked {
			background:url(../images/style/checkbox.gif) left -12px no-repeat;
		}
	.contact .check-label {
		color: rgb(91, 98, 112);
		display: inline;
		font-size: 13px;
	}
	::-webkit-input-placeholder { /* WebKit browsers */
    	color: rgba(0, 0, 0, 0.75);
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color: rgba(0, 0, 0, 0.75);
		opacity:  1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color: rgba(0, 0, 0, 0.75);
		opacity:  1;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
		color: rgba(0, 0, 0, 0.75);
	}
.contact-no {
	background: url(../images/style/homeActionBG.jpg);
	text-align: center;
	padding: 30px;
}
	.contact-no p, .contact-no h3 {
		color:white;	
	}

/* FORMS ============================================================================= */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
	margin-bottom: 0;	
}

form.custom .custom.checkbox, form.custom .custom.radio {
	line-height: 20px;
	font-size: 14px;
	cursor: pointer;
}
	label.chk .custom.checkbox, label.chk .custom.radio {float: left;}
form.custom .custom.checkbox.checked {
}
form.custom .custom.checkbox.checked:before {
	width: 8px; height: 8px;
	margin-top: 10px;
	margin-left: -4px;
	content: "";
	color: #ccc; background: #ccc;
}
label.chk {clear: both; overflow: hidden;}
label.chk span.chk_text {
	display: block;
	float: left;
	margin-left: 10px;	
	width: 90%;
}
	.medium-6 .medium-6 label.chk span.chk_text { width: 80%; }

form {
	color: #000000;
	margin: 0;
}
	
	form .row.form-row {
		margin: 0;
		padding: 0;
		}
		form .row.form-row .columns, form .row.form-row .column {
			padding-top: 5px;
			padding-bottom: 5px;	
		}
		form .row.form-row.no-pad .columns, form .row.form-row.no-pad .columns {

			padding-top: 0;
			padding-bottom: 0;	
		}
			form .row.form-row .columns.no-pad, form .row.form-row .column.no-pad {padding-left: 0; padding-right: 0;}
	
	form .row .row {margin: 0;}
	form .row .row .column, form .row .row .columns {padding: 0 10px;}

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

	label, p.lbl {
		font-size: 13px;
		color: #000000;
		margin: 0;
		padding-bottom: 7px;
		padding-top: 7px;
		line-height: 16px;	
	}
		
	
	/* Common Heights */
	.prefix, .postfix, form.custom .custom.dropdown, form.custom .custom.dropdown .selector, form.custom .custom.dropdown .current, 
	input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"] {
		height: 30px;
		margin-bottom: 1rem;
	}

	textarea {
		margin-bottom: 1rem;
	}
	
	/* Drop-downs */
	form.custom .custom.dropdown {
		margin-bottom: 0; 
		font-size: 100%;
		border-radius: 0;
		cursor: pointer;
		font-size: 100%;

	}
		form.custom .custom.dropdown .selector, form.custom .custom.dropdown .current {
			cursor: pointer;
			line-height: 28px;
		}
		form.custom .custom.dropdown ul {}
			form.custom .custom.dropdown ul li {
				background: none;

				cursor: pointer;
			}

	
		
	/* Text fields */
	input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea,  {
		margin-bottom: 0;	
		font-size: 114%;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 0;
		padding-left: 0;
		min-width: 30px;
	}
	textarea { height: auto; }
	select {font-size: 16px;}

p.alert {
	padding: 15px;
	background-image: url(../images/style/featred-article.jpg);
	margin: 0 -15px;
}
	

/* error messages */
p.error {
	/* margin: 5px 0 0 0; */
	/* padding: 7px 0 0 0; */
	/* background: url(../images/style/error_bg.png) -6px 0 no-repeat; */
}
	p.error {
		padding: 5px 10px;
		color: #ffffff;
		font-weight: bold;
		background: #c60f13;
		display: block;	
		font-size: 93%;
	}

.front_form input.error, .front_form textarea.error {
	background: #f4cfd0;
	border: solid 1px #c60f13;
}

span.wpcf7-list-item {
	display: block;
}

/* NEWS ============================================================================== */

#main.news-split {
	background:url(../images/style/split.gif) center;
}
#main.news-reverse-split {
	background:url(../images/style/reverse-split.gif) center;	
}
	.news-reverse-split .date, .news-reverse-split .location {
		width: 100%;
	}
	.news-reverse-split .sidenav {
		padding: 0 10px;	
	}
	.white {
		background: white;
		padding-bottom: 0px;
		min-height: auto;
	}
.white_bg {background: #ffffff;}
	
/* BACK TO TOP ======================================================================= */

.scrollToTop{
	width:50px; 
	height:60px;
	padding:0;
	position:fixed;
	bottom:0px;
	right:40px;
	display:none;
	background: url(../images/style/backToTop.png) no-repeat;
	z-index: 9999;
}
.scrollToTop:hover{
	background: url(../images/style/backToTopHover.png) no-repeat;
}

/* CUSTOMER CENTER BOXES============================================================== */

.featured_article {
	background-image: url(../images/style/featred-article.jpg);
	background-size: cover;
	padding: 30px 10px;
	margin: 0 -10px;
	box-sizing: content-box;
}
	.featured_article.box {
		padding-top: 5px;
		padding-bottom: 5px;
		margin-bottom: 15px;
	}

.forum-box {
	background-image: url(../images/style/keyboard.jpg);
	background-size: cover;
	padding: 30px 15px;
	margin: 0 -10px 15px;
	text-align: center;
}
	.forum-box h3 {
		color: white;
		margin-top: 0;
	}
	.forum-box p {
		color: white;
		font-size: 14px;
	}
		.forum-box p .btn {
			color: white;
			border-color: white;
			margin: 0;
		}
			.forum-box p .btn:hover {
				border-color: #293781;
			}

.webcast-box {
	background-image: url(../images/style/soft-white-texture.jpg);
	background-position: bottom left;
	padding: 30px;
	margin: 0 -10px 15px;
}

.request-box {
	background-image: url(../images/style/soft-white-texture.jpg);
	background-position: bottom right;
	padding: 30px;
	margin: 0 -10px 15px;
}
	
	.webcast-box h3, .request-box h3 {
		padding: 0;
	}

	.webcast-box ul, .request-box ul {
		border-top: white 1px solid;
		padding: 0;
		font-size: 16px;
		margin: 0 -15px
	}
		.webcast-box ul li, .request-box ul li {
			border-bottom: white 1px solid;
			background-image: none;
			font-size: 14px;
			line-height: 35px;
			padding: 0 15px
		}

.spotlight-bar {

	background-color: #fafbfc;
	padding-top: 15px;
}
	.spotlight-bar h3 {
		padding: 0 30px;
	}
	.spotlight-bar h5 {
		color: #849dd4;
	}
	.spotlight-bar .columns {
		padding: 0 30px;
	}

	.headshot {
		padding: 3px;
		border: solid 1px #849dd4;
		float: left;
		margin: 0 10px 0 0;
	}

.double_col {

}
	#main .double_col li {
		width: 49%;
		padding: 15px 0;
		display: inline-block;
		background: none;
		border-bottom: 1px solid #ececeb;
	}

/* FORUM OVERRIDES =================================================================== */

.bbp-forums {

}
	.bbp-forums ul, .bbp-topics ul {
		padding:  8px 0 !important;
	}
		.bbp-forums li, .bbp-topics li {
			background-image: none !important;
		}

		.bbp-body {
			padding: 0 !important;
		}
		.bbp-header {
			padding: 8px 0 !important;
		}

		.bbp-template-notice.info {
			padding: 0 !important;
		}

	#new-post {
		padding: 0 !important;
	}
		.bbp-form p {
			padding: 0 !important;
		}

	.bbp-the-content.wp-editor-area {
		border: 1px solid #cccccc;
	}

	#qt_bbp_topic_content_toolbar {
		border: none !important;
	}

	#bbp-search-form {
		padding: 0 !important;
	}

	#bbp_search_submit {
		padding: 5px 15px;
	}

	.avatar {
		margin-bottom: 2px !important;
	}

	.bbp-reply-content {
		padding-right: 30px !important;
	}

	#bbpress-forums > #subscription-toggle {
		float: right;
	}

	.bbp-forum {
		display: block !important;
	}

.staff {
	text-transform: uppercase;
	background: #6e90c4;
	color: #fff;
	border-radius: 2px;
	line-height: 14px;
	font-size: 11px;
	display: inline-block;
	padding: 2px 5px;
	margin-left: 3px;
}


/* FOOTER ============================================================================ */
#footer {
	background: #1c4374;
}
	#footer a {
		color: white;
	}
		#footer a:hover {
			text-decoration: underline;
		}

#footer .columns {
	padding: 0 25px;
}
	#footer h2 {
		border-bottom: 1px solid #FFFFFF;
		padding: 45px 0 20px 0;
		font-size: 17px;
	}
	
	#footer p {
		color: #FFFFFF;
		width: 100%;
		margin: 30px 0 30px 0;
	}
	
	ul.arrow_list {
		margin:0 0 50px 0;
		padding: 0;
	}

	ul.arrow_list li {
		background: url(../images/style/listArrow.png) top left no-repeat;
		color: #FFFFFF;
		padding:0 0 0 25px;
		line-height: 20px;
		margin: 10px 0;
	}
	
	ul.arrow_list li a {
		color: #FFFFFF;
	}
	
	ul.arrow_list li a:hover {
		color: #699ece;
	}
	
	#footer .social_icons {
		width: 100%;
		text-align: center;
	}
	
	#footer .social_icons ul {
		display: inline-block;
		margin:0;
	}
	
	#footer .social_icons ul li {
	  padding:0;
	  margin: 10px;
	}
				
/* MISC ============================================================================= */
.accordion {
	margin-bottom: 20px
}
	.accordion .accordion-navigation {
		background: none !important;
		padding: 0 !important;
		margin-bottom: 1px !important;
	}
		.accordion .accordion-navigation > a {
			font-family: 'Open Sans', sans-serif;
			color: #797a7b;
			-webkit-transition: background-color 300ms ease-out;
			-moz-transition: background-color 300ms ease-out;
			transition: background-color 300ms ease-out;
		}

		.accordion .accordion-navigation > a i {
			color: #1c4374;
			margin-right: 10px;
		}

		.accordion .accordion-navigation > .content {
			padding-top: 0;
			padding-bottom: 0;
		}
		.accordion .accordion-navigation p {
			padding: 0 !important;
		}


/* COOKIE BAR NOTICE
============================================= */
#cookie-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(28,67,116,0.9);
	padding: rem-calc(21 20 5 20);
	z-index: 20;
}
	
	#cookie-bar h2, #cookie-bar p {
		color: #fff;
	}

	#cookie-bar a:not(.btn) {
		color: white;
		font-weight: bold;
	}
		#cookie-bar a:not(.btn):hover {
			text-decoration: underline;
		}

	#cookie-bar a.btn {
		margin-top: 20px;
	}
	
	#cookie-bar .close-button {
		cursor: pointer;
		display: block;
		font-size: 32px;
		height: 32px;
		line-height: 32px;
		width: 20px;
		position: absolute;
		right: 16px;
		top: 8px;
		color: #fff;
	}
		#cookie-bar .close-button:hover, #cookie-bar .close-button:focus {
			color: #fff;
		}

/* VIDEOS
============================================= */
.video_row {
	clear: both;
	margin: 0.9375rem 0;
	overflow: hidden;
}
	.video_row img {
		float: left;
		width: 120px;
	}
	.video_row .text {
		float: left;
		width: calc(100% - 120px);
		padding-left: 0.9375rem;
	}


/* GRID OVERRIDES =================================================================== */
.row {max-width: 70rem;}

.show-for-xsmall {display: inherit !important;}
.show-for-small, .show-for-small-only, .hide-for-xsmall {display: none !important;}
.show-for-small-up {display: none !important;}
.hide-for-small-up {display: inherit !important;}
.show-for-medium-only {display: none !important;}
.show-for-large-only {display: none !important;}

@media only screen { 
	.row .row {margin-right: 0; margin-left: 0;}
	.column, .columns {	padding-right: 10px; padding-left: 10px;}
	.column.no_pad, .columns.no_pad {	padding-right: 0; padding-left: 0;}
	
	.small-1 {position: relative;width: 100%; }
	.small-2 {position: relative;width: 100%; }
	.small-3 {position: relative;width: 100%; }
	.small-4 {position: relative;width: 100%; }
	.small-5 {position: relative;width: 100%; }
	.small-6 {position: relative;width: 100%; }
	.small-7 {position: relative;width: 100%; }
	.small-8 {position: relative;width: 100%; }
	.small-9 {position: relative;width: 100%; }
	.small-10 {position: relative;width: 100%; }
	.small-11 {position: relative;width: 100%; }
	.small-12 {position: relative;width: 100%; }
	

	.small-push-1 {position: relative;left:0; right: auto; }
	.small-pull-1 {position: relative;right: 0;left: auto; }
	.small-push-2 {position: relative;left: 0;right: auto; }
	.small-pull-2 {position: relative;right: 0;left: auto; }
	.small-push-3 {position: relative;left: 0;right: auto; }
	.small-pull-3 {position: relative;right: 0;left: auto; }
	.small-push-4 {position: relative;left: 0;right: auto; } 
	.small-pull-4 {position: relative;right: 0;left: auto; }
	.small-push-5 {position: relative;left: 0;right: auto; }
	.small-pull-5 {position: relative;right: 0;left: auto; }
	.small-push-6 {position: relative;left: 0;right: auto; }
	.small-pull-6 {position: relative;right: 0;left: auto; }
	.small-push-7 {position: relative;left: 0; right: auto; }
	.small-pull-7 {position: relative;right: 0;left: auto; }
	.small-push-8 {position: relative;left: 0;right: auto; }
	.small-pull-8 {position: relative;right: 0;left: auto; }
	.small-push-9 {position: relative;left: 0;right: auto; }
	.small-pull-9 {position: relative;right: 0;left: auto; }
	.small-push-10 {position: relative;left: 0;right: auto; }
	.small-pull-10 {position: relative;right: 0;left: auto; }
	.small-push-11 {position: relative;left: 0;right: auto; }
	.small-pull-11 {position: relative;right: 0;left: auto; }
	
	.large-1 {position: relative;width: 100%; }
	.large-2 {position: relative;width: 100%; }
	.large-3 {position: relative;width: 100%; }
	.large-4 {position: relative;width: 100%; }
	.large-5 {position: relative;width: 100%; }
	.large-6 {position: relative;width: 100%; }
	.large-7 {position: relative;width: 100%; }
	.large-8 {position: relative;width: 100%; }
	.large-9 {position: relative;width: 100%; }
	.large-10 {position: relative;width: 100%; }
	.large-11 {position: relative;width: 100%; }
	.large-12 {position: relative;width: 100%; }
	
	.large-push-1 {position: relative;left:0; right: auto; }
	.large-pull-1 {position: relative;right: 0;left: auto; }
	.large-push-2 {position: relative;left: 0;right: auto; }
	.large-pull-2 {position: relative;right: 0;left: auto; }

	.large-push-3 {position: relative;left: 0;right: auto; }
	.large-pull-3 {position: relative;right: 0;left: auto; }
	.large-push-4 {position: relative;left: 0;right: auto; }
	.large-pull-4 {position: relative;right: 0;left: auto; }
	.large-push-5 {position: relative;left: 0;right: auto; }
	.large-pull-5 {position: relative;right: 0;left: auto; }
	.large-push-6 {position: relative;left: 0;right: auto; }

	.large-pull-6 {position: relative;right: 0;left: auto; }
	.large-push-7 {position: relative;left: 0; right: auto; }
	.large-pull-7 {position: relative;right: 0;left: auto; }
	.large-push-8 {position: relative;left: 0;right: auto; }
	.large-pull-8 {position: relative;right: 0;left: auto; }
	.large-push-9 {position: relative;left: 0;right: auto; }
	.large-pull-9 {position: relative;right: 0;left: auto; }
	.large-push-10 {position: relative;left: 0;right: auto; }
	.large-pull-10 {position: relative;right: 0;left: auto; }
	.large-push-11 {position: relative;left: 0;right: auto; }

	.large-pull-11 {position: relative;right: 0;left: auto; }
	
	.xsmall-1 {position: relative;width: 8.33333%; }
	.xsmall-2 {position: relative;width: 16.66667%; }
	.xsmall-3 {position: relative;width: 25%; }
	.xsmall-4 { position: relative; width: 33.33333%; }
	.xsmall-5 {position: relative;width: 41.66667%; }
	.xsmall-6 {position: relative;width: 50%; }
	.xsmall-7 {position: relative;width: 58.33333%; }
	.xsmall-8 {position: relative;width: 66.66667%; }
	.xsmall-9 {position: relative;width: 75%; }
	.xsmall-10 {position: relative;width: 83.33333%; }
	.xsmall-11 {position: relative;width: 91.66667%; }
	.xsmall-12 {position: relative;width: 100%; }
	
	.xsmall-push-1 {position: relative;left: 8.33333%; right: auto; }
	.xsmall-pull-1 {position: relative;right: 8.33333%;left: auto; }
	.xsmall-push-2 {position: relative;left: 16.66667%;right: auto; }
	.xsmall-pull-2 {position: relative;right: 16.66667%;left: auto; }
	.xsmall-push-3 {position: relative;left: 25%;right: auto; }
	.xsmall-pull-3 {position: relative;right: 25%;left: auto; }
	.xsmall-push-4 {position: relative;left: 33.33333%;right: auto; }
	.xsmall-pull-4 {position: relative;right: 33.33333%;left: auto; }
	.xsmall-push-5 {position: relative;left: 41.66667%;right: auto; }
	.xsmall-pull-5 {position: relative;right: 41.66667%;left: auto; }
	.xsmall-push-6 {position: relative;left: 50%;right: auto; }

	.xsmall-pull-6 {position: relative;right: 50%;left: auto; }
	.xsmall-push-7 {position: relative;left: 58.33333%; right: auto; }
	.xsmall-pull-7 {position: relative;right: 58.33333%;left: auto; }
	.xsmall-push-8 {position: relative;left: 66.66667%;right: auto; }
	.xsmall-pull-8 {position: relative;right: 66.66667%;left: auto; }
	.xsmall-push-9 {position: relative;left: 75%;right: auto; }
	.xsmall-pull-9 {position: relative;right: 75%;left: auto; }
	.xsmall-push-10 {position: relative;left: 83.33333%;right: auto; }
	.xsmall-pull-10 {position: relative;right: 83.33333%;left: auto; }
	.xsmall-push-11 {position: relative;left: 91.66667%;right: auto; }
	.xsmall-pull-11 {position: relative;right: 91.66667%;left: auto; }
	
	
}

/* MEDIA QUERIES ===================================================================== */
/* SMALL - 480px up */
@media only screen and (min-width: 480px) { 
	/*.row .row {margin-right: 10px; margin-left: 10px;}
	.column, .columns {	padding-right: 10px; padding-left: 10px;}*/
	.show-for-small, .show-for-small-only, .hide-for-xsmall {display: inherit !important; }
	.show-for-xsmall {display: none !important;}
	.show-for-small-up {display: inherit !important;}
	.hide-for-small-up {display: none !important;}
	
	.small-1 {position: relative;width: 8.33333%; }
	.small-2 {position: relative;width: 16.66667%; }
	.small-3 {position: relative;width: 25%; }
	.small-4 { position: relative; width: 33.33333%; }
	.small-5 {position: relative;width: 41.66667%; }
	.small-6 {position: relative;width: 50%; }
	.small-7 {position: relative;width: 58.33333%; }
	.small-8 {position: relative;width: 66.66667%; }
	.small-9 {position: relative;width: 75%; }
	.small-10 {position: relative;width: 83.33333%; }
	.small-11 {position: relative;width: 91.66667%; }
	.small-12 {position: relative;width: 100%; }
	
	.small-push-1 {position: relative;left: 8.33333%; right: auto; }

	.small-pull-1 {position: relative;right: 8.33333%;left: auto; }
	.small-push-2 {position: relative;left: 16.66667%;right: auto; }
	.small-pull-2 {position: relative;right: 16.66667%;left: auto; }
	.small-push-3 {position: relative;left: 25%;right: auto; }
	.small-pull-3 {position: relative;right: 25%;left: auto; }
	.small-push-4 {position: relative;left: 33.33333%;right: auto; }
	.small-pull-4 {position: relative;right: 33.33333%;left: auto; }
	.small-push-5 {position: relative;left: 41.66667%;right: auto; }
	.small-pull-5 {position: relative;right: 41.66667%;left: auto; }
	.small-push-6 {position: relative;left: 50%;right: auto; }
	.small-pull-6 {position: relative;right: 50%;left: auto; }
	.small-push-7 {position: relative;left: 58.33333%; right: auto; }
	.small-pull-7 {position: relative;right: 58.33333%;left: auto; }
	.small-push-8 {position: relative;left: 66.66667%;right: auto; }
	.small-pull-8 {position: relative;right: 66.66667%;left: auto; }
	.small-push-9 {position: relative;left: 75%;right: auto; }
	.small-pull-9 {position: relative;right: 75%;left: auto; }
	.small-push-10 {position: relative;left: 83.33333%;right: auto; }
	.small-pull-10 {position: relative;right: 83.33333%;left: auto; }
	.small-push-11 {position: relative;left: 91.66667%;right: auto; }
	.small-pull-11 {position: relative;right: 91.66667%;left: auto; }











	#section_banner h2 {
		width: 70%;
	}


}



@media only screen and (min-width: 600px) {
	#header {
		/* min-height: 100px
	 */}
	
	.search_bar {
		right: 60px;
	
		top: 20px;
}
	
	.main-nav {
		margin-top: 0 !important;
	}
}

@media only screen and (min-width: 600px) {
	.top-bar-section .dropdown {
			margin-top: 0 !important;	
		}
}

@media only screen and (max-width: 768px) {
	.columns.white {
		height: auto !important;
	}
}

/* MEDIUM - 768px up */
@media only screen and (min-width: 768px) { 
	.xsmall_no_pad {padding-left: 10px !important; padding-right: 10px !important;}
	.row .row {margin-right: 10px; margin-left: 10px;}
	/*..column, .columns {	padding-right: 10px; padding-left: 10px;}*/
	.show-for-small-only {display: none !important;}
	.show-for-medium-only {display: inherit !important;}
	
	.medium-push-1 {position: relative;left: 8.33333%;right: auto; }
	.medium-pull-1 {position: relative;right: 8.33333%;left: auto; }
	.medium-push-2 {position: relative;left: 16.66667%;right: auto; }
	.medium-pull-2 {position: relative;right: 16.66667%;left: auto; }
	.medium-push-3 {position: relative;left: 25%;right: auto; }
	.medium-pull-3 {position: relative;right: 25%;left: auto; }
	.medium-push-4 {position: relative;left: 33.33333%;right: auto; }
	.medium-pull-4 {position: relative;right: 33.33333%;left: auto; }
	.medium-push-5 {position: relative;left: 41.66667%;right: auto; }
	.medium-pull-5 {position: relative;right: 41.66667%;left: auto; }
	.medium-push-6 {position: relative;left: 50%;right: auto; }
	.medium-pull-6 {position: relative;right: 50%;left: auto; }
	.medium-push-7 {position: relative;left: 58.33333%;right: auto; }
	.medium-pull-7 {position: relative;right: 58.33333%;left: auto; }

	.medium-push-8 {position: relative;left: 66.66667%;right: auto; }
	.medium-pull-8 {position: relative;right: 66.66667%;left: auto; }
	.medium-push-9 {position: relative;left: 75%;right: auto; }
	.medium-pull-9 {position: relative;right: 75%;left: auto; }
	.medium-push-10 {position: relative;left: 83.33333%;right: auto; }
	.medium-pull-10 {position: relative;right: 83.33333%;left: auto; }
	.medium-push-11 {position: relative;left: 91.66667%;right: auto; }
	.medium-pull-11 {position: relative;right: 91.66667%;left: auto; }

 	.medium-1 {position: relative; width: 8.33333%; }
	.medium-2 {position: relative;width: 16.66667%; }
	.medium-2.x5 {position:relative; width: 20%}
	.medium-3 {position: relative; width: 25%; }
	.medium-4 {position: relative;width: 33.33333%; }
	.medium-5 {position: relative;width: 41.66667%; }
	.medium-6 {position: relative; width: 50%; }
	.medium-7 {position: relative;width: 58.33333%; }
	.medium-8 {position: relative;width: 66.66667%; }
	.medium-9 {position: relative;width: 75%; }
	.medium-10 {position: relative;width: 83.33333%; }
	.medium-11 {position: relative;width: 91.66667%; }
	.medium-12 {position: relative;width: 100%; }
	
	.medium-offset-0 {position: relative;margin-left: 0%; }
	.medium-offset-1 {position: relative;margin-left: 8.33333%; }
	.medium-offset-2 {position: relative;margin-left: 16.66667%; }
	.medium-offset-3 {position: relative;margin-left: 25%; }
	.medium-offset-4 {position: relative;margin-left: 33.33333%; }
	.medium-offset-5 {position: relative;margin-left: 41.66667%; }
	.medium-offset-6 {position: relative;margin-left: 50%; }
	.medium-offset-7 {position: relative;margin-left: 58.33333%; }
	.medium-offset-8 {position: relative;margin-left: 66.66667%; }
	.medium-offset-9 {position: relative;margin-left: 75%; }
	.medium-offset-10 {position: relative;margin-left: 83.33333%; }
	
	
h1 {
	font-weight: 300;
	line-height: 111%;
	margin: 10px 0;
	color: #FFFFFF;
}

h2, .h2 {
	font-weight: 300;
	line-height: 111%;
	margin: 30px 0 30px 0;
}
	
h3 {
	font-weight: 400;
	margin: 20px 0;
}
	
h4 {
	font-weight: 400;
	line-height: 100%;
	margin: 10px 0;
}
	
p {

	font-size: 13px;
	line-height: 24px;
	margin: 15px 0;
}


/* HEADER ============================================================================ */
#header {
	/* min-height: 175px; */
}
	#header .columns.no_pad {padding: 0 10px !important;}
	
	.sysTray {
		position: relative;
		z-index: 9999;
	}
	
	.search_bar {
		float:left;
		max-width: 300px;
	
		/* position: relative; */
		right: 0;
		margin-left: 0;
}

/* NAV =============================================================================== */
.top-bar {
	height: auto;
}
	.top-bar ul {
		margin-top: 0;
	}
	
	.top-bar .name {
		/* width: auto; */

		/* margin:10px; */
		/* height: auto; */
	}
		.top-bar .name a {/* display: block; */}
	
	.top-bar .title-area {
		width: 225px;
	}
	.title-area {
		float:left;
	}
	.top-bar-section {
		clear: both;
		/* margin: 20px 0 0 0; */
		width: 100%;
		float: left;
	}
		.top-bar-section ul li {
			border-bottom:none;
			margin: 0 7px;
		}
		ul.main-nav {position: relative;}
		
			.top-bar .top-bar-section li a {
				padding:0 10px;
				border: solid 1px #ffffff;
			}
				.top-bar .top-bar-section li a.chat {
					font-size: 0;
					padding: 0;
					margin: 0;
					display: block;
					/* height: 45px; */
					/* width: 115px; */	
					background: url(../images/style/chat-nav.jpg) right center no-repeat;
				}
					.top-bar .top-bar-section li a.chat:hover {
						background-image: url(../images/style/chat-nav-hover.jpg);	
					}

			#LP_DIV_1433946445310 {
				width: 121px !important;
				border: solid 1px transparent;
			}
				#LP_DIV_1433946445310 div {
					width: 119px !important;
				}
					#LP_DIV_1433946445310 div img {
						height: 45px !important;
					}
			
			#LP_DIV_1433946445310:hover {
				border: solid 1px #f5f8f9;
			}
			
			.top-bar .top-bar-section li:hover > a { border: solid 1px #f5f8f9;}
			
			.top-bar-section ul li.active > a {

				 border: solid 1px #f5f8f9;
				 color: #699ece;
			}
			
			
			.top-bar .top-bar-section li.has-dropdown {position: static;}
			.top-bar .top-bar-section .has-dropdown > a {
				background: none;
				padding: 0 10px !important;
			}	
			
			.top-bar .top-bar-section li.has-dropdown:hover > a {
				background: url(../images/style/nav_dropdown_active.png) bottom center no-repeat;
				border-right: solid 1px #ffffff;
				border-left: solid 1px #ffffff;
				border-top: solid 1px #ffffff;
				border-bottom: solid 1px transparent;
			}		
		
		.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {display: none;}
		.top-bar-section .has-dropdown > a:after {display: none;}
		
			.top-bar-section .dropdown.level2 {
				top: 46px;
				width: 100%;
				max-width: 1120px;	
				background: #f5f8f9;
				-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.3);
				-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.3);
				box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.3);
			}
				.top-bar-section .dropdown.level2 > li {
					padding: 10px 20px;
					width: 33.333%; 
					float: left;
				}
				.top-bar-section .dropdown.level2.single > li {
					padding: 0px 20px;
					width: 100%; 
					float: left;
				}
				
				.top-bar-section .dropdown.level2 > li .dropdown { position: relative; left: 0;}
		
			.top-bar-section .has-dropdown.show-all:hover .dropdown {display: block;}
			.top-bar-section .has-dropdown.show-all:hover .dropdown.single {
				left: 0px !important;
				max-width: 300px;
				min-width: 0px;
				padding: 10px 0;
			}
			.top-bar-section .has-dropdown.show-all:hover .dropdown.single.about {
				left: 60px !important;
			}
			
			.top-bar-section .dropdown.level2 li a {
				border: none;
				background: url(../images/style/listArrowBlue.png) center left no-repeat transparent;
				color: #293781;
				padding: 10px 10px 10px 15px;
			}
				.top-bar .top-bar-section .dropdown.level2 li a.split {
					border-top: solid 1px #afcbe3;
					padding-top: 20px;
					margin-top: 10px;

					width: 200px;	
				}
					.top-bar .top-bar-section .dropdown.level2 li:hover a.split {
						border-top: solid 1px #afcbe3;
					}

				.top-bar .top-bar-section .dropdown.level2 li:hover > a {
					border: none;
					color: #699ece;	
				}
			
			.top-bar-section .dropdown.level2 li a.title {
				background: none;
				padding: 10px 0 !important;	
				color: #699ece;
				font-size: 17px;
				line-height: 22px;
				cursor: default;
			}
				

/* SUB NAV =================================== */
.sub_nav {
	height: 50px;
}
		.sub_nav .nav-bar li {
			display: inline-block;
			padding: 15px 0;
			border: none;
		}	



/* SIDENAV ========================================= */
.sidenav.columns {
	padding: 0px 10px 0 10px;
	background: #f5f8f9;
}
.sidenav ul {
	margin: 0;
}
	.sidenav ul li {
		margin: 5px 0;
		font-size: 14px;
		padding: 0;
		border: none;
		line-height: 16px;
}
		.sidenav ul li a {
			background: url(../images/style/listArrowBlue.png) center left no-repeat transparent;
			padding: 10px 10px 10px 15px;
		}
		.sidenav ul li.active a {color: #6e90c4;}
		
		
/* HOMEPAGE =============================================================================== */


/* ICON TABS ========================================================================= */
.scroller_container {
	height: 85px !important;
	border: none;
}
	.scroller_container.about_sub_nav {
		height: 60px !important;	
	}
	.scroller_container .row {
		height: 100px;	
		overflow: hidden;
	}

		#wrapper {
			height: 100px;
		}

ul.tabs {
	height: 100px;
	border-bottom: none;
}
	ul.tabs li {

		border-right: none;
		height: 100px;
	}
		ul.tabs li a {	
			width: auto;
			height: 100px;
			font-size: 14px;
		}
			
			ul.tabs li a span {
				display: block;	
				color: rgba(255,255,255,0.5);
				-webkit-transition: color 300ms ease-out;

				-moz-transition: color 300ms ease-out;
				transition: color 300ms ease-out;
			}
			ul.tabs li a:hover span {color: rgba(255,255,255,1);}
			
			ul.tabs li.active {
				background: url(../images/style/sub-nav-tab.png) bottom center no-repeat;	
			}
			ul.tabs li.active a span {color: #ffffff;}

#product_tabs ul.tabs li.active {
	background: url(../images/style/tab-arrow.png) bottom center no-repeat;
}

.scroller_container.about_sub_nav ul.tabs, .scroller_container.about_sub_nav ul.tabs li, .scroller_container.about_sub_nav ul.tabs li a {
	height: 75px;
}



/* ACTION BARS ======================================================================= */
.action_bar {
	background: url(../images/style/homeActionBG.jpg);
	padding: 25px 0;
}
	.action_bar .btn {
		padding: 5px 10px;
	}
		
/* SOLUTIONS ============================================================== */
#main.solutions {
	padding: 50px 0;
}		

	/*#section_banner {
		min-height: 400px;	
	}*/
	
	#section_banner h1 {
		font-size: 60px;
	}
	#section_banner h2 {
		width: 50%;
		margin-top: 20px;
		font-size: 18px;
		line-height: 28px;	
	}
	
	.products #solutions_products .slide {
		padding:0 10px;
		margin: 0;
	}
	.products {
		padding: 0 0 50px 0;

	}
	
	#solutions_products {height: auto;}

	
	.products h1 {
		font-size: 24px;
		padding: 30px 0;
	}
	
	#solutions_products .slide .slide_wrap {
		padding:0;
	}
	
	#solutions_products .slide .slide_text {
		width: 100%;
		text-align: center;
	}
	
	#solutions_products .slide .slide_text p {
		min-height: 100px;
		padding: 0 15px;
	}


.prod_title {
	height: 80px;
}
	.prod_title h2 {

		line-height: 80px;
	}
#product_tab_content {padding: 125px 0 0 0;}

	#product_tab_content .row {
		margin-top: 15px;
		margin-bottom: 30px;	
	}
	
	
p.date, p.location {
	float: left;
	width: 50%;
	
}
/*	.date {
		background: url(../images/style/date.png) 20px no-repeat;
	}
	.location {
		background: url(../images/style/location.png) 20px no-repeat;
	}*/

p.date + p:not(.location), p.location + p {
	clear: both;
}


form.contact .columns {padding: 0 10px!important;}

/* CUSTOMER CENTER BOXES============================================================== */

	.forum-box {
		background-image: url(../images/style/keyboard.jpg);
		padding: 30px;
		margin: 30px 0 45px;
	}
		.forum-box .vert_center {
			position: relative; 
			top: 50%; 
			transform: translateY(-50%); 
			-webkit-transform:translateY(-50%); 
			-ms-transform:translateY(-50%);
			display: block; 
			vertical-align: top;
		}

	.webcast-box {
		background-image: url(../images/style/soft-white-texture.jpg);
		background-position: bottom left;
		padding: 30px;
		margin: 30px 0 45px;
	}

	.request-box {
		background-image: url(../images/style/soft-white-texture.jpg);
		background-position: bottom right;
		padding: 30px;
		margin: 30px 0 45px;
	}

	.spotlight-bar .columns:nth-of-type(3) {
		clear:both;
	}
	.spotlight-bar .columns:nth-of-type(1), .spotlight-bar .columns:nth-of-type(3) {
		background: url(../images/style/spacer.gif) no-repeat right top;
	}
	
	/* MISC ============================================================== */	
	.video_row img {
		width: 200px;
	}
	.video_row .text {
		width: calc(100% - 200px);
	}

}

/* LARGE - 1024px up */
@media only screen and (min-width: 1024px) { 
	.chat-box {
		min-height: 410px;
	}
	/*.row .row {margin-right: 10px; margin-left: 10px;}
	.column, .columns {	padding-right: 10px; padding-left: 10px;}*/

	.show-for-medium-only {display: none !important;}
	.show-for-large-only {display: inherit !important;}
	.show-for-large, .show-for-large-up {display: inherit !important;}
	.hide-for-large, .hide-for-large-up {display: none !important;}
	
	.large-push-1 {position: relative;left: 8.33333%;right: auto; }
	.large-pull-1 {position: relative;right: 8.33333%;left: auto; }
	.large-push-2 {position: relative;left: 16.66667%;right: auto; }
	.large-pull-2 {position: relative;right: 16.66667%;left: auto; }
	.large-push-3 {position: relative;left: 25%;right: auto; }
	.large-pull-3 {position: relative;right: 25%;left: auto; }
	.large-push-4 {position: relative;left: 33.33333%;right: auto; }
	.large-pull-4 {position: relative;right: 33.33333%;left: auto; }
	.large-push-5 {position: relative;left: 41.66667%;right: auto; }
	.large-pull-5 {position: relative;right: 41.66667%;left: auto; }
	.large-push-6 {position: relative;left: 50%;right: auto; }
	.large-pull-6 {position: relative;right: 50%;left: auto; }
	.large-push-7 {position: relative;left: 58.33333%;right: auto; }
	.large-pull-7 {position: relative;right: 58.33333%;left: auto; }
	.large-push-8 {position: relative;left: 66.66667%;right: auto; }
	.large-pull-8 {position: relative;right: 66.66667%;left: auto; }
	.large-push-9 {position: relative;left: 75%;right: auto; }
	.large-pull-9 {position: relative;right: 75%;left: auto; }
	.large-push-10 {position: relative;left: 83.33333%;right: auto; }
	.large-pull-10 {position: relative;right: 83.33333%;left: auto; }
	.large-push-11 {position: relative;left: 91.66667%;right: auto; }
	.large-pull-11 {position: relative;right: 91.66667%;left: auto; }

 	.large-1 {position: relative; width: 8.33333%; }
	.large-2 {position: relative;width: 16.66667%; }
	.large-3 {position: relative; width: 33.33333%; }
	.large-4 {position: relative;width: 33.33333%; }
	.large-5 {position: relative;width: 41.66667%; }
	.large-6 {position: relative; width: 50%; }
	.large-7 {position: relative;width: 58.33333%; }
	.large-8 {position: relative;width: 66.66667%; }
	.large-9 {position: relative;width: 75%; }
	.large-10 {position: relative;width: 83.33333%; }
	.large-11 {position: relative;width: 91.66667%; }
	.large-12 {position: relative;width: 100%; }
	
	.large-offset-0 {position: relative;margin-left: 0%; }
	.large-offset-1 {position: relative;margin-left: 8.33333%; }
	.large-offset-2 {position: relative;margin-left: 16.66667%; }
	.large-offset-3 {position: relative;margin-left: 25%; }
	.large-offset-4 {position: relative;margin-left: 33.33333%; }
	.large-offset-5 {position: relative;margin-left: 41.66667%; }
	.large-offset-6 {position: relative;margin-left: 50%; }
	.large-offset-7 {position: relative;margin-left: 58.33333%; }
	.large-offset-8 {position: relative;margin-left: 66.66667%; }
	.large-offset-9 {position: relative;margin-left: 75%; }
	.large-offset-10 {position: relative;margin-left: 83.33333%; }

hr { margin: 20px 0;}


/* NAV =============================================================================== */
.top-bar {
	height: auto;
}
	.top-bar ul {
		margin-top: 0;
		margin-right: -7px;
	}
	
	.top-bar .name {
		width: auto;

		margin:10px;
		height: auto;
	}
		.top-bar .name a {display: block;}
	
	.title-area {
		float:left;
	}
	.top-bar-section {
		margin: 10px 0 0 0;
	}

	.top-bar {
		margin: 20px 0 0 0;
	}
	
	.top-bar-section {
		clear: none;
		float: none;
		width: auto;
		position: absolute;
		left: auto !important; right: 0; top: 25px;
		text-align: right;
	}
	
	.top-bar-section .dropdown.level2 {
		width: 1120px;	
		right: 0;
	}



/* Section =============================================================================== */
/* ICON TABS ========================================================================= */
.scroller_container {height: 110px !important;}
	.scroller_container .row {
		overflow: hidden;
		height: 125px;
	}
		ul.tabs {height: 125px;}

			ul.tabs li {height: 125px;}
				ul.tabs li a {
					height: 110px;
					padding-top: 20px;
				}
					ul.tabs li a img {margin-bottom: 5px;}
	

/* SOLUTIONS ============================================================ */		
#section_banner.news .banner_wrap {
	padding: 20px 0;
}
		
#section_banner h2 {
 	width: 35%;
}
	#main.solutions {
		padding: 50px 0;
	}
	.products h1 {
		padding: 50px 0 30px 0;
	}
	
	#solutions_products .slide .slide_text p {
		min-height: 50px;
		padding: 0 15px;
	}
	

#main h2, #main h3, #product_tab_content h2, #product_tab_content h3, #main p, #product_tab_content p, #main h4, #main h5, #main ul, #main ol {
	padding: 0 30px;
}
	#main .medium-2.sidenav h3, #main .medium-2.sidenav ul {
		padding: 0;
	}
#main ul li {
		padding: 5px 0 5px 30px;
		background: url(../images/style/bullet.png) 10px 10px no-repeat;
	}
#main form {padding: 0 10px;}

/* SIDENAV ==================================================== */
#main .sidenav ul {
	margin: 0 0 0 20px;
}
	#main .sidenav ul li {
		background: none;
		padding: 0;	
	}

#main .sidenav ul.related_docs {
	margin: 0;	
}

p.date, p.location {
	padding: 0 20px 0 54px !important;
	background-position: 30px 0;
	margin-bottom: 15px;

}

/* CUSTOMER CENTER BOXES============================================================== */

	.featured_article {
		padding: 30px 0;
		margin: 0;
	}

	.webcast-box h3, .request-box h3 {
		padding: 0 15px;
	}

	.webcast-box ul, .request-box ul {
		border-top: white 1px solid;
		padding: 0;
		font-size: 16px;
		margin: 0 -15px
	}
		.webcast-box ul li, .request-box ul li {
			padding: 0 30px
		}

	.spotlight-bar .columns:nth-of-type(3) {
		clear:none;
	}
	.spotlight-bar .columns:nth-of-type(2) {
		background: url(../images/style/spacer.gif) no-repeat right top;
	}
	
/* MISC ============================================================== */	
.video_row {
	padding: 0 1.875rem;
}
	.video_row .text {
		padding: 0;
	}
}

body.no-js .hide-if-no-js.quicktags-toolbar {
	display: block;
}

@media only screen and (min-width: 1102px) {
.top-bar .title-area {
	width: 255px;
}
.top-bar-section ul li {
		margin: 0 5px;
	}
	.top-bar-section ul li .dropdown li {margin: 0;}
	
}

/* X LARGE - 1280px up */
@media only screen and (min-width: 1280px) {
	
	#wrapper {
	height: 125px;
	width: 1120px;
}

	#scroller {
		width: 1400px;
		text-align: center;
	}

	
	#scroller ul {
		text-align: center;
		max-width: 1120px;
		float: left;
		margin:0 auto;
	}
	
	#scroller ul .tab {
		float: none;
	}

}

/* XX LARGE - 1440px up */
@media only screen and (min-width: 1440px) {
}


/* Apply styles to screens in landscape orientation */
@media only screen and (orientation: landscape) {}

/* Apply styles to screens in portrait orientation */
@media only screen and (orientation: portrait) {}

/* Print Overrides */
@media print {}