/* fix  */
/* about tabs */
#content .widget__z-about-tabs ul {
  margin-bottom: 0px !important;
  padding: 0px !important;
}



/* about */
.about { margin:0 0 31px; }
.about:after{
	clear:both;
	content:'';
	display:block;
}
.about .text {
	float:left;
	width:60.27%;
}
.about-box .block {
	border:1px solid #ccc;
	padding:21px 20px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.about-box .block .sub-head {
	display:block;
	margin:0 0 15px;
	color:#6697b8;
	font:18px/20px 'priori-sans-bold', sans-serif;
	text-transform:uppercase;
}
.about-box .block .btn-group a {
	display:block;
	position:relative;
	font:20px/22px 'aptifer-sans-light', sans-serif;
	color:#273d5e;
	padding:11px 5px 13px 50px;
	margin:0 0 12px;
	background:#f0f0f0 url(http://mcweb.messiah.edu/_media/_img/img-about/ico01.png) no-repeat;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow:2px 2px 3px rgba(2,2,2,0.2);
	-moz-box-shadow:2px 2px 3px rgba(2,2,2,0.2);
	box-shadow:2px 2px 3px rgba(2,2,2,0.2);
	transition:background-color .2s;
	-webkit-transition:background-color .2s;
	-o-transition:background-color .2s;
	-ms-transition:background-color .2s;
		text-decoration: none !important; 

}
.about-box .block .btn-group a:hover {
	text-decoration:none;
	background-color:#999;
	background-position:0 -153px;
	color:#fff;
}
.about-box .block .btn-group a:before {
	position:absolute;
	left:42px;
	top:0;
	bottom:0;
	width:1px;
	background:#ccc;
	content:"";
}
.about-box .block .btn-group .map-btn { 
	background-image:url(http://mcweb.messiah.edu/_media/_img/img-about/ico02.png); 
}
.about-box .block .btn-group .statement { background-image:url(http://mcweb.messiah.edu/_media/_img/img-about/ico03.png); }
/* about-tabs */
.about-tabs {
	position:relative;
	font-size:24px;
	line-height:28px;
	color:#364862;
	border:4px solid #fff;
	-webkit-box-shadow:0 0 4px rgba(5,5,5,0.18);
	-moz-box-shadow:0 0 4px rgba(5,5,5,0.18);
	box-shadow:0 0 4px rgba(5,5,5,0.18);
}
.about-tabs .nav-tabs {
	list-style:none;
	margin:0;
	padding:0;
	display:table;
	width:100%;
	background:#6697b8;
	font:21px/23px 'priori-sans-bold', sans-serif;
	text-align:center;
	text-transform:uppercase;
}
.about-tabs .nav-tabs li {
	display:table-cell;
	width:20%;
	padding:10px 2px;
	vertical-align:middle;
	height:85px;
}
noindex:-o-prefocus, .about-tabs .nav-tabs li {
	height:105px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.about-tabs .nav-tabs li + li { border-left:1px solid #fff; }
.about-tabs .nav-tabs a {
	display:block;
	position:relative;
	color:#364862;
	transition:all .3s;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.about-tabs .nav-tabs a:hover:before,
.about-tabs .nav-tabs .ui-tabs-active a:before {
	position:absolute;
	left:50%;
	top:30%;
	margin:52px 0 0 -11px;
	border-left:11px solid transparent;
	border-right:11px solid transparent;
	border-top:9px solid #6697B8;
	content:"";
	-webkit-transform: rotate(360deg);
}
.about-tabs .nav-tabs a:hover,
.about-tabs .nav-tabs .ui-tabs-active a {
	text-decoration:none;
	color:#fff;
}
.about-tabs .nav-tabs a span {
	display:block;
	font-size:30px;
	line-height:29px;
	text-transform:none;
}
.about-tabs .nav-tabs a em {
	display:block;
	font-size:44px;
	line-height:35px;
	font-style:normal;
}
.about-tabs .tab:after{
	clear:both;
	content:'';
	display:block;
}
.about-tabs .tab { padding:20px 16px 19px 25px; }
.about-tabs #tab01 {
	background:url(http://mcweb.messiah.edu/_media/_img/img-about/img02.png) no-repeat;
	background-size:cover;
}
.about-tabs #tab02 {
	background:url(http://mcweb.messiah.edu/_media/_img/img-about/img09.png) no-repeat;
	background-size:cover;
}
.about-tabs #tab03 {
	background:url(http://mcweb.messiah.edu/_media/_img/img-about/img04.png) no-repeat;
	background-size:cover;
}
.about-tabs #tab04 {
	background:url(http://mcweb.messiah.edu/_media/_img/img-about/img06.png) no-repeat;
	background-size:cover;
}
.about-tabs #tab05 {
	background:url(http://mcweb.messiah.edu/_media/_img/img-about/img08.png) no-repeat;
	background-size:cover;
}
.about-tabs .tab .image {
	float:right;
	width:40.05%;
}
.about-tabs .tab .image img {
	vertical-align:top;
	width:100%;
}
.about-tabs .tab .text {
	float:left;
	width:56.41%;
}
#content .about-tabs .tab h3 {
	font:28px/30px 'priori-sans-bold', sans-serif;
	color:#6697b8;
	margin:0 0 8px;
	text-transform:uppercase;
}
#content .about-tabs .tab .large {
	font-size:60px;
	line-height:60px;
}
#content .about-tabs .tab .large span { display:inline; }
.about-tabs .tab h3 span {
	display:block;
	margin:-3px 0 0;
	font-size:44px;
	line-height:35px;
}
.about-tabs .tab h3 em {
	font-size:40px;
	line-height:40px;
	font-style:normal;
}
/* tablet media */
@media only screen and (max-width: 1024px) {
	/* about */
	.about { margin:0 0 40px; }
	.about .text {
		float:none;
		width:auto;
	}
	.about .block {
		float:none;
		display:table;
		width:100%;
		padding:12px 17px 6px 0;
		margin:34px 0 0;
	}
	.about .block .btn-group { display:table-cell; }
	.about .block .btn-group a {
		font-size:18px;
		line-height:20px;
		padding:11px 5px 10px 47px;
		margin:0 0 11px;
		background-size:39px auto;
	}
	.about .block .btn-group a:hover { background-position:0 -139px; }
	.about .block .btn-group a:before { left:39px; }
	.about .block .sub-head {
		display:table-cell;
		width:165px;
		text-align:center;
		vertical-align:middle;
		padding:0 10px 11px;
	}
	/* about-tabs */
	.about-tabs {
		font-size:19px;
		line-height:24px;
	}
	.about-tabs .nav-tabs {
		font-size:13px;
		line-height:14px;
	}
	.about-tabs .nav-tabs li { height:53px; }
	.about-tabs .nav-tabs a em {
		font-size:26px;
		line-height:21px;
	}
	.about-tabs .nav-tabs a span {
		font-size:24px;
		line-height:17px;
	}
	.about-tabs .nav-tabs a:hover:before,
	.about-tabs .nav-tabs .ui-tabs-active a:before { margin-top:36px; }
	noindex:-o-prefocus, .about-tabs .nav-tabs li { height:73px; }
	.about-tabs .tab { padding:21px 14px 10px 29px; }
	.about-tabs #tab02 { background-position:70% 50%; }
	#content .about-tabs .tab h3 {
		font-size:24px;
		line-height:26px;
		margin:0 0 5px;
	}
	.about-tabs .tab h3 span {
		font-size:40px;
		line-height:35px;
		margin:0;
	}
	#content .about-tabs .tab .large {
		font-size:40px;
		line-height:42px;
	}
	#content .about-tabs .tab .large span {
		font-size:28px;
		line-height:30px;
	}
	#content .about-tabs .tab .ttl {
		font-size:40px;
		line-height:40px;
	}
	#content .about-tabs .tab .ttl-2 span {
		font-size:27px;
		line-height:29px;
	}
	.about-tabs .tab .ttl span {
		font-size:29px;
		line-height:34px;
	}
	.about-tabs .tab .image { width:45.19%; }
	.about-tabs .tab .text { width:52%; }
}
/* mobile media */
@media only screen and (max-width: 767px) {
	/* about */
	#content .about h2 { margin:0 0 16px; }
	.about .block {
		display:block;
		margin:38px 0 0;
		padding:21px 15px 8px;
	}
	.about .block .sub-head {
		display:block;
		width:auto;
		padding:0;
		margin:0 0 19px;
	}
	.about .block .btn-group { display:block; }
	.about .block .btn-group a {
		padding:15px 5px 12px 50px;
		margin:0 0 12px;
		background-position:2px 4px;
	}
	.about .block .btn-group a:before { left:42px; }
	.about .block .btn-group a:hover { background-position:2px -136px; }
	/* about-tabs */
	.about-tabs { margin:0 -24px; }
	.about-tabs .nav-tabs {
		font-size:10px;
		line-height:12px;
	}
	.about-tabs .nav-tabs li { height:37px; }
	.about-tabs .nav-tabs a em {
		display:inline;
		font-size:19px;
		line-height:15px;
	}
	.about-tabs .nav-tabs a span {
		font-size:18px;
		line-height:12px;
	}
	.about-tabs .nav-tabs a:hover:before,
	.about-tabs .nav-tabs .ui-tabs-active a:before { margin-top:29px; }
	noindex:-o-prefocus, .about-tabs .nav-tabs li { height:57px; }
	.about-tabs .tab { padding:41px 26px 36px; }
	.about-tabs #tab02 { background-position:0 0; }
	.about-tabs .tab .image { display:none; }
	.about-tabs .tab .text {
		float:none;
		width:auto;
	}
}