/* CSS Document */

.head-image {
	width:100%;  margin-top: -35px; margin-bottom: 50px;
}
.head-image img {width:100%;}
.flex-container {
	position:100%; display:flex; flex-direction: row; justify-content: flex-start;
	align-items: stretch; margin-bottom: 25px; flex-wrap: wrap; margin-top: 0px;
}
.flex-box {
	width:46%; padding: 25px 2%; 
}
.flex-box img {width:100%; padding: 0px;}
h1.orch-header {
	text-align: center; font-size: 3.5em !important;
	text-transform: uppercase; text-shadow: 0px 10px 7px rgba(84,84,84,.5);
	margin-bottom: 55px;
}
h1.orch-header span {
	text-transform: lowercase; color:#838282;
}
@media all and (max-width:900px) {
	h1.orch-header {
		text-align: center; font-size: 2.5em !important;
	}
	.flex-box {
		width:96%; padding: 25px 2%; 
	}
}
@media all and (max-width:700px) {
	h1.orch-header {
		text-align: center; font-size: 1.75em !important;
	}
}


h2.orch-header-h2 {
	text-align: center; font-size: 2em !important;
	text-transform: uppercase; text-shadow: 0px 10px 7px rgba(84,84,84,.5);
	margin-bottom: 35px; margin-top: 35px !important;
}

.pills a {
	text-decoration: none; color:inherit;
}
.pills {
	width:100%; position:100%; display:flex; flex-direction: row;
	align-items: stretch; flex-wrap: wrap;
}
.pills {
	justify-content:center; margin-bottom: 35px;
}
.pill {
	padding: 15px 18px; border-radius: 8px; background-color: #D9D9D9;
	margin-right: 4px; margin-left: 4px; margin-bottom: 5px; 
}
.pill:hover {
	background-color: #B0AFAF !important;
}
.disabled-link {
  	pointer-events: none;
	opacity: .35;
}

.full-box-image {width: 90%;}
.full-box-image img {width:100%; border-radius:20px;}
.full-box-image {display:none;}
#how-works {cursor: pointer;}
#how-works img {border-radius: 20px !important; margin-bottom: 5px; }
.caption {text-align: center; font-size: .75em !important; color: #636363;}
.closeIt {
	width:25px; height:25px; float:right; background-color:#000000;
	border-radius:50%; margin-top:-25px; margin-right:-25px;
	cursor:pointer; background-image:url(../../images/close.png);
	background-repeat:no-repeat; border:2px solid #FFFFFF; 	
}

.bold {font-weight: bold !important;}
.ind-flex-image img {
/*	padding-top: 25px; margin-bottom: 100px;*/
}
@media all and (max-width:900px) {
	.ind-flex-image img {
		padding-top: 0px;
	}
}
.industry-flex {
	margin-bottom: 0px !important;
}
.flex-match {
	padding:0px 2%; 
}

.colored-page-span {
	width:96%; padding: 45px 2% 75px 2%; background-color:#4F79A3; margin-top: 75px; margin-bottom: 75px;
	background-image: url("../../images/dot-swirl.png"); background-position: bottom; background-size: cover;
	text-align: center; display:none !important;
}

.flex-images {
	position:100%; display:flex; flex-direction: row; justify-content: flex-start;
	align-items: center; margin-bottom: 25px; flex-wrap: wrap; margin-top: 0px;
}
.hd-image {width:23%; margin: 10px 1%; text-align: center;}
.hd-image img {max-width:100%; max-height: 150px;}

.cta-row a {text-decoration: none;}
.cta-row .regButton {width:150px; margin:auto; margin-top: 55px; padding: 15px; text-align: center;}

.charting, .charting img {width:100%;}

.flex-images-2 {
	position:100%; display:flex; flex-direction: row; justify-content:space-between;
	margin-bottom: 45px; flex-wrap: wrap; margin-top: 0px; align-items: center;
}
.hd-image-2 {width:20%; margin: 0px 1%; text-align: center;}
.hd-image-2 img {width:100%; max-width: 200px;}
.hd-image-2 span {color:#2F2F2F;}

.together-span {display: none !important;}