.campus-building
{
	top: 6px;
	position: relative;
	z-index: -1;
	max-width: 85% !important;
	opacity: .5;
	display: none;
}

.div-bar
{
	margin: 20px auto 20px auto;
	background-color: rgba(0, 0, 0, 0.1);
	height: 2px;
	border-radius: 100%;
	display: block;
	position: relative;

}


#no-results-found
{
	text-align: center;
	font-size: 16;
	font-family: 'GraphieR';
	color: #8c1f1f;
	font-weight: 400;
}


#intro-video-player
{
	width: 100%;
	max-width: 600px;

	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 7px solid #99ca3c;
	border-radius: 7px;
	box-shadow: 0px 30px 59px 5px rgba(0, 0, 0, 0.33)
}

.qgroup
{
	max-width: 730px;
	display: block;
	margin: auto;
	margin-bottom: 50px;
}


.campus-icons
{
	width: 32px;
	height: 32px;
	position: relative;
	display: inline-block;
}

.star
{
	position: absolute;
	top: -17px;
	left: -8px;
	z-index: -1;
	width: 60px;
}

.feature-star
{
	position: absolute;
	top: -17px;
	left: -8px;
	z-index: -1;
	width: 60px;
}
/*################################ everything below for shvolt ##################################*/
.volt-green-bg-image
{
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-height: 700vh;
  }

.volt-arrow
{
  max-width: 50px;
  margin: auto;
}

.volt-star
{
  max-width: 75px;
}

.selection-number
{
	font-family: 'GraphieR';
	font-size: 20px;
	color: #ff8500;
	font-weight: 800;
	letter-spacing: .5px;
	margin-bottom: 0px;
}

.selection-title
{
	font-family: 'GraphieR';
	font-size: 20px;
	color: #333;
	font-weight: 500;
	letter-spacing: .5px;
}

.select-button         /*button before choosing */
{
	width: 100%;
	margin: auto;
	border: 5px solid #3bbbaa;
	font-family: 'GraphieR';
	font-size: 14px;
	line-height: 14px;
	color: #3bbbaa;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
	text-align: center;
	padding: 4px 14px 4px 14px;;
	border-radius: 50px;
	margin-top: 3px;
	margin-bottom: 3px;
	background: #fff;
	transition: .5s;
	box-shadow: 0px 7px 12px 1px rgba(198, 198, 198, 0.76);
	display: inline-block;

}

.no-touch .select-button:hover   /*button when hovered over*/
{
	box-shadow: 0px 2px 6px rgba(41, 41, 41, 0.76)
}

.button-selected   /*button when selected*/
{
	text-transform: uppercase;
	width: 175px;
	display: inline-block;
	margin: auto;
	border: 5px solid #3bbbaa;
	font-family: 'GraphieR';
	font-size: 14px;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
	letter-spacing: .5px;
	padding: 4px;
	border-radius: 50px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-image: linear-gradient(to right bottom, #45dac6, #3bc6b3, #41d1be, #3ec6b4, #3bbbaa);
	box-shadow: 0px 2px 6px rgba(41, 41, 41, 0.76)
}



#find-button
{
	text-transform: uppercase;
	max-width: 400px;
	width: 100%;
	display: inline-block;
	margin: auto;
	border: 5px solid #ff8500;
	font-family: 'GraphieR';
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
	letter-spacing: .5px;
	padding: 4px;
	border-radius: 50px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-image: linear-gradient(to top, #ffae57, #ffb05a, #e7a661, #f39f44, #ff8500);
	box-shadow: 0px 7px 12px 1px rgba(198, 198, 198, 0.76);
	transition: .5s;
	}


#find-button:hover
{
	background-image: linear-gradient(to top, #ffc27f 0%, #ffbf79 25%, #e4b888 50%, #fbb56b 75%, #ff992b 100%);
	color: #fff;
	border: 5px solid #ff8100;
	box-shadow: 0px 2px 6px rgba(41, 41, 41, 0.76);
}





.ministry-title
{
	font-family: 'GraphieR';
	font-size: 12px;
	color: #aaa;
	font-weight: 700;
	text-transform: uppercase;
}

.ministry-position-title
{
	font-family: 'GraphieR';
	font-size: 16px;
	color: #99ca3c;
	font-weight: 700;
	text-transform: uppercase;
}

.ministry-position-description
{
	font-family: 'GraphieR';
	font-size: 14px;
	color: #333
	font-weight: 500;
	max-width: 500px;
}

.contact-ministry-text
{
	font-family: 'GraphieR';
	font-size: 14px;
	color: #3bbbaa;
	font-weight: 500;
}

.match-pill
{
	text-transform: uppercase;
	width: 300px;
	max-width: 400px;
	display: inline-block;
	border: 5px solid #99ca3c;
	font-family: 'GraphieR';
	font-size: 10px;
	color: #fff;
	font-weight: 700;
	letter-spacing: .5px;
	padding: 1px;
	padding-left: 10px;
	border-radius: 50px;
	background: #99ca3c;
}

.position-location-icon
{
	max-width: 45px;
}

.position-requirements
{
	font-family: 'GraphieR';
	font-size: 12px;
	color: #aaa;
	font-weight: 700;
	text-transform: uppercase;
}

.scc-hr
{
  background-color: #eee;
  height: 3px;
  margin: 20px auto 20px auto;
  width: 100%;
  max-width: 400px;
}

.volt-hr
{
	background-image: linear-gradient(to top, #99ca3c, #a1d037, #aad531, #b3db2a, #bce021);
	height: 3px;
	margin: 20px auto 20px auto;
	width: 100%;
	max-width: 400px;
}

.mw500
{
	margin: auto;
	max-width: 500px;
}

.mw600
{
	margin: auto;
	max-width: 600px;
}

.side-mar-5
{
	margin-left: 5px;
	margin-right: 5px;
}

.side-mar-10
{
	margin-left: 10px;
	margin-right: 10px;
}

.side-mar-15
{
	margin-left: 15px;
	margin-right: 15px;
}

.side-mar-20
{
	margin-left: 20px;
	margin-right: 20px;
}


/*################################ everything above for shvolt ##################################*/





.textblock-700{ max-width: 700px; }
.textblock-500{ max-width: 500px; }
.textblock-400{ max-width: 400px; }
.textblock-300{ max-width: 300px; }
.textblock-200{ max-width: 200px; }



.text85{font-size: .85em;}
.text75{font-size: .75em;}
.text65{font-size: .65em;}
.text55{font-size: .55em;}

.ccc{color: #ccc !important;}
.aaa{color: #aaa !important;}
.888{color: #888 !important;}
.fff{color: #fff !important;}

.score-text
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #ffffff;
	font-size: 14px;
}

.score-bar
{
	background-color: #56751e;
	border: 3px solid #56751e;
	height: 25px;
	border-radius: 50px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.score-bar-holder
{
	background-color: #99ca3c;
	border: 2px solid #56751e;
	width: 50%;
	float:right;
	display: block;
	position: relative;
	margin-top: 8px;
	border-radius: 50px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.matches-heading
{
	font-family: 'GraphieBB';
	font-size: 28px;
	color: #fff;
	font-weight: 400;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 10px;
	background-color: #333;
	padding: 10px;
	border-radius: 50px;
	width: 100%;
}

.featured-heading {
	font-family: 'GraphieBB';
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: rgba(206, 200, 41, 0.77);
	padding: 5px;
	border-radius: 15px;
	width: 100%;
}



.vol-rank
{
/*	background-color: rgba(152, 202, 60, 0.77);
	border-radius: 100%;
	width: 33px;
	height: 33px;
	display: inline-block;
	padding: 5px;
	line-height: 2;
	position: absolute;
	text-align: center;
	top: -3px;
	left: 10px;
	color: #fff;
	font-family: "GraphieBB";
	font-weight: 400;
	font-size: 12px;

*/

	position: absolute;
	text-align: center;
	top: 5px;
	left: 20px;
	color: #fff;
	font-family: "GraphieBB";
	font-weight: 400;
	font-size: 12px;








}

.vol-title
{
	font-family: 'GraphieBB';
	font-size: 18px;
	color: #3bbbaa;
	font-weight: 600;
	text-align: left;
	padding: 0px 0px 0px 50px;
	margin-bottom: 0px;
	text-transform: uppercase;
}

.points
{
	font-family: 'GraphieBB';
	font-size: 14px;
	color: #ccc;
	font-weight: 600;
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
	position: relative;

}

.vol-campus
{
	font-family: 'GraphieR';
	font-size: 10px;
	color: #999;
	font-weight: 600;
	text-align: justify;
	padding: 0px 0px 0px 50px;
	display: block;
	position: relative;
	margin-bottom: 7px;
	text-transform: uppercase;
}


.vol-details
{
	font-family: 'GraphieR';
	font-size: 15px;
	color: #333;
	font-weight: 500;
	text-align: justify;
	padding: 0px 0px 0px 50px;
	display: block;
	position: relative;
	margin-bottom: 0px;
}

.vol-contact
{
	font-family: 'GraphieR';
	font-size: 12px;
	color: #777777;
	font-weight: 600;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;


}
.vol-link
{
	font-family: 'GraphieR';
	font-size: 12px;
	color: #777777;
	font-weight: 600;
	text-align: right;
	padding: 0px 0px 0px 50px;
	margin-bottom: 0px;
	text-align: right;
}

.contact-icons
{
	height: 25px;
	margin-top: 6px;
	position: relative;
	top: -4px;
	position: relative;
	display: inline-block;
	opacity: .7;
	margin-left: 37px;
}


.vol-staff-icons
{
	height: 32px;
	position: relative;
	top: -4px;
	position: relative;
	display: inline-block;
	border-radius: 100%;
	/*border: 4px solid #98ca3c;
	box-shadow: 0px 1px 14px #000;*/
	margin: 6px 5px 0px 13px;
}



/*
.choose-button
{
	width:100%;
	max-width: 250px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	border: 2px solid #0092c7;
	font-family: 'GraphieR';
	font-size: 14px;
	color: #0092c7;
	font-weight: 600;
	cursor: pointer;
	text-align: center;
	padding: 7px;
	border-radius: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.2;
	position: relative;
}

.choose-button:hover
{
	background-color: #e9ffff;
}

.skill-button
{
	height: 75px;

}
.centerme
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 90%;
}
*/

.selectable[data-clickedme="on"]
{
/*	background-color: #48afd5 !important;
	color: #fff;
	border: 2px solid #fff;
	box-shadow: 0px 0px 14px -1px rgba(0, 0, 0, 0.35);
*/

	background-image: linear-gradient(to right bottom, #45dac6, #3bc6b3, #41d1be, #3ec6b4, #3bbbaa) !important;
	color: #fff !important;
	border: 5px solid #3bbbaa !important;
	box-shadow: 0px 2px 6px rgba(41, 41, 41, 0.76) !important;



}


.vol-question
{
	font-family: 'GraphieR';
	font-size: 20px;
	color: #333;
	font-weight: 600;
	letter-spacing: .5px;	text-align: center;
	margin-top: 0px;
	margin-bottom: 10px;

}

.tool-space
{
	/*min-height: 120vh;*/
}



#show-all-button
{
	width:100%;
	max-width: 350px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	border: 4px solid #faa;
	font-family: 'GraphieR';
	font-size: 12px;
	color: #ff5b5b;
	font-weight: 500;
	cursor: pointer;
	text-align: center;
	padding: 7px;
	border-radius: 7px;
	margin-top: 15px;
	margin-bottom: 5px;
	position: relative;
}


.textblock-700, .textblock-500, .textblock-400, .textblock-300, .textblock-200
{
	display: block;
	position: relative;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}



/*##################################################################
	STYLES APPLY ONCE YOU HIT:	THE SCREEN WIDTH SPECIFIED
								AND ALL SCREEN SIZES BELOW
								(until the next style def below)
##################################################################*/


 /* Large Devices, Wide Screens AND BELOW (UNTIL NEXT STYLE BELOW DEFINED)*/
@media only screen and (max-width : 1199px) {



}

/* Medium Devices, Desktops AND BELOW (UNTIL NEXT STYLE BELOW DEFINED)*/
@media only screen and (max-width : 991px) {



}

/* Small Devices, Tablets  AND BELOW (UNTIL NEXT STYLE BELOW DEFINED) */
@media only screen and (max-width : 767px) {




	.finished-button
	{
		max-width: 300px;
		width: 300px;
		font-size: 16px;
	}
/*
	.skill-button
	{
		height: 50px;
	}
*/
	.points
	{
		font-family: 'GraphieBB';
		font-size: 14px;
		color: #ccc;
		font-weight: 600;
		text-align: left;
		padding: 0px 0px 0px 0px;
		margin-bottom: 0px;
		position: relative;
		top: -3px;

	}

	.score-bar-holder
	{
		width: 95%;
		float:right;
	}

	.vol-link
	{
		font-family: 'GraphieR';
		font-size: 12px;
		color: #777777;
		font-weight: 600;
		text-align: right;
		padding: 0px 0px 0px 0px;
		margin-bottom: 0px;
		text-align: left;

	}

}

/* Extra Small Devices, Phones AND BELOW (UNTIL NEXT STYLE BELOW DEFINED)*/
@media only screen and (max-width : 480px) {



}

/* Custom, iPhone Retina AND BELOW (UNTIL NEXT STYLE BELOW DEFINED)*/
@media only screen and (max-width : 320px) {



}