@charset "UTF-8";
/* CSS Document */

body {margin: 0;}


.jumbo {padding: 0 15px;
	outline: none;}

.carousel-inner img {width: 100%;}
	
.carousel-control {text-shadow: none;
	opacity: 1;
	top: 35%;
	bottom: 170px;
	padding: 50px 0;
	margin: 0;}
.carousel-control:hover {opacity: 1;}
.carousel-control.left {left: 0;}
.carousel-control.right {right: 0;}
.carousel-control .glyphicon-left-arrow {margin-left: -60px;}
.carousel-control .glyphicon-right-arrow {margin-right: -60px;}
.carousel-indicators {bottom: 0;}

.headline_container h4 {color:white;
	font-size:20px;
	font-family:"GlyphaLight";
	font-weight: bold;}
	
.headline_container {background-color: #c00;
	padding: 10px 20px;
	width: 500px;
	position: absolute;
	bottom: 50px;
	right: 40px;}
.sm_headline {display: none;}
.header {margin-top: 10px;}
.readmore {float: left;
	padding: 5px 0;
	font-size: 12px;
	font-family: "UniversCondensed";
	color: white;}


#news {background-color: #f2f2f2;
	padding: 15px;
	height: 300px;}
#news a {color: black;}
#news a:hover {color: #c00;}
#news h5 {margin: 10px 0 0 18px;
	color: #c00;}
#news .more_stories {color: #c00;
	text-transform: capitalize;
	text-decoration: underline;}
#newsitem {width: 45%;
	float: left;
	margin: 10px;}
#newsitem img {width: 70px;
	height: 90px;
	float: left;
	margin: 10px;}
.headline {font-family: "UniversLight";}
.headline h4 {margin: 10px 0 0 0;
	font-size: 18px;}

/*blue section*/

#implinks {background-color: #427E93;
	color: white;
	font-family:"UniversRoman";
	padding: 10px 0;
	text-transform: uppercase;
	/*height: 300px;*/}
#implinks h4 {font-weight: bold;
	font-size: 24px;}

#implinks h4 {margin-left: 20px;}
#implinks a {color: white;}
#implinks a:hover {color: #ccc;}

/*green brag section*/

#brag {height: 275px;
	background-color: #6F7D1C;
	color: white;
	font-family: "GlyphaRoman";
	text-align: center;}
.brag_text {padding: 20px;}
.brag_text h4 {line-height: 130%;}
.brag_text a {text-decoration: none;
	color: white;}
.brag_text a:hover {color: #ccc;}

/*give and apply*/

#give_apply {height: 275px;
	padding: 38px 0;
	background-color: #f2f2f2;}
#give_apply h2 {margin: 0;}
#give_apply a {color: white;}
#give_apply a:hover {color: #ccc;}
#give, #apply {background-color: #c00;
	padding: 20px;
	margin: 0 20px;}
#apply {margin-top: 35px;}

#give_apply2 {background-color: #f2f2f2;}
#give_apply2 h2, #give_apply3 h2 {margin: 0;}
#give_apply2 a, #give_apply3 a {color: white;}
#give_apply2 a:hover, #give_apply3 a:hover {color: #ccc;}
#give2, #give3, #apply2, #apply3 {background-color: #c00;
	padding: 20px;}


.mid_row {margin: 0}

/*events*/
#events {margin-top: 20px;
	font-family: "UniversLight";
	font-size: 20px;}
#events .eventtitle a {color: black;}
#events .eventtitle a:hover {color: #c00;}
#events h5 a {font-weight: bold;
	font-family: "UniversRoman";}
#eventlist {margin: 0;
	border: 0;}
.calevent {background-color: #c00;
	color: white;
	padding: 10px;
	text-align: center;}
.eventday {padding: 0 5px;}
.monthdate {font-size: 32px;}
#events table {
	border-collapse: separate;
	border-spacing: 0 10px;
	overflow-x: auto;}
.eventtitle {padding: 5px 10px 10px 15px; width: 45%;}
.day_time {font-size: 16px;}


/*Fidelity*/
#hotlinks {/*background-color: #f2f2f2;*/
	padding: 20px 0;
	margin-top: 40px;}
#hotlinks h5 {margin: 0 auto;
	padding: 10px;}
#hotlinks a {color: white;}
#hotlinks a:hover {color: #ccc;}
#hotlinks button {display: block;
	/*background-color: #c00;*/
	border: none;
	margin: 20px auto;
	width: 100%;
	padding: 0 auto;}
#hotlinks .diploma {background-color: #c00;}
#hotlinks .cap {width: 30px;
	margin-right: 10px;}
#hotlinks .fss {background-color: #6F7D1C;}
#hotlinks .fssh5 {width: 325px;
	padding-top: 5px;}

#hotlinks .fss_logo {width: 70px;
	margin: 5px 15px 5px 30px;
	float: left;}
#hotlinks .fid_line {float: left;
	margin: 5px 0 -5px;}
#hotlinks .fidelity {font-size: 36px;
	text-transform: capitalize;
	font-style: italic;
	font-weight: bold;}
#hotlinks .invest {font-size: 14px;
	position: absolute;
	top: 126px;
	left: 169px;}
#hotlinks .speaker {font-family: "UniversLight";
	font-size: 16px;
	position: relative;
	top: -12px;
	left: 5px;}

#hotlinks .career_services {background-color: #c00;}
#hotlinks .career_services h4 {padding-bottom: 5px; font-size: 24px;}

/* < 992px */
#hotlinks2 {/*background-color: #f2f2f2;*/
	padding: 20px;
	display: none;}
#hotlinks2 h5 {margin: 5px 0 0 0;
	padding: 10px;}
#hotlinks2 a {color: white;}
#hotlinks2 a:hover {color: #ccc;}
#hotlinks2 button {display: block;
	/*background-color: #c00;*/
	border: none;
	margin: 20px auto;
	width: 100%;}
#hotlinks2 .diploma {background-color: #c00;}
#hotlinks2 .cap {width: 30px;
	margin-right: 10px;}
	
#hotlinks2 .fss {background-color: #6F7D1C;
	margin: 0;
	padding: 0;}
#hotlinks2 .fss_logo {width: 70px;
	float: left;
	margin: 0 8px 0 25px;}
#hotlinks2 .fid_line {float: left;
	margin: 0;}
#hotlinks2 .fidelity {font-size: 30px;
	text-transform: capitalize;
	font-style: italic;
	font-weight: bold;}
#hotlinks2 .invest {font-size: 12px;
	position: relative;
	top: -12px;
	left: -8px;}
#hotlinks2 .speaker {font-family: "UniversLight";
	font-size: 14px;
	position: relative;
	top: -10px;}

#hotlinks2 .career_services {background-color: #c00;}
#hotlinks2 .career_services h4 {padding-bottom: 5px; font-size: 24px;}
	

@media (max-width: 1200px) {
	.carousel-indicators {margin-bottom: 5px;}
	
	.headline_container {bottom: 40px;}
	#news {margin-bottom: 20px;}
	#implinks {margin-bottom: 20px;}
	#implinks h4 {font-size: 18px;}
	#brag {height: auto;}
	.brag_text {padding-bottom: 50px;}
	#give_apply3 {background-color: #f2f2f2;
		height: auto;
		padding: 13.5% 20px;}
	#apply3 {margin-top: 20px;}
	.eventtitle {width: 50%;}
	#hotlinks2 {display: block;
		margin: auto 0;
		padding: 16% 0;}
	#hotlinks2 .fssh5 {margin-top: 0;
		padding: 0 auto;}
}

@media (max-width: 992px) {
	.carousel-control {top: 30%;}
	.carousel-control .glyphicon-left-arrow {margin-left: -40px;}
	.carousel-control .glyphicon-right-arrow {margin-right: -40px;}
	
	.headline_container {width: 300px;
		right: 20px;
		padding: 0 15px;}
	.headline_container h4 {font-size: 16px;
		margin-bottom: 0;}
	#news {height: 325px;}
	#give_apply, #give_apply3 {display: none;}
	#give2, #apply2 {width: 345px;
		margin-top: 0;
		margin-bottom: 20px;}
	#give2 {float: left;}
	#apply2 {float: right;}
	#hotlinks {display: none;}
	#hotlinks2 {height: 255px;
		margin-top: 0;
		padding-top: 12%;}
	#hotlinks2 h5 {font-size: 18px;}
	#hotlinks2 button {margin: 25px auto;}
	#hotlinks2 .fssh5 {width: 300px;
		margin: 0 auto;}
	#hotlinks2 .fid_line {margin: 0 0 -8px;}
	#hotlinks2 .fidelity {font-size: 30px;}
	#hotlinks2 .invest {font-size: 12px;
		top: -15px;}
	#hotlinks2 .speaker {top: -15px;}
	#brag {margin-bottom: 10px;}
}


/*collapse navbar*/
@media (max-width: 768px) {
	.carousel-control {top: 25%;}
	
	.jumbo {padding: 0;}
	.headline_container {padding: 0 15px;
		right: 20px;}
	.headline h4 {font-size: 16px;}
	#give2, #apply2 {width: 270px;}
	.temp {width: 250px;
		margin: 0 auto;}
	.temp2 {/*width: 220px;*/
		margin: 0 auto;}
		
	#hotlinks {margin: 10px auto;
		display: block;}
	#hotlinks .fidelity {font-size: 32px;
		text-transform: capitalize;
		font-style: italic;
		font-weight: bold;}
	#hotlinks .invest {font-size: 12px;
		position: relative;
		top: -13px;
		left: -10px;}
	#hotlinks .speaker {font-family: "UniversLight";
		font-size: 16px;}
}

@media (max-width: 700px) {
	.carousel-indicators {display: none;}

	.headline_container {bottom: 20px;}
	#newsitem {height: 110px;}
}


@media (max-width: 600px) {
	.carousel-control {top: 20%;}
	.carousel-control .glyphicon-left-arrow {margin-left: -30px;}
	.carousel-control .glyphicon-right-arrow {margin-right: -40px;}
	
	.sm_headline {display: block;
		background-color: #c00;
		width: 300px;
		position: absolute;
		bottom: 10px;
		right: 10px;
		padding: 8px 8px 2px;
		color: white;
		font-size: 12px;
		margin: 0;}
	.sm_headline a {color: white;}
	.headline_container {display: none;}
	#news {height: 410px;}
	#news h5 {margin: 10px 0 5px 8px;}
	#news h3 {margin: 0 0 10px 8px;}
	#newsitem {width: 100%;
		height: auto;
		margin: 0;}
	#newsitem img {width: 55px;
		height: 70px;}
	.headline h4 {font-size: 18px;}
	#give2, #apply2 {width: 100%;
		float: left;}
	#give_apply h2 {text-align: center;}
	
}


@media (max-width: 480px) {
	.carousel-control .glyphicon {display: none;}

	.sm_headline {width: 60%;
		bottom: 0;
		right: 0;
		padding-top: 6px;
		padding-bottom: 1px}
	.headline h4 {font-size: 16px;
		margin-bottom: 0;}
	.brag_text h1 {font-size: 40px;}
}


@media (max-width: 360px) {
	#hotlinks .fss_logo {margin-left: 15px;}
}