@import url(http://fonts.googleapis.com/css?family=Khand:300,400,500,600,700);
@import url(bootstrap.min.css);
@import url(bootstrap-theme.css);

/* ********************************************************************** */
/* ************************** General HTML TAGs ************************* */
/* ********************************************************************** */
* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	font-weight:normal;
}

body {
	font-family: "jaf-facitweb", sans-serif;
}

ul, ol {
	list-style: none;
	margin: 0;
}

h1, h2, h3 {
	margin:0 0 15px
}

p {
	letter-spacing:-1px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	line-height: 1.3;
}

h5 {
	font-size: 16px;
	font-family: "jaf-facitweb", sans-serif;
	margin: 0 0 15px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.more {
	display:inline-block;
	padding-right:20px;
	background:url('../images/more-arrow.png') right 0 no-repeat;
	line-height:18px;
}

.clear {
	display: block;
	clear: both;
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	height: 0px !important;
	border: none !important;
}

.clearfix:before,
.clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
} 

.clearfix:after {
	clear: both;
}

.wrapper {
	width:980px;
	margin:0 auto;
}

.btn.btn-primary {
	background:#0070A0;
	font-size:17px;
	line-height:22px;
	padding:13px 38px;
	letter-spacing:-1px;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

/* ********************************************************************** */
/* ***************************** Landing ******************************** */
/* ********************************************************************** */

.landing {
	padding-top:40px;
}

.landing .quote {
	width: 381px;
	float: left;
	height: 524px;
	position: relative;
}

.landing .quote p{
	letter-spacing: 0;
	font-family:'Khand',sans-serif;
	font-weight:500;
	font-size:18px;
	line-height:26px;
	margin:10px 0;
}

.landing .quote strong {
	display:block;
	text-align:right;
	font-style:italic;
	font-weight:normal;
	color:#000;
}

.landing .landing-image {
	bottom: 19px;
	position: absolute;
}

.landing .landing-nav {
	width:570px;
	float:right;
}

.landing .landing-nav li {
	background-color:#FFF;
	background-position:0 0;
	background-repeat:no-repeat;
	margin-bottom:19px;
	box-shadow:5px 5px 40px rgba(0, 0, 0, .2);
	-moz-box-shadow:5px 5px 40px rgba(0, 0, 0, .2);
	-webkit-box-shadow:5px 5px 40px rgba(0, 0, 0, .2);
	padding:25px 20px 18px 120px;
	min-height:145px;
  cursor:pointer;
}

.landing .landing-nav li:hover {
	box-shadow:0 0 40px rgba(0, 0, 0, .2);
	-moz-box-shadow:0 0 40px rgba(0, 0, 0, .2);
	-webkit-box-shadow:0 0 40px rgba(0, 0, 0, .2);
}

.landing .landing-nav li.tree {
	background-image:url('../images/landing-tree-logo.png');
  min-height: 243px;
}

.landing .landing-nav li.corporate {
	background-image:url('../images/landing-corporate-logo.png')
}

.landing .landing-nav li.longcovid {
	background-image:url('../images/landing-longcovid-logo.png');
  min-height: 243px;
}

.landing .landing-nav li h2 {
	font-size:26px;
	margin:0 0 5px;
}

.landing .landing-nav li.tree h2 {
	color:#6f861d;
}

.landing .landing-nav li h3 {
	font-size:20px;
	line-height:26px;
	margin:0;
}

.landing .landing-nav li.tree h3 {
	color:#869e33;
}

.landing .landing-nav li.longcovid h3 {
	color: #4bafba;
}

.landing .landing-nav li.longcovid h2 {
	color: #4bafba;
}

.landing .landing-nav li.longcovid a {
	color: #4bafba;
}

.landing .landing-nav li p {
	margin:5px 0;
}

.landing .landing-nav li a {
	color:#0070A0;
	text-decoration: underline;
}

.landing .landing-nav li a:hover {
	text-decoration: none;
}

/* ********************************************************************** */
/* ***************************** Header ********************************* */
/* ********************************************************************** */

#header {
	padding:9px 0;
	position:relative;
	z-index:9;
}

#logo {
	display:block;
	width:61px;
	height:112px;
	background:url('../images/logo.png') no-repeat;
	float:left;
	margin-right:12px;
	overflow:hidden;
	text-indent:-99em;
}

.top-nav {
	float:left;
	margin-top:76px;
}

.top-nav .level-1 > li {
	float:left;
	position: relative;
}

.top-nav .level-1 > li > a {
	color:#777777;
	line-height:35px;
	padding:0 18px;
	display:block;
}

.top-nav .level-1 > li > a.current {
	background:#e1e1e1;
	color:#0070A0;
}

.top-nav .level-1 > li > a.current:after {
	display:block;
	content:'';
	width:14px;
	height:7px;
	background:url('../images/active-nav-arrow.png') no-repeat;;
	position: absolute;
	left:50%;
	z-index: 99;
	margin-left:-7px;
	bottom:-17px;
}

.top-nav .level-1 > li:hover > a {
	background:#5a84be;
	color:#FFF;
	text-decoration: none;
}

.top-nav .level-2 {
	position:absolute;
	top:35px;
	left:0;
	z-index: 100;
	background:#FFF;
	white-space:nowrap;
	box-shadow:20px 20px 40px rgba(0, 0, 0, .5);
	-moz-box-shadow:20px 20px 40px rgba(0, 0, 0, .5);
	-webkit-box-shadow:20px 20px 40px rgba(0, 0, 0, .5);
	opacity:0;
	visibility:hidden;
	overflow:hidden;
	padding:28px 52px 25px 20px;
}

.top-nav .level-2 a {
	color:#464646;
	font-size:15px;
	line-height:30px;
}

.top-nav .level-2 a:hover {
	color:#0070A0
}

.top-nav li:hover .level-2 {
	opacity:1;
	visibility: visible;
}

/* only .nav-page-5 has a wider dropdown */
/*.top-nav li.nav-page-5 .level-2 {
	padding-right: 0;
}

.top-nav li.nav-page-5 .level-2 > li {
	display: inline-block;
	vertical-align: top;
	margin-right:52px;
}

.top-nav li.nav-page-5 .level-2 > li > a {
	font-family:"jaf-facitweb", sans-serif;
	display:block;
	font-weight:bold;
	font-size:15px;
	color:#000000;
	margin-bottom:22px;
	line-height:inherit;
}*/

.corporate-tree {
	float:right;
	margin-top:76px;
}

.corporate-tree .dropdown-toggle {
	line-height:35px;
	display:block;
	color:#777777;
	padding:0 36px 0 18px;
	background:url('../images/corporate-dropdown-arrow.png') right 50% no-repeat #f1f1ef;
}

.corporate-tree .dropdown-toggle:hover,
.corporate-tree.open .dropdown-toggle {
	text-decoration: none;
	background:#5a84be;
	color:#FFF;
	cursor:pointer;
}

.corporate-tree .dropdown-menu {
	min-width: 100%;
}

/* Multicolumn layouts */

.multicolumn-container {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.multicolumn-container > li {
	float: left;
}

.multicolumn-container > li > div {
	margin-right: 20px;
}

.multicolumn-container > li.column-last > div {
	margin-right: 0;
}

/* ---------- 2-COLUMN ----------*/
.multicolumn-layout-1 > li {
	width: 49.9%;
}

/*---------- 3-COLUMN ----------*/
.multicolumn-layout-2 > li {
	width: 33.3%;
}

/* ---------- 4-COLUMN ----------*/
.multicolumn-layout-4 > li {
	width: 24.9%;
}

/*---------- 33% - 66% - COLUMN ----------*/
.multicolumn-layout-10 > li {
	width: 66.66%;
}

.multicolumn-layout-10 > li.column-first {
	width: 33.33%;
}

/*---------- 66% - 33% - COLUMN ----------*/
.multicolumn-layout-11 > li {
	width: 33.33%;
}

.multicolumn-layout-11 > li.column-first {
	width: 66.66%;
}

.multicolumn-layout-21 > div.column {
	margin: auto;
	display: table-cell;
	vertical-align: middle;
	width: 49.9%;
	overflow: hidden;
}

/* Slider */
.slider-container {
	margin: 0;
	padding: 0;
	list-style: none;
}

.slider-container .slider-item:not(:first-child) {
	display: none;
}

/* ********************************************************************** */
/* *****************************  Banner ******************************** */
/* ********************************************************************** */

.banner {
	overflow: hidden;
	position:relative;
}

.banner .banner-content {
	padding:28px;
	position:relative;
	z-index:2;
}

.banner img.banner-image {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
}

.banner h3 {
	font-family:  "jaf-facitweb", sans-serif;
	font-size:20px;
	color:#000000;
	margin:0 0 18px;
	font-weight:400;
}

.banner h4 {
	width:420px;
	font-size:30px;
	line-height:36px;
	color:#000000;
	margin:0;
}

hr {
	margin:30px -50px 25px;
	border-top-color:#f1f1ef;
}

.solution-left {
	width:410px;
	float:left;
}

ul.square-list li{
	margin:0 0 10px 0;
	padding-left:40px;
	background:url('../images/square-bullet.png') 14px 8px no-repeat;
	font-size:17px;
	line-height:26px;
	letter-spacing:-1px;
	color:#0070A0;
}

ul.square-list.half li {
	width: 419px;
	margin:0  21px 15px 0;
	float:left;
}

ul.square-list.half {
	overflow:hidden;
}

.solution-right {
	width:433px;
	margin:0 0 0 auto;
}

.hbm-icon {
	width:31px;
	height:27px;
	background:url('../images/hbm-icon.png') no-repeat;
	display:inline-block;
	vertical-align: middle;
	margin-right:10px;
}

.solution-right .profile {
	margin-bottom:25px;
}

.solution-right .profile .profile-img {
	border:solid 5px #FFF;
	box-shadow:0 0 16px rgba(0, 0, 0, .10);
	-moz-box-shadow:0 0 16px rgba(0, 0, 0, .10);
	-webkit-box-shadow:0 0 16px rgba(0, 0, 0, .10);
	margin-right:18px;
	display:inline-block;
	vertical-align: top;
}

div.csc-textpic-border div.csc-textpic-imagewrap img {
	box-shadow:0 0 16px rgba(0, 0, 0, .10);
	-moz-box-shadow:0 0 16px rgba(0, 0, 0, .10);
	-webkit-box-shadow:0 0 16px rgba(0, 0, 0, .10);
}

.solution-right .profile  p{
	display:inline-block;
	vertical-align: top;
}

.solution-right .profile p strong{
	font-weight:normal;
	display:block;
	font-size:20px;
}

/* General styles for image with text above */
div.csc-textpic-overlay {
  position: relative;
  overflow: hidden;
}

.csc-textpic-overlay .csc-textpic-imagewrap {
  float: left;
}

div..csc-textpic-overlay .csc-textpic-imagewrap .csc-textpic-image {
  margin: 0;
}

.csc-textpic-overlay .csc-textpic-text {
  position: absolute;
  padding: 28px;
}

.csc-textpic-overlay-full .csc-textpic-text {
  top: 0;
  left: 0;
}

.csc-textpic-overlay-left .csc-textpic-text {
  width: 50%;
  top: 0;
  left: 0;
}

.csc-textpic-overlay-right .csc-textpic-text {
  width: 50%;
  top: 0;
  right: 0;
  text-align: left;
}

/* ********************************************************************** */
/* *****************************  Content ******************************* */
/* ********************************************************************** */

#content {
	background:#FFF;
	padding:30px 50px;
}

.grid {
	margin:0 -25px;
}

.grid .col {
	float:left;
	margin:0 25px;
	min-height:5px;
}

.grid .col.col3 {
	width:260px;
}

.grid .col.col2 {
	width:415px;
}

.page-nav {
	background:#FFF;
	padding:13px 0 9px;
	border-bottom:solid 1px #dddddd;
}

.page-nav .back {
	display:block;
	float:left;
	border-right:solid 1px #d8d8d8;
	margin-right:9px;
	width:39px;
	height:27px;
	background:url('../images/back-arrow.png') 50% 50% no-repeat;
	overflow: hidden;
	text-indent:-99em;
}

.page-nav .back:hover {
	background-position: 48% 50%;
}

.page-nav .back:focus {
	outline: none;
}

.solutions-dropdown {
	float:left;
}

.solutions-dropdown .solutions-title {
	display:block;
	line-height:27px;
	color:#303030;
	font-size:18px;
	padding: 0 0 0 9px;
}

.solutions-dropdown .dropdown-toggle {
	padding:0 32px 0 9px;
	cursor:pointer;
	background:url('../images/solutions-dropdown-arrow.png') right 50% no-repeat;
}

.solutions-grid {
	margin-bottom:40px;
}

.solutions-grid ul {
	margin:0 -40px;
	overflow:hidden;
}

.solutions-grid ul li {
	text-align:center;
	float:left;
	margin:0 13px;
	width:160px;
	text-align:Center;
}

.solutions-grid ul li.long {
	width:181px;
}

.solutions-grid ul li .icon {
	display:block;
	width:56px;
	height:49px;
	background:url('../images/solutions-icons.png') no-repeat;
	margin:0 auto 14px;
}

.solutions-grid ul li .icon.folders {
	background-position: 0 0;
}

.solutions-grid ul li .icon.chart {
	background-position: 0 -49px;
}

.solutions-grid ul li .icon.heart {
	background-position: 0 -98px;
}

.solutions-grid ul li .icon.tree {
	background-position: 0 -147px;
}

.solutions-grid ul li .icon.key {
	background-position: 0 -196px;
}

.solutions-grid ul li h2 {
	font-size:22px;
	line-height:26px;
	margin:0 0 8px;
	color:#0070A0;
	font-weight:500;
}

.solutions-grid ul li a {
	text-decoration: underline;
}

.jumbotron.white {
	background:none;
	margin:30px -30px 50px;
	padding:25px 30px 25px 45px;
	overflow: hidden;
	border:solid 1px #c6c6c6;
	width:938px;
}

.jumbotron.white p {
	font-size:17px;
	font-style:italic;
	color:#0070A0;
	line-height:30px;
	width:510px;
	display:inline-block;
	vertical-align: middle;
	margin:0 40px 0 0;
}

.jumbotron.white .btn {
	display:inline-block;
	vertical-align: middle;
}

.jumbotron.gray {
	background:#e1e1e1;
	margin:0;
	padding:40px 50px;
}

.jumbotron.gray p {
	font-size:16px;
	line-height:25px;
}

.contact-link {
	padding-left:53px;
	line-height:32px;
	background:url('../images/contact-icon.png') 0 0 no-repeat;
	text-decoration: underline;
	display:inline-block;
}

.grid.spaced {
	margin:0 -50px;
}

.grid.spaced .col {
	margin:0 50px;
}

.grid.spaced .col2 {
	width:380px;
}

.full-img {
	margin:20px 0;
	display:block;
}

.left-img {
	float:left;
	margin:0 26px 40px 0;
}

.team {
	margin:30px -32px 20px;
}

.team li {
	float:left;
	width:171px;
	margin:0 32px;
}

.team li img {
	display:block;
	border:solid 6px #FFF;
	width:161px;
	height:161px;
	box-shadow:4px 4px 16px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:4px 4px 16px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:4px 4px 16px rgba(0, 0, 0, 0.1);
	margin:0 0 20px;
}

.team li h4 {
	font-family:  "jaf-facitweb", sans-serif;
	font-size:18px;
	font-weight:400;
	color:#464646;
	margin-bottom:7px;
	letter-spacing:-1px;
}

.team li > a {
	text-decoration: underline;
}

.powermail_form {
}

.powermail_form label {
	display:block;
	color:#464646;
	margin-top:10px;
	margin-bottom: 3px;
	font-weight: 400;
}

.powermail_form select{
	display:block;
	background:#f9f9f9;
	border:solid 1px #c6c6c6;
	width:100%;
	text-indent:10px;
	margin-bottom:12px;
	height:40px;s
}

.powermail_form input[type="text"],
.powermail_form input[type="email"] {
	display:block;
	background:#f9f9f9;
	border:solid 1px #c6c6c6;
	width:100%;
	text-indent:10px;
	margin-bottom:12px;
	height:40px;
	padding:10px 0;
	line-height:20px;
}

.powermail_form textarea {
	display:block;
	background:#f9f9f9;
	border:solid 1px #c6c6c6;
	width:100%;
	margin-bottom:12px;
	height:230px;;
	padding:10px;
}

.powermail_form input[type="text"].parsley-error,
.powermail_form input[type="email"].parsley-error,
.powermail_form textarea.parsley-error,
.powermail_form select.parsley-error {
	border-color:red;
	background:rgba(255,0, 0, .04);
}

.powermail_form .parsley-errors-list.filled {
	font-size:12px;
	margin:-8px 0 10px;
	color:red;
}

.powermail_form button,
.powermail_form input[type="submit"] {
	display:inline-block;
	background:#777777;
	color:#FFF;
	padding:0 32px;
	height:42px;
	cursor:pointer;
	transition:all ease .3s;
	-moz-transition:all ease .3s;
	-webkit-transition:all ease .3s;
}

.powermail_form button:hover,
.powermail_form input[type="submit"]:hover {
	background:#1F3E68
}

.powermail_form .form-msg {
	display:none;
}

/* ********************************************************************** */
/* *****************************  Footer  ******************************* */
/* ********************************************************************** */

#footer {
	background:#5a84be;
	color:#FFF;
	padding:36px 50px;
	margin-bottom:18px;
}

#footer h5 {
	color:#FFF;
	font-family:  "jaf-facitweb", sans-serif;
	font-size:16px;
	margin:0 0 20px;
	font-weight: 400;
}

#footer a {
	color: #FFF;
}

#footer .phone {
	display:block;
	color:#FFF;
	background:url('../images/phone-icon.png') 0 0 no-repeat;
	padding-left:30px;
	font-style:italic;
	font-weight:bold;
	line-height:20px;
}

#footer .contact {
	line-height:25px;
	margin:0;
	padding-left:64px;
	background:url('../images/logo.png') 0 6px no-repeat;
	background-size:46px 84px;
	min-height:84px;
}

.copy {
	margin-bottom:20px;
	color:#777777;
	font-size:15px;
}

.copy a {
	color:#777777;
}

.copy .fl a {
	margin-left:20px;
}