/***
ELEMENTAL STYLES
***/
*			{margin: 0; padding: 0; border: 0;}

body, html 	{margin: 0; padding: 0px; border: 0; font-family: Arial, Helvetica, sans-serif; color: #000; height: 100%;}
body		{background: #ebeffa; font-size: 14px;}

a 			{text-decoration: none; color: #0067b1;}
a:hover		{color: #104b86;}
 
p			{margin: 0 0 1.1em 0; padding: 0;}
hr			{height: 2px; background-color: #ccc; margin-bottom: 1.1em;}
td			{vertical-align: top;}

input,
select,
textarea				{border: 1px solid #ccc;}
input[type="submit"]	{border: 0px;}

h1, h2, h3, h4, h5, h6	{margin: 0 0 0.9em 0; line-height: 1.1em; font-family: 'Century Gothic', 'Apple Gothic', 'URW Gothic L', sans-serif; font-weight: 400; color: #435266;}
h1 {font-size: 35px;}
h2 {font-size: 31px;}
h3 {font-size: 27px;}
h4 {font-size: 24px;}
h5 {font-size: 21px;}
h6 {font-size: 18px;}


/***
CLASSES
***/
.clear			{clear: both;}
.aligncenter	{text-align: center;}
.alignleft		{float: left;}
.alignright		{float: right;}
.blue			{color: #006699;}
.print			{display: none;}

.flex			{display: -webkit-flex; display: flex;}
.flex > *		{-ms-flex: 0 1 auto;}
.flex-between	{-webkit-justify-content: space-between; justify-content: space-between;}

.wp-caption.alignleft,
img.alignleft	{float: left; margin: 0 20px 15px 0;}
.wp-caption.alignright,
img.alignright	{float: right; margin: 0 0 15px 20px;}
.wp-caption.aligncenter,
img.aligncenter	{display: block; margin: 0 auto 1.1em;}
.wp-caption-text{font-size: 11px; color: #444; padding: 0 30px; line-height: 15px; text-align: center; margin-top: 3px;}

.navigation .right	{float: right;}
.navigation .left	{float: left;}


/***
LAYOUT STYLES
***/
#mainHeader,
#contentWrapper,
#homeWrapper,
#mainBannerWrapper,
#mainFooter				{max-width: 1400px; min-width: 290px; width: auto; margin: 0 auto;}


/***
HEADER STYLES
***/
#headerWrapper			{background-color: #104b86; padding: 16px 0; margin-top: 21px; min-height: 87px; box-shadow: 0px 10px 18px #82848a, 0px -10px 18px #82848a;}
#mainHeader				{position: relative; height: 90px;}
#mainHeader	#logo		{position: absolute; left: 0;}
#mainHeader	#logo:hover	{opacity: 0.8; filter: alpha(opacity=80);}

/* Utility Navigation */
#utilityNav 				{float: right; position: relative; z-index: 2;}
#utilityNav span.fa 		{display: none;}
#utilityNav ul				{list-style: none;}
#utilityNav ul li			{display: inline-block;}
#utilityNav ul li a			{color: #fff;}
#utilityNav ul li a:hover	{color: #a4d7e2;}
#utilityNav ul li a.mailto	{color: #a4d7e2;}
#utilityNav ul li.util-mobile		{display: none;}
#utilityNav ul li.util-mobile .fa	{display: inline-block;}
#utilityNav ul li.util-mobile button{display: inline-block;}
#utilityNav ul li.util-phone:after 	{display: inline-block; content: '\2022'; font-size: 19px; color: #fff; margin: 0 4px 0 8px;}
#utilityNav ul li.util-phone a		{font-size: 21px;}
#utilityNav ul li.util-email a		{font-size: 19px;}
#utilityNav ul li.util-email a:hover{color: #fff;}
#utilityNav ul li.util-email:after 	{display: inline-block; content: '\2022'; font-size: 19px; color: #fff; margin: 0 4px 0 8px;}
#utilityNav ul li.util-login a		{font-size: 16px; font-weight: 700; font-family: 'Century Gothic', 'Apple Gothic', 'URW Gothic L', sans-serif; font-style: italic;}
#utilityNav ul li.util-login img	{margin-right: 4px;}
#utilityNav ul li.util-login .fa span{font-family: Arial; font-weight: 700;margin-left: 4px;}
#utilityNav #openMobileMenu			{background: none; font-size: 18px; color: #fff; cursor: pointer;}

html.mobileMenu-open,
body.mobileMenu-open				{overflow: hidden;}
body.mobileMenu-open #mainNav		{left: 0;}
#mobileMask {position: fixed; top: 0; left: 0; z-index: 899; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8);
	-webkit-transform: translatez(0);
	   -moz-transform: translatez(0);
		-ms-transform: translatez(0);
		 -o-transform: translatez(0);
			transform: translatez(0);
}

/* Navigation */
#mainNav 						{clear: both; position: absolute; bottom: -16px; right: 0;}
#mainNav #closeMobileMenu 		{display: none; background-color: #f7931e; width: 100%; font-size: 20px; color: #fff; padding: 15px 0; cursor: pointer;}
#mainNav ul						{float: left; list-style: none;}
#mainNav ul	li					{float: left; margin-right: 30px; position: relative;}
#mainNav ul li a				{display: block; font-size: 20px; text-transform: capitalize; color: #fff; height: 45px;}
#mainNav ul li.current-menu-item > a,
#mainNav ul li.current_page_item > a,
#mainNav ul li.current-page-ancestor > a,
#mainNav ul li.current_page_parent > a,
#mainNav ul li:hover > a		{color: #a4d7e2;}
#mainNav ul.sub-menu			{display: none; position: absolute; top: 45px; z-index: 5; background: rgba( 230, 230, 230, 0.8 ); width: 100%; min-width: 200px;}
#mainNav ul.sub-menu li			{float: none; margin: 0;}
#mainNav ul.sub-menu li a		{color: #000; padding: 8px; font-size: 18px; height: auto; font-family: 'Century Gothic', 'Apple Gothic', 'URW Gothic L', sans-serif;}
#mainNav ul.sub-menu > li.current-cat > a,
#mainNav ul.sub-menu > li:hover > a	{background: rgba( 247, 147, 30, 0.7 ); color: #fff;}
#mainNav ul.sub-menu ul.sub-menu	{left: 100%; top: 0;}
#mainNav ul li:hover > ul.sub-menu	{display: block;}

#mainNav .search-form					{float: right; position: relative;}
#mainNav .search-form .search-field		{border: 1px solid #b3b3b3; width: 158px; padding: 6px 30px 6px 6px; border-radius: 6px;}
#mainNav .search-form .search-submit	{position: absolute; top: 0; right: 4px; background: none; background: url( '../images/ico_search.png' ) no-repeat center; width: 33px; height: 29px; cursor: pointer;}


/***
HOMEPAGE STYLES
***/
#homeWrapper				{box-sizing: border-box; margin: 21px auto;}

/* Slideshow */
#mainBannerWrapper					{height: 313px; margin-top: 8px; padding-top: 13px;}
#mainBannerWrapper ul				{list-style: none;}
#mainBannerWrapper ul li			{position: absolute; background-color: #ebeffa; display: none;}
#mainBannerWrapper ul li.selected	{display: list-item;}

#slideContent				{position: relative; top: 30px; float: left; width: 31.08%; max-width: 435px; height: 270px; font-family: 'Century Gothic', 'Apple Gothic', 'URW Gothic L', sans-serif;}
#slideContent .bigText		{display: block; font-size: 49px; color: #104b86; line-height: 40px; margin-bottom: 21px;}
#slideContent p				{font-size: 21px; line-height: 26px;}
#slideContent a.more		{text-transform: uppercase; color: #000;}
#slideContent a.more:hover	{color: #0067b1;}

#slideshow					{position: relative; float: right; width: 61.79%; max-width: 865px; height: 300px; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.45);}
#slideshow img				{display: block; max-width: 100%; height: auto;}
#slideshow a.slideNav		{display: block; position: absolute; bottom: 0; z-index: 4; width: 60px; height: 59px;}
#slideshow #nextSlide		{right: 0; background: url( '../images/ico_next.png' ) no-repeat center;}
#slideshow #prevSlide		{left: 0; background: url( '../images/ico_prev.png' ) no-repeat center;}

#thumbnails 				{position: absolute; bottom: 0; right: 0; z-index: 4;}
#thumbnails a				{display: inline-block; background-color: #009ddc; width: 10px; height: 10px; border-radius: 3px; margin-left: 6px;}
#thumbnails a:hover,
#thumbnails a.selected		{background-color: #104b86;}

/* Home Cols */
#homeContentWrapper			{border-top: 3px solid #9fb3d5; padding: 20px 0;}
#homeContentWrapper	> h1	{font-family: Arial, sans-serif; font-weight: 700; font-size: 24px; color: #000;}
#homeContentWrapper	.col	{width: 50%; float: left; padding: 0 30px; box-sizing: border-box;}
#homeContentWrapper	.col ul,
#homeContentWrapper	.col ol		{padding-left: 40px; margin-bottom: 1.1em;}
#homeContentWrapper	.col > ul.ultra-left,
#homeContentWrapper	.col > ol.ultra-left	{padding-left: 80px;}
#homeContentWrapper	.col ul ul,
#homeContentWrapper	.col ol ol	{padding-left: 20px; margin: 0;}
#homeContentWrapper	.col > :last-child	{margin-bottom: 0!important;}

/* Application Columns */
#appsWrapper					{margin-top: 20px; font-family: 'Century Gothic', 'Apple Gothic', 'URW Gothic L', sans-serif;}
#appsWrapper .appCol			{float: left; width: 22.86%; max-width: 320px; height: 250px; box-sizing: border-box; padding: 20px; background-repeat: no-repeat; background-position: center; background-color: #fff; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.45);}
#appsWrapper .appCol.col2		{margin: 0 1.4% 0 2.8%;}
#appsWrapper .appCol.col3		{margin: 0 2.8% 0 1.4%;}
#appsWrapper .appCol h2			{font-size: 22px; line-height: 26px; margin-bottom: 20px; font-weight: 700; color: #000;}
#appsWrapper .appCol p			{font-size: 16px; line-height: 19px;}
#appsWrapper .appCol a.more		{color: #0067b1; text-transform: uppercase;}
#appsWrapper .appCol a.more:hover	{color: #104b86;}

/* Case Studies */
#caseWrapper				{border-bottom: 3px solid #9fb3d5; margin-bottom: 20px; padding-bottom: 20px;}
#caseWrapper .case			{position: relative; width: 32%; max-width: 448px; max-height: 250px; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.45); overflow: hidden;}
#caseWrapper .case a		{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
#caseWrapper .case img		{display: block; max-width: 100%; height: auto;}
#caseWrapper .case iframe	{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#caseWrapper .case .iframeWrap	{position: relative; width: 100%; padding-bottom: 56%;}


/***
PAGE STYLES
***/
#contentWrapper				{box-sizing: border-box; margin: 21px auto; padding: 0 40px;}

/* Breadcrumbs */
#breadcrumbs				{margin-top: -8px; margin-bottom: 20px;}
#breadcrumbs,
#breadcrumbs a				{display: inline-block; color: #7d7d7d; font-family: 'Century Gothic', 'Apple Gothic', 'URW Gothic L', sans-serif; font-size: 14px;}
#breadcrumbs a:hover		{color: #104b86}
#breadcrumbs span.crumb		{display: inline-block; color: #104b86;}
#breadcrumbs span.initial	{font-size: 28px; position: relative; top: 5px; color: #7d7d7d; margin-right: 4px;}

/* Content */
#content				{float: left; width: 71.60%; max-width: 945px; font-size: 17px; line-height: 21px;}
#content ul,
#content ol				{padding-left: 35px; margin-bottom: 1.1em;}
#content ul ul,
#content ol	ol			{padding-left: 30px; margin-bottom: 0;} 
#content img			{max-width: 100%; height: auto;}
#content a:hover img	{opacity: 0.8; filter: alpha(opacity=80);}
#content .gallery .gallery-item			{margin-bottom: 1.1em;}

/* Team Page */
#teamWrapper .member					{display: table; width: 100%;  background-color: #fff; box-sizing: border-box; border: 4px solid #fff; margin-bottom: 5px; font-family: 'Century Gothic', 'Apple Gothic', 'URW Gothic L', sans-serif;}
#teamWrapper .member .col				{display: table-cell; vertical-align: middle;}
#teamWrapper .member .col a				{color: #0067b1;}
#teamWrapper .member .col a:hover		{color: #104b86;}
#teamWrapper .member .col a:hover img	{opacity: 0.8; filter: alpha(opacity=80);}
#teamWrapper .member .col.img			{width: 150px;}
#teamWrapper .member .col.img img		{display: block; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.45);}
#teamWrapper .member .col.linkedin		{width: 65px;}
#teamWrapper .member .col.linkedin img	{box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.45);}
#teamWrapper .member .col.content		{font-size: 14px; color: #363636;}
#teamWrapper .member .col.content h1	{margin-bottom: 5px;}
#teamWrapper .member .col.content h1 a	{font-size: 24px; color: #104b86;}
#teamWrapper .member .col.content h1 a:hover{color: #0067b1;}
#teamWrapper .member .col.content p 	{margin-bottom: 0;}

/* Bio Page */
#memberBio h3				{margin-bottom: 0;}
#memberBio span.pos,
#memberBio a.mail			{display: block; font-size: 14px; font-family: 'Century Gothic', 'Apple Gothic', 'URW Gothic L', sans-serif;}
#memberBio span.pos			{color: #0067b1;}
#memberBio div.clear.divide	{margin-top: 12px;}
#memberBio #bioLeft			{float: left; width: 31.75%; max-width: 300px;}
#memberBio #bioLeft > img	{display: block; margin-bottom: 20px; max-width: 100%; height: auto; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.45);}
#memberBio #bioLeft #member_linkedin img{box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.45);}
#memberBio #bioRight		{float: right; width: 65.09%; max-width: 615px; font-family: 'Century Gothic', 'Apple Gothic', 'URW Gothic L', sans-serif; font-size: 14px;}

/* Contact Page */
#contactWrapper .text,
#contactWrapper .area	{border-width: 2px; border-color: #d0d6e2; padding: 12px 6px 6px 6px; box-sizing: border-box; background: transparent; color: #808080; font-family: 'Century Gothic', 'Apple Gothic', 'URW Gothic L', sans-serif;}
#contactWrapper .area	{width: 100%;}
#contactWrapper .half	{width: 48%;}
#contactWrapper .mright	{margin-right: 4%;}
#contactWrapper .text:focus,
#contactWrapper .area:focus,
#contactWrapper #cnt-captcha-input:focus	{background: rgba( 255, 255, 255, 0.4 );}
#contactWrapper #cnt-captcha-img	{padding: 5px 0; position: relative; top: 11px; box-shadow: none;}
#contactWrapper #cnt-submit			{float: right; font-size: 24px; background-color: #104b86; padding: 6px 22px; border: 2px solid #104b86; text-transform: uppercase; color: #fff; font-family: 'Century Gothic', 'Apple Gothic', 'URW Gothic L', sans-serif; border-radius: 8px; cursor: pointer;}
#contactWrapper #cnt-submit:hover	{background: transparent; color: #104b86;}
#contactWrapper #cnt-submit:active	{position: relative; top: 1px; left: 1px;}

/* Blog / Studies / Search Page */
#content .hentry				{border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px;}
#content .hentry h1				{font-size: 28px; margin-bottom: 12px;}
#content .hentry h1 + small		{position: relative; top: -6px;}


/***
SIDEBAR STYLES
***/
#sidebar			{float: right; width: 260px;}
#sidebar hr			{background-color: #104b86; height: 4px; margin: 18px 0 8px;}
#sidebar h3			{margin-bottom: 12px;}
#sidebar ul			{list-style: none;}
#sidebar ul li a	{font-size: 16px;}
#sidebar .widget	{margin-bottom: 20px;}

/* Side Members */
#sidebar .side-member			{font-family: 'Century Gothic', 'Apple Gothic', 'URW Gothic L', sans-serif; font-size: 14px;}
#sidebar .side-member h3		{margin-bottom: 0; font-size: 22px;}
#sidebar .side-member h3 a		{color: #104b86;}
#sidebar .side-member h3 a:hover{color: #0067b1;}

/* Side Contact */
#sideContact p					{margin-bottom: 10px; font-family: 'Century Gothic', 'Apple Gothic', 'URW Gothic L', sans-serif;}
#sideContact p a				{color: #0068b3; font-weight: 700; font-size: 15px; position: relative; top: -6px;}
#sideContact .text,
#sideContact .area				{width: 100%; border-width: 2px; border-color: #d0d6e2; padding: 12px 6px 6px 6px; box-sizing: border-box; background: transparent; color: #808080; font-family: 'Century Gothic', 'Apple Gothic', 'URW Gothic L', sans-serif;}
#sideContact .box				{display: none;}
#sideContact #side-captcha-input:focus,
#sideContact .text:focus,
#sideContact .area:focus			{background: rgba( 255, 255, 255, 0.4 );}
#sideContact #accept-label			{display: inline-block; width: 16px; height: 16px; border: 2px solid #000; margin-right: 4px; cursor: pointer;}
#sideContact #accept-label.active	{background-color: #a4d7e2;}
#sideContact #side-captcha-image	{padding: 6px 0; position: relative; top: 9px;}
#sideContact #side-captcha-input	{width: 175px; border-width: 2px; border-color: #d0d6e2; padding: 12px 6px 6px 6px; box-sizing: border-box; background: transparent; color: #808080; font-family: 'Century Gothic', 'Apple Gothic', 'URW Gothic L', sans-serif;}
#sideContact #side-submit			{font-size: 24px; background-color: #104b86; padding: 6px 22px; border: 2px solid #104b86; text-transform: uppercase; color: #fff; font-family: 'Century Gothic', 'Apple Gothic', 'URW Gothic L', sans-serif; border-radius: 8px; cursor: pointer;}
#sideContact #side-submit:hover		{background: transparent; color: #104b86;}
#sideContact #side-submit:active	{position: relative; top: 1px; left: 1px;}

#sideContact ::-webkit-input-placeholder {color: #808080; font-family: 'Century Gothic', 'Apple Gothic', 'URW Gothic L', sans-serif;}
#sideContact :-moz-placeholder 			 {color: #808080; font-family: 'Century Gothic', 'Apple Gothic', 'URW Gothic L', sans-serif;}
#sideContact ::-moz-placeholder 		 {color: #808080; font-family: 'Century Gothic', 'Apple Gothic', 'URW Gothic L', sans-serif;}
#sideContact :-ms-input-placeholder		 {color: #808080; font-family: 'Century Gothic', 'Apple Gothic', 'URW Gothic L', sans-serif;}


/***
FOOTER STYLES
***/
#footerWrapper					{margin: 30px 0; padding: 25px 0; background-color: #104b86; color: #fff; font-size: 18px; box-shadow: 0px 5px 18px #82848a, 0px -5px 18px #82848a; font-family: 'Century Gothic', 'Apple Gothic', 'URW Gothic L', sans-serif;}
#mainFooter a					{color: #a4d7e2;}
#mainFooter a:hover				{color: #fff;}
#mainFooter #leftFoot			{float: left;}
#mainFooter #leftFoot p a		{font-weight: 700;}
#mainFooter #leftFoot #copyright{display: block; font-size: 18px;}
#mainFooter #rightFoot			{float: right;}
#mainFooter #rightFoot a		{display: inline-block; margin-right: 30px; margin-top: 35px;}
#mainFooter #rightFoot a:last-of-type{margin-right: 0;}
#mainFooter #rightFoot a:hover img	 {opacity: 0.8; filter: alpha(opacity=80);}