.span1 {
	width: 8.33333333%;
}
.span2 {
	width: 16.6666667%;
}
.span3 {
	width: 25%;
}
.span4 {
	width: 33.33333333%;
}
.span5 {
	width: 41.666666667%;
}
.span6 {
	width: 50%;
}
.span7 {
	width: 58.33333333%;
}
.span8 {
	width: 66.66666667%;
}
.span9 {
	width: 75%;
}
.span10 {
	width: 83.33333333%;
}
.span11 {
	width: 91.66666667%;
}
.span12 {
	width: 100%;
}
.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12 {
	margin-right: 0;
	padding-right: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (max-width:1000px){
	.span4,.span5,.span8,.span7{width:100%;}	
}

@media screen and (max-width: 768px) {
	.span1,
	.span2,
	.span3,
	.span4,
	.span5,
	.span6,
	.span7,
	.span8,
	.span9,
	.span10,
	.span11,
	.span12 {
		float: left;
	}
	.span1 {
		width: 12.5%;
	}
	.span2 {
		width: 25%;
	}
	.span3 {
		width: 37.5%;
	}
	.span4 {
		width: 50%;
	}
	.span5 {
		width: 62.5%;
	}
	.span6 {
		width: 75%;
	}
	.span7 {
		width: 87.5%;
	}
	.span8 {
		width: 100%;
	}
	.span9 {
		width: 100%;
	}
	.span10 {
		width: 100%;
	}
	.span11 {
		width: 100%;
	}
	.span12 {
		width: 100%;
	}
	.group{width:100%!important;}
}
/* End Grid */

h2 {
	padding: 0;
	display: inline-block;
}
.nomargin li {
	list-style: none;
}
.learnmorelinks li {
	list-style: none;
}
h4 {
	font-size: 14px;
}
.program-header {
	background: #fdb930;
	width: 113%;
	min-height: 30px;
	padding-top: 18px;
	padding-left: 15px;
	min-height: 30px;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.program-header h2 {
	color: #fff;
}
.main-title {
	font-family: helvetica;
	font-size: 25px;
	color: #fff;
}
.learnmorelinks li,
.learnmorelinks ul {
	background: #ebebeb;
	padding-bottom: 10px;
	padding-top: 5px;
	padding-left: 10px;
	border-top: 1px solid #b6c3cc;
	text-transform: uppercase;
}
.learnmorelinks {
	padding-left: 0px;
	padding-right: 25px;
	margin-top: 20px;
}
.learnmorelinks>li>h2 {
	padding: 0;
}
a {
	text-decoration: none;
}
.noborder {
	border: none !important;
}
.navtitle {
	border-bottom: 1px solid #b6c3cc;
	width: 85%;
	padding-bottom: 8px;
	margin-bottom: 8px;
	margin-top: 40px;
}
.middlenav {
	padding-left: 0px;
	margin: 0;
}
.middlenav li {
	list-style: none;
}
.titlestrong {
	font-weight: 700;
	font-size: 25px;
	color: #fff;
	margin-right: 15px;
}
.title-header {
	margin-bottom: 10px;
}
.nomargin {
	margin: 0;
}
.nopadding {
	padding: 0;
}
table tr:nth-child(2n) td {
	background: none!important;
}
.cert_degree>tbody>tr:last-of-type {
	/*border-top:3px solid #000!important;*/

	border-bottom: none;
}
table td {
	padding: 0px;
	font-size: 13px;
}
/*.cert_degree>tbody>tr:first-of-type{border-bottom:3px solid #000;}*/

.cert_degree>tbody>tr {
	border-bottom: 1px solid #d7d7d7;
}
.right {
	text-align: center;
	font-weight: bold;
}
.float-right {
	float: right;
}
table th {
	padding: 0;
}
/* Programs Page */

.fiveboxes {
	display: none
}
.sixboxes {
	display: none;
}
.yellow-five,
.blue-five,
.grey-five,
.red-five,
.darkblue-five {
	height: 33px;
	padding-top: 7px;
	float: left;
}
.yellow-five h2,
.blue-five h2,
.grey-five h2,
.red-five h2,
.darkblue-five h2 {
	color: #fff;
	text-transform: uppercase;
}
.yellow-five {
	background: #fdb930;
	text-align: right;
	margin-right: 2%;
	width: 36%;
	padding-right: 10px;
}
.blue-five {
	background: #00529c;
	text-align: center;
	width: 20%;
}
.grey-five {
	background: #ababab;
	text-align: left;
	margin-left: 2%;
	width: 36%;
	padding-left: 10px;
}
.red-five {
	background: #49182d;
	text-align: right;
	width: 54%;
	padding-right: 10px;
}
.darkblue-five {
	background: #013668;
	text-align: left;
	margin-left: 2%;
	width: 40%;
	padding-left: 10px;
}
.tech-bot-bar {
	margin-top: 10px;
	margin-bottom: 60px;
}
.yellow-six,
.blue-six,
.grey-six,
.red-six,
.darkblue-six,
.green-six {
	height: 33px;
	padding-top: 7px;
	float: left;
}
.yellow-six h2,
.blue-six h2,
.grey-six h2,
.red-six h2,
.darkblue-six h2,
.green-six h2 {
	color: #fff;
}
.yellow-six {
	background: #fdb930;
	text-align: right;
	margin-right: 2%;
	width: 47%;
	padding-right: 10px;
}
.blue-six {
	background: #00529c;
	text-align: left;
	width: 47%;
	padding-left: 10px;
}
.grey-six {
	background: #ababab;
	text-align: right;
	margin-right: 2%;
	width: 39%;
	padding-right: 10px;
}
.red-six {
	background: #49182d;
	text-align: left;
	width: 55%;
	padding-left: 10px;
}
.darkblue-six {
	background: #013668;
	text-align: right;
	margin-right: 2%;
	width: 55%;
	padding-right: 10px;
}
.green-six {
	background: #445660;
	text-align: left;
	width: 39%;
	padding-left: 10px;
}
.tech-row-1 {} .tech-row-2 {
	margin-top: 50px;
}
.tech-row-3 {
	margin-top: 100px;
	margin-bottom: 160px;
}
.span-divider {
	margin-left: 1.4%;
	border-left: 1px solid #cbd2d8;
	padding-left: 1.4%;
	width: 45%;
}
h2 {
	font-size: 19px;
	padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 0 0;
	line-height: normal;
	font-weight: normal;
	text-transform: uppercase;
	color: #023867;
	font-family: 'HelveticaNeueW01-75Bold', Helvetica, Arial, sans-serif;
}
.cert_degree>tbody>tr>td:first-of-type {
	width: 12%!important;
}
.arrow-right {
	font-weight: bold;
	color: #023867;
}
.arrow-right::before {
	content: "";
	width: 0px;
	height: 0px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 9px solid #00559C;
	float: left;
	margin-left: -15px;
	padding-right: 5px;
	margin-top: 5px;
}
div.span12 ul li {
	margin-bottom: 5px;
}
.table_subtitle {
	font-weight: bold;
}
.main-side-nav,
.main-side-nav li,
.main-side-nav li ul,
.main-side-nav li ul li {
	list-style: none;
}
.main-side-nav a,
.main-side-nav li a,
.main-side-nav li ul a,
.main-side-nav li ul li a {
	color: #000;
}
.main-side-nav {
	padding: 0;
}
.sub-list-nav {
	margin: 0;
	display: none;
}
.main-side-nav li ul li a {
	font-weight: initial;
}
.contact-list li {
	list-style: none;
	margin-bottom: 10px;
}
.contact-list {
	padding: 0
}
.contact-title {
	border-bottom: 1px solid #B6C3CC;
	margin-bottom: 8px;
	padding-bottom: 8px;
}
/* Department Template */

.department-header {
	min-height: 20px;
	margin-bottom: 15px;
}
.dept-title {
	background: rgba(253, 185, 48, 0.7);
	width: 100%;
	margin-top: -6.6%;
	float: left;
	z-index: 100;
	position: relative;
	padding: 13px 0 0 0;
	text-align: right;
	text-transform: uppercase;
}
.dept-links h2 {
	text-align: right;
	color: #fff;
	padding: 10px 10px;
	font-size: 18px;
}
.dept-links h2 a,
.dept-links h2 a:visited {
	color: #fff;
}
.dept-links {
	margin-bottom: 20px;
}
.dept-links2 h2 {
	text-align: left;
	color: #fff;
	padding: 10px 10px;
	font-size: 18px;
}
.dept-links2 h2 a,
.dept-links h2 a:visited {
	color: #fff;
}
.dept-links2 {
	margin-bottom: 20px;
}
.side-img {
	margin-bottom: 20px;
}
.grey-link,
.blue-link,
.red-link {
	margin-bottom: 23px;
}
.grey-link {
	background: #ABABAB;
}
.blue-link {
	background: #00529C;
}
.red-link {
	background: #49182D;
}
.dark-link {
	background: #445660;
}
.side-img {
	min-height: 242px;
	margin-right: 0;
}
.dept-side {
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	padding: 35px, 0, 15px, 15px;
	margin-top: -25%;
	position: relative;
	z-index: 100;
	font-size: 20px;
	padding: 36px 0 15px 15px;
}
.second-content {
	width: 50%;
	border-bottom: 1px solid #CBD2D8;
	padding-bottom: 7px;
	margin-bottom: 7px;
}
.content-left {
	float: left;
	width: 47%;
	padding-right: 3%;
	margin-right: 2%;
	border-right: 1px solid #B6C3CC;
}
.content-right {
	float: right;
	width: 47%;
}
.content-left-noborder {
	float: left;
	width: 47%;
	padding-right: 3%;
	margin-right: 2%;
}
.content-three-left {
	width: 31%;
	float: left;
	margin-right: 3%;
	border-right: 1px solid #B6C3CC;
}
.content-three-right {
	width: 31%;
	float: right;
}
.content-three-middle {
	width: 31%;
	float: left;
	margin-right: 2%;
	border-right: 1px solid #B6C3CC;
}
.content-three-left-nb {
	width: 31%;
	float: left;
	margin-right: 3%;
}
.content-three-middle-nb {
	width: 31%;
	float: left;
	margin-right: 2%;
}
.multi-program {
	color: #023867!important;
	border-bottom: 1px solid #B6C3CC;
	margin-bottom: 6px;
	padding-bottom: 6px;
	width: 75%;
	padding-right: 0px!important;
	float: right;
	text-align: right!important;
}
.dept-links ul li {
	list-style: none;
	text-align: right;
}
.dept-links2 ul li {
	list-style: none;
	text-align: right;
}
.grey-link2 {
	background: #ABABAB;
}
.blue-link2 {
	background: #00529C;
}
.red-link2 {
	background: #49182D;
}
.grey-link2,
.blue-link2,
.red-link2 {
	margin-bottom: 23px;
	float: right;
}
.grey-link2 a,
.blue-link2 a,
.red-link2 a {
	text-align: left;
}
.collapse.in {
	display: block;
}
.collapse {
	display: none;
}
.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height .35s ease;
	-o-transition: height .35s ease;
	transition: height .35s ease;
}
.course-dropdown {
	background: #003768;
	padding: 10px 40px;
	color: #fff;
	margin-bottom: 10px;
}
.drop-top {
	font-weight: bold;
}
.drop-break {
	background: #356991;
	margin: 5px 0px!important;
}
.drop-title {
	font-weight: bold;
	font-style: italic
}
.btn-drop {
	background: #033766;
	color: #fabb46;
	font-size: 14px;
	padding: 2px 15px 2px 10px;
	text-transform: none;
}
.collapsed {
	background: none;
	color: #033766;
}
.down-arrow {
	content: '';
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid #fabb46;
	top: -11px;
	left: 11px;
	position: relative;
	float: right;
}
.collapsed .down-arrow {
	display: none;
}
.collapse.in {
	overflow: hidden;
}
.course-dropdown .span2 {
	text-align: center;
	font-weight: bold;
}
.yital {
	font-style: italic;
	color: rgba(253, 185, 48, 1);
}
.offset2 {
	margin-left: 16.94912%;
}
.offset7 {
	margin-left: 59.32204%;
}
.offset8 {
	margin-left: 67.79661%;
}
.certlast {
	text-align: right;
	font-weight: bold;
}
.courses-list {
	font-weight: bold;
}
.cnumber {
	width: 16%;
}
table td {
	padding: 7px 0px;
}
.yellowital {
	color: rgba(253, 185, 48, 1);
	font-style: italic;
}
/*.right{color:#fff;font-style:initial;}
.right strong{color:#fff;font-style:initial;}*/

.bottom-links {
	text-align: right;
	font-weight: bold;
	color: #fff;
}
.bottom-links a,
.bottom-links a:visited {
	color: #fff;
}
.spanrow {
	margin-top: 30px;
}
.left-text {
	margin-right: 30px;
	float: right;
	text-align: right;
}
.right-text {
	margin-left: 30px;
	float: left;
	text-align: left;
}
.left-text h2,
.right-text h2 {
	border-bottom: 1px solid #b6c3cc;
	margin-bottom: 7px;
	padding-bottom: 7px;
}
.schools-itext {
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	margin-top: -18%;
	position: relative;
	z-index: 100;
	font-size: 20px;
	padding: 36px 0 15px 15px;
	width: 93.7%;
	font-weight: bold;
}
.schools-title {
	color: #fff;
	background: rgba(52, 14, 45, 0.7);
	width: 94.5%;
	margin-top: -43px;
	float: left;
	z-index: 100;
	position: relative;
	padding: 13px 0 0 0;
	text-align: right;
	text-transform: uppercase;
}
h2 {
	padding: 0px;
}
.namebottomb {
	width: 100%;
	border-bottom: 1px solid #00529b;
}
/* Academics Template */

.top-title {
	background: rgba(0, 82, 156, 0.7);
	margin-top: -57px;
	position: relative;
	width: 98.5%;
	font-size: 48px;
	padding-right: 10px;
	font-weight: bold;
	padding-top: 29px;
	margin-bottom: 30px;
	color: #fff;
	text-transform: uppercase;
	text-align: right;
}
.core-i1 div {
	background: rgba(0, 0, 0, 0.7);
	margin-top: -65px;
	position: relative;
	color: white;
	font-size: 24px;
	padding-top: 29px;
	padding-left: 10px;
	margin-bottom: 44px;
	padding-bottom: 8px;
}
.core-i2 div {
	background: rgba(0, 0, 0, 0.7);
	margin-top: -65px;
	position: relative;
	color: white;
	font-size: 24px;
	padding-top: 29px;
	padding-left: 10px;
	margin-bottom: 20px;
	width: 67%;
	padding-bottom: 8px;
}
.core-i2 div a,
.core-i3 div a,
.core-i1 div a {
	color: #fff;
}
.core-i3 div {
	background: rgba(0, 0, 0, 0.7);
	margin-top: -67px;
	position: relative;
	color: white;
	font-size: 24px;
	padding-top: 11px;
	width: 83%;
	padding-left: 10px;
	margin-bottom: 40px;
	padding-bottom: 8px;
}
.core-i2,
.core-i3 {
	margin-top: -125px;
}
.core-i4 div {
	background: rgba(0, 0, 0, 0.7);
	margin-top: -65px;
	position: relative;
	color: white;
	font-size: 24px;
	padding-top: 29px;
	padding-left: 10px;
	margin-bottom: 44px;
	padding-bottom: 8px;
	width: 95%;
}
.core-blue {
	background: #00529C;
}
.core-yellow {
	background: rgba(253, 185, 48, 1);
}
.core-red {
	background: #49182D;
}
.core-grey {
	background: #445660;
}
.core-blue a,
.core-yellow a,
.core-red a,
.core-grey a {
	color: #fff;
}
.core-blue,
.core-yellow,
.core-red,
.core-grey {
	padding: 12px 15px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: right;
	margin-bottom: 19px;
}
.core-i3 {
	margin-left: -5%;
	margin-right: 5%;
}
.span3 h2 {
	border-bottom: 1px solid #b6c3cc;
	margin-bottom: 7px;
	padding-bottom: 7px;
}
.span3 ul li {
	list-style
}
.first-content {
	padding: 0px 25px 20px 0px;
}
.first-content h2 {
	border-bottom: 1px solid #b6c3cc;
	width: 95%;
	margin-bottom: 7px;
	padding-bottom: 7px;
}
.home-section-text {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	color: #fff;
	font-size: 24px;
	padding-top: 29px;
	padding-left: 10px;
	padding-bottom: 8px;
	bottom: 6px;
}
.sec-s3 {
	width: 87.7%;
}
.sec-s4 {
	width: 90.7%;
}
.sec-s5 {
	width: 92.5%;
}
.sec-s9 {
	width: 89.7%;
}
.home-section-text2 {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: 6px;
	color: #fff;
	font-size: 24px;
	padding-top: 29px;
	padding-left: 10px;
	width: 77.7%;
	padding-bottom: 8px;
	float: left;
}
.home-section-box {
	position: relative;
	float:left;
}
.latest-news {
	background: #fdbb31;
	color: #fff;
	font-size: 50px;
	padding: 65px 15px 6px 25px;
	margin-bottom: 35px;
	/* margin-left: -227px; */
	width: 100%;
	text-transform: uppercase;
	position: relative;
}
@media (max-width:767px){
	.latest-news{font-size:40px;}
}
.campus-events {
	background: #023867;
	color: #fff;
	font-size: 50px;
	padding: 65px 80px 6px 15px;
	margin-bottom: 35px;
	text-transform: uppercase;
	text-align: right;
	/* margin-left: -227px; */   
	width: 100%;
	position: relative;
}
.get-involved {
	background: #420628;
	color: #fff;
	font-size: 50px;
	width: 100%;
	padding: 65px 15px 6px 25px;
	margin-bottom: 35px;
	text-transform: uppercase;
	/* margin-left: -227px; */   
	width: 100%;
	position: relative;
}
.ask-mesa-bar {
	background: #445660;
	color: #fff;
	font-size: 50px;
	width: 100%;
	padding: 65px 60px 6px 15px;
	margin-bottom: 35px;
	text-transform: uppercase;
	text-align: right;
	/* margin-left: -227px; */   
	/* width: 157%; */
	position: relative;
}
@media (max-width:1000px){
	.campus-events,.ask-mesa-bar{padding: 65px 366px 7px 15px;}
}
@media (max-width:769px){
	.campus-events, .ask-mesa-bar{padding: 65px 252px 7px 15px;}
}
@media (max-width:767px){
	.get-involved{font-size:43px;}
	.campus-events, .ask-mesa-bar{/*padding: 65px 25px 7px 15px;*/font-size: 37px;}
	.get-involved {
		font-size: 32px;
		margin-left: 0px;
		padding: 65px 70px 7px 20px;
	}
}

@media (max-width:400px){
	.latest-news{
		margin-left:0px;
		font-size:32px;
		padding: 65px 15px 7px 20px;
	}

	.campus-events, .ask-mesa-bar {
		padding: 65px 25px 7px 15px;
		font-size: 32px;
		margin-left: 0px;
	}
}
/* Latest News */
.ln-1,.ln-2,.ln-3,.ln-4,.ln-5,.ln-6{float:left;position:relative;}
.ln-1{margin-right:15px;}
.ln-2{margin-right:15px;}
.ln-3{}
.ln-4{margin-right:15px;margin-top:-257px;}
.ln-5{margin-right:15px;margin-top:-257px;height: auto;}
.ln-6{margin-top: 8px;}
.more-news{
	text-align: right;
	padding-right: 37px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 40px;
}
.more-news a{
	color:#fdbb31;
}
.ln-1 div, .ln-2 div, .ln-3 div, .ln-4 div, .ln-5 div, .ln-6 div{
	position: absolute;
	bottom: 6px;
	width: 310px;
	background: rgba(0,0,0,0.4);
	padding: 16px 10px 8px 10px;
	padding-left: 10px;
	padding-bottom: 8px;
	color: #fff;
	font-size: 22px;
}


.ln-1 div{width: 300px;} 
.ln-2 div{width: 297px;}
.ln-3 div{width: 246px;}
.ln-4 div{width: 224px;}
.ln-5 div{width: 373px;}
.ln-6 div{width: 651px;}

.ln-1hover, .ln-2hover, .ln-3hover, .ln-4hover, .ln-5hover, .ln-6hover{background:none!important;z-index:100;}

.ln-1hover{height: 213px!important;}
.ln-2hover{height: 213px!important;}
.ln-3hover{height: 474px!important;}
.ln-4hover{height: 410px!important;}
.ln-5hover{height: 227px!important;}
.ln-6hover{height: 146px!important;}			


.ln-1hover:hover, .ln-2hover:hover, .ln-3hover:hover, .ln-4hover:hover, .ln-5hover:hover, .ln-6hover:hover{
	background: #fdbb31!important;  transition: all 1.0s ease;
}
.ln-1 span, .ln-2 span, .ln-3 span, .ln-4 span, .ln-5 span, .ln-6 span{z-index:101;width: 93%;position:relative;}	

@media (min-width:1001px){
	.ln-1 div, .ln-2 div, .ln-3 div, .ln-4 div, .ln-5 div, .ln-6 div{height: 65px;}
	.ln-1 span, .ln-2 span, .ln-3 span, .ln-4 span, .ln-5 span, .ln-6 span{position: absolute;bottom: 10px;}
}

@media (max-width:1000px){
	.ln-1,.ln-2,.ln-3,.ln-4,.ln-5,.ln-6{margin-top:10px;}
	.ln-1{width:317px;margin-left:40px;margin-right:0;}
	.ln-2,.ln-5,.ln-6{width:317px;margin-left:10px;margin-right:0;}
	.ln-3{width: 152px;margin-left:40px;}
	.ln-4{width: 160px;margin-left: 9px;margin-right: 0;}
	.ln-5{width: 313px;height: 205px;}
	.ln-6{margin-top: 1px;width: 313px;}
	main{padding: 0;}
	.latest-section{max-width:800px;}
	.ln-1 div{width: 297px;} 
	.ln-2 div{width: 297px;}
	.ln-3 div{width: 132px;}
	.ln-4 div{width: 140px;}
	.ln-5 div{width: 293px;bottom: 5px;}
	.ln-6 div{width: 293px;}

	.ln-1hover, .ln-2hover, .ln-3hover, .ln-4hover, .ln-5hover, .ln-6hover{display:none;}

}
@media (max-width:769px){
	.more-news{padding-right: 48px;margin-left: 0px;}
}
@media (max-width:735px){
	.latest-section{max-width:500px;}
	.ln-1,.ln-2,.ln-5,.ln-6{width:317px;margin-left:40px;margin-right:0;}
	.ln-3{width: 150px;margin-left:40px;}
	.ln-4{width: 158px;margin-left: 9px;margin-right: 0;}
	.ln-5{height: auto;}
	.ln-6{margin-top: 10px;}
	.ln-1 div{width: 297px;} 
	.ln-2 div{width: 297px;}
	.ln-3 div{width: 130px;}
	.ln-4 div{width: 138px;}
	.ln-5 div{width: 297px;}
	.ln-6 div{width: 297px;}
}
@media (max-width:400px){
	.ln-1, .ln-2, .ln-5, .ln-6 {
		margin-left: 4px;
	}
	.ln-3 {
		width: 150px;
		margin-left: 4px;
	}
}

/* Campus Events */
.evn-1,.evn-2,.evn-3,.evn-4,.evn-5{float:left;position:relative;}
.evn-1{margin-right:15px;}
.evn-2{}
.evn-3{margin-right:15px;margin-top: 10px;}
.evn-4{
	margin-top: 10px;
}
.evn-5{
	margin-top: 10px;
	margin-bottom: 60px;
}

.evn-1 div, .evn-2 div, .evn-3 div, .evn-4 div, .evn-5 div, .evn-6 div{
	position: absolute;
	bottom: 6px;
	width: 310px;
	background: rgba(0,0,0,0.6);
	padding: 16px 10px 8px 10px;
	padding-left: 10px;
	padding-bottom: 8px;
	color: #fff;
	font-size: 22px;
	height: 60px;
}
.evn-1 div{width: 370px;} 
.evn-2 div{width: 198px;}
.evn-3 div{width: 214px;}
.evn-4 div{width: 356px;}
.evn-5 div{width: 603px;}

.events-box{padding:0;}

.up-events{padding-left: 20px;}
.up-events h2{
	border-bottom: 1px solid #b6c3cc;
	margin-bottom: 5px;
	padding-bottom: 5px;
	width: 100%;
}

.up-events h3{color: #000;padding-bottom:0px;}

.full-calendar{background:#023867;color:#fff;padding: 15px;font-size: 22px;margin-top: 15px;font-weight: bold;text-transform: uppercase;}
.full-calendar a{color:#fff;}

.evn-1hover, .evn-2hover, .evn-3hover, .evn-4hover, .evn-5hover{background:none!important;z-index:100;}

.evn-1hover{height: 176px!important;}
.evn-2hover{height: 177px!important;}
.evn-3hover{height: 227px!important;}
.evn-4hover{height: 228px!important;}
.evn-5hover{height: 146px!important;}



.evn-1hover:hover, .evn-2hover:hover, .evn-3hover:hover, .evn-4hover:hover, .evn-5hover:hover{
	background-color:#023867!important;  transition: all 1.0s ease;}
.evn-1 span, .evn-2 span, .evn-3 span, .evn-4 span, .evn-5 span{z-index:101;position: absolute;bottom: 10px;}

@media (max-width:1000px){
	.evn-1hover, .evn-2hover, .evn-3hover, .evn-4hover, .evn-5hover{display:none;}
	.events-box{width:700px;padding: 0 0 0 65px;}
	.evn-1 span, .evn-2 span, .evn-3 span, .evn-4 span, .evn-5 span{z-index:101;position: relative;bottom: 0;}
	.evn-1 div, .evn-2 div, .evn-3 div, .evn-4 div, .evn-5 div, .evn-6 div{height:auto;}
}
@media (max-width:769px){
	.up-events{margin: -20px 0 20px 6%;}
}

@media (max-width:767px){
	.evn-2{width: 155px;margin-right: 11px;}
	.evn-3{width: 134px;margin-top:0;}
	.evn-4{width: 300px;}
	.evn-5{width: 300px;}
	.evn-1 {margin-bottom:8px;}
	.evn-1 div, .evn-2 div, .evn-3 div, .evn-4 div, .evn-5 div, .evn-6 div{bottom:5px;}
	.evn-1 div{width: 280px;}
	.evn-2 div{width: 135px;}
	.evn-3 div{width: 114px;}
	.evn-4 div{width: 280px;}
	.evn-5 div{width: 280px;}
	.up-events{margin: -20px 0 20px 26%;}
}

@media (max-width:400px){
	.events-box{margin-left:7% !important;padding-right:0;}
	.evn-1{width:317px;}
	.evn-2{width:165px;}
	.evn-3{width:140px;}
	.evn-4{width:317px;}
	.evn-5{width:317px;}
	.evn-1 div {
		width: 297px;
	}
	.evn-2 div {
		width: 145px;
	}
	.evn-3 div {
		width: 120px;
	}
	.evn-4 div {
		width: 297px;
	}
	.evn-5 div {
		width: 297px;
	}
	.evn-1 div, .evn-2 div, .evn-3 div, .evn-4 div, .evn-5 div, .evn-6 div {
		bottom: 5px;
	}
	.up-events {
		margin: -20px 0px 20px 8%;
		width: 92%;
		padding-left: 0;
	}
}

/* Get Involved */

.inv-1,.inv-2,.inv-3,.inv-4,.inv-5,.inv-6,.inv-7{float:left;position:relative;margin-bottom: 10px;}
.inv-1{margin-right:15px;}
.inv-2{margin-right:15px;}
.inv-3{}
.inv-4{margin-right:15px;}
.inv-5{margin-right:15px;}
.inv-7{margin-bottom:60px;}

.inv-1 div, .inv-2 div, .inv-3 div, .inv-4 div, .inv-5 div, .inv-6 div, .inv-7 div{
	position: absolute;
	bottom: 6px;
	width: 310px;
	background: rgba(0,0,0,0.6);
	padding: 16px 10px 8px 10px;
	padding-left: 10px;
	padding-bottom: 8px;
	color: #fff;
	font-size: 22px;

	bottom: 4px;
}
.inv-1 div{width: 149px;} 
.inv-2 div{width: 149px;}
.inv-3 div{width: 147px;}
.inv-4 div{width: 149px;}
.inv-5 div{width: 149px;}
.inv-6 div{width: 147px;}
.inv-7 div{width: 946px;}

.social-med{color:#420628;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid rgba(66, 6, 40, 0.3);width:90%;}
.apply-bar{width: 93.2%;background:#fdbb31;}
.acad-bar{width: 46.2%;margin-right: 3%;background:#00529C;}
.lib-bar{width: 40.3%;background:#445660;}
.apply-bar,.acad-bar,.lib-bar{padding:10px;float:left;color:#fff;font-size: 18px;text-transform:uppercase;margin-bottom: 15px;text-align: center;font-weight: bold;}
.apply-bar a,.acad-bar a,.lib-bar a{color:#fff;}

.social-feed{width:100%;}
.btn-social{background: none;padding: 0px;}

.inv-1hover, .inv-2hover, .inv-3hover, .inv-4hover, .inv-5hover, .inv-6hover, .inv-7hover{background:none!important;z-index:100;}

.inv-1hover{height: 147px!important;}
.inv-2hover{height: 147px!important;}
.inv-3hover{height: 147px!important;}
.inv-4hover{height: 147px!important;}
.inv-5hover{height: 147px!important;}
.inv-6hover{height: 147px!important;}
.inv-7hover{height: 249px!important;}


.inv-1hover:hover, .inv-2hover:hover, .inv-3hover:hover, .inv-4hover:hover, .inv-5hover:hover, .inv-6hover:hover, .inv-7hover:hover{
	background-color:#420628!important;transition: all 1.0s ease;}
.inv-1 span, .inv-2 span, .inv-3 span, .inv-4 span, .inv-5 span, .inv-6 span, .inv-7 span{z-index:101;position:relative}


@media(min-width:1001px){
	.inv-1 div, .inv-2 div, .inv-3 div, .inv-4 div, .inv-5 div, .inv-6 div, .inv-7 div{height: 65px;}
	.inv-1 span, .inv-2 span, .inv-3 span, .inv-4 span, .inv-5 span, .inv-6 span, .inv-7 span{position: absolute;bottom: 10px;}
}

@media (max-width:1000px){
	.involved-box{width: 681px!important;padding-left: 14%;}
	.inv-3 {
		margin-right: 15px;
	}
	.inv-1hover, .inv-2hover, .inv-3hover, .inv-4hover, .inv-5hover, .inv-6hover, .inv-7hover{display:none;}
	.inv-7 div {
		width: 660px;
		bottom: 4px;
	}
	.inv-7 {
		width: 700px;
		margin-left: 5%;
	}
	.social-mobile{margin: 15px 0px 15px 20%;}
}
}
@media (max-width:769px){
	.involved-box{padding-left: 16%;width: 700px!important;}
	.events-box {
		padding: 0 0 0 65px;
	}
	.latest-section {
		padding-left: 15px;
	}
	.inv-7 div {
		width: 560px;
		bottom: 5px;
	}
	.inv-7{float:none;width: 600px;margin-left: 13%;}
	.social-mobile{margin: 15px 0px 15px 24%;}
}
@media (max-width:767px){
	.involved-box{padding-left:6%;width:418px!important;}
	.apply-bar, .acad-bar, .lib-bar{font-size:13px;}
	.lib-bar {
		width: 34.5%;}
	.events-box{margin-left: -15px;}
	.social-mobile {
		margin: 15px 0px 15px 7%;
		width: 100%;
	}
	.inv-7{width: 400px;margin-left: 10px;}
	.inv-7 div {
		width: 360px;}
	.apply-bar {
		width: 89%;}
}        
.latest-section{padding-left:3px;}
@media (max-width:769px){
	.latest-section{padding-left:20px;}
}
@media (max-width:400px){
	.latest-section {
		padding-right: 0;
	}
	.involved-box {
		width: 335px !important;
		padding-left: 7px;
		padding-right:0px;
	}

	.apply-bar,.acad-bar,.lib-bar{
		width: 300px;
	}
	.inv-1,.inv-2,.inv-3,.inv-4,.inv-5,.inv-6{width:151px;}
	.inv-1,.inv-3,.inv-5{margin-right:17px;}
	.inv-2,.inv-4,.inv-6{margin-right:0px;}
	.inv-1 div, .inv-2 div, .inv-3 div, .inv-4 div, .inv-5 div, .inv-6 div{width:131px;}		
	.events-box{margin-left: 7px;padding:0;}
	.no-padding{padding:0;}
	.inv-7{width:340px;margin-left:7px;}
	.inv-7 div{width:300px;}
	#social-feeds button img{width:30px;}
}

/* Have Questions */
.have-questions{text-align:right;padding-right: 25px;}
.have-questions h2{margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #b6c3cc;color:#445660;font-weight:bold;}
.have-questions a{color:#000;text-decoration:underline;}
.ask-questions{margin-top: 34px;padding-left: 25px;}
.ask-questions strong,.have-questions strong{font-size:14px;text-transform:uppercase;}
.q-submit{float:right;padding:10px;background-color:#445660;font-size:18px;text-transform:uppercase;font-weight:bold;margin-bottom:10px;}
.q-submit a{color:#fff;}
.ask-box{width:415px;height:150px;background:#efefef;border:none;margin-top:10px;}

@media (max-width:769px){
	.have-questions{text-align: center;}
	.ask-questions{width: 64%!important;margin-left: 16.5%;margin-bottom: 10px;}
}
@media (max-width:767px){
	.ask-questions{width:100%!important;margin-left:-1.5%;}
	.ask-box{width:340px;}
	.have-questions{margin-left: 22px;}
}
@media (max-width:400px){
	.ask-box {
		width: 275px;
	}
}
#main-content{padding:0;}
ol.breadcrumb{display:none;}
.slick-slider {margin-bottom: 0px!important;}
.slider-header{padding:0;}

#main-content {
	max-width: none;
}
.slick-slide img {
	display: block;
	margin: 0 auto;
}
.home-container{max-width: 986px;margin: 0 auto;padding: 20px 0;}

.slick-dots li button:before{font-size:68px!important;color:#420628!important;}
.slick-dots{bottom:-14px!important;right:29%;}
.slick-prev{left:10%!important;text-shadow: 2px 2px 8px rgba(0,0,0,0.8);width: 40px!important;
	height: 60px!important;top: 45%!important;}
.slick-next{right:10%!important;text-shadow: 2px 2px 8px rgba(0,0,0,0.8);width: 40px!important;
	height: 60px!important;top: 45%!important;}
.slick-prev:before, .slick-next:before{font-size:75px!important;}
.slick-prev:before{font-family:FontAwesome!important;}
.slick-next:before{font-family:FontAwesome!important;}

@media(max-width:767px){
	.slick-prev,.slick-next{top: 30%!important;}
}


.latest-news:before {
	position: absolute;   content: " ";   display: block;   
	background: #fdbb31;   left: -100%;   height: 100%;   width: 100%;   z-index: 0;
	top: 0;
}

.latest-news:after {
	position: absolute;   content: " ";   display: block;   background: #fdbb31;   
	right: -100%;   height: 100%;   width: 100%;   z-index: 0;   top: 0;
}
.campus-events:before {
	position: absolute;   content: " ";   display: block;   
	background: #023867;   left: -100%;   height: 100%;   width: 100%;   z-index: 0;
	top: 0;
}

.campus-events:after {
	position: absolute;   content: " ";   display: block;   
	background: #023867;   
	right: -100%;   height: 100%;   width: 100%;   z-index: 0;   top: 0;
}
.get-involved:before {
	position: absolute;   content: " ";   display: block;   
	background: #420628;   left: -100%;   height: 100%;   width: 100%;   z-index: 0;
	top: 0;
}

.get-involved:after {
	position: absolute;   content: " ";   display: block;   
	background: #420628;   
	right: -100%;   height: 100%;   width: 100%;   z-index: 0;   top: 0;
}
.ask-mesa-bar:before {
	position: absolute;   content: " ";   display: block;   
	background: #445660;   left: -100%;   height: 100%;   width: 100%;   z-index: 0;
	top: 0;
}

.ask-mesa-bar:after {
	position: absolute;   content: " ";   display: block;   
	background: #445660;   
	right: -100%;   height: 100%;   width: 100%;   z-index: 0;   top: 0;
}
@media(max-width:767px){
	.latest-news:before, .latest-news:after, .campus-events:before, .campus-events:after, .get-involved:before, .get-involved:after, .ask-mesa-bar:before, .ask-mesa-bar:after{
		display:none;
	}
}

.admissions-info a.link-title
{
	margin: 0 0 0 0;
	line-height: normal;
	font-weight: normal;
	text-transform: uppercase;
	color: #023867;
	font-family: 'HelveticaNeueW01-75Bold', Helvetica, Arial, sans-serif;
	font-size: 19px;
	padding: 0 0 .75em;
	display: block;
}

#skiptocontent a {
	position: absolute;
	top: -45px;
	left: 0px;
	color: white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-bottom-right-radius: 12px;
	background: transparent;
	-o-transition:  top 1s ease-out, background 1s linear;
	-moz-transition:  top 1s ease-out, background 1s linear;
	-webkit-transition: top 1s ease-out, background 1s linear;
	transition: top 1s ease-out, background 1s linear;
	z-index: 100;
	color: #023867;
	font-weight: bold;
	text-decoration: underline;
	padding: 10px;
	font-size: 16px;
}

#skiptocontent a:focus {
	position: absolute;
	left: 0px;
	top: 0px;
	background: #f7f7f7;
	outline: 0;
	-o-transition: top .1s ease-in, background .5s linear;
	-moz-transition: top .1s ease-in, background .5s linear;
	-webkit-transition: top .1s ease-in, background .5s linear;
	transition: top .1s ease-in, background .5s linear;
}
.home-button{z-index:100 !important;font-size:25px;text-transform:uppercase;text-align:center;margin:20px 0;border:3px solid #fff;padding:15px 0;color:#fff;background-color:rgba(0,0,0,.5);}
.home-link{color:inherit !important;}
.home-button:hover{color:#fdb930;border:3px solid #fdb930;background-color:#023867;}
#header .feed_title{font-size:19px!important;}
.arrow {
	color:#fff;
	width: 0; 
	height: 0; 
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-top: 40px solid #fff;}
.highlight{font-size:110%;font-weight:bold;}
.list-group{padding:0;}
.list-group li{list-style-type:none;padding:0;}
.group{padding:15px 0 0 15px;}
.faculty{background-color:#f7f7f7;border:1px solid #023867;}
.latest-news{margin-top:-50px;}
.arrow:hover{border-top-color:#023867;}
.anchor{display:block;height:165px;margin-top:-165px;visibility:hidden;}
.year{	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	transform: rotate(-90deg);
	transform-origin: right center;
	float:left;
	margin-top: 10px;
	margin-left: -305px;
	padding:0;}
.semester{letter-spacing:8px;}

.year2{-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	transform: rotate(-90deg);
	transform-origin: right center;
	float:left;
	margin-top: -10px;
	padding:0;}
.spring{margin-left: -400px;}
.summer{margin-left: -430px;}
.fall{margin-left: -305px;}
.semester2{letter-spacing:3px;}
.announcements{
	color: #023867;
	font-size: 20px;
	padding: 10px 15px;

	width: 100%;
	min-height:82px;
	position: relative;
	
}
.announcements::before{
	position: absolute;
	content: " ";
	display: block;
	left: -100%;
	height: 100%;
	width: 100%;
	z-index: 0;
	top: 0px;


}
.announcements::after{
	position: absolute;
	content: " ";
	display: block;
/* 	background: #d6d6d6 none repeat scroll 0% 0%; */
	right: -100%;
	height: 100%;
	width: 100%;
	z-index: 0;
	top: 0px;

}
.announcements p{padding:5px 0;}
.announcements p a{color:#00529c!important;}
.announcements p a:hover {color:#fdb930;text-decoration:underline;}
.light-blue, .light-blue::before, .light-blue::after{background:rgba(68,86,96,.1)!important;margin-bottom:10px;}
.a-title{color:#023867; border:3px solid #fdb930; padding:15px;margin-right:20px;font-weight:bold;font-family:serif;}
.a-msg{font-size: 28px;
	padding: 15px;
	margin: 30px 0 0 -80px;
	white-space: nowrap;}
/* @media (max-width:1300px){
	#next-btn{display:none;}
} */
.evn-2{width:218px;height:206px;}
@media screen and (max-width: 768px){
	.announcements{font-size:14px;}
	.accred{padding:20px;}

}
.text-center{text-align:center;}

.info-image{position:absolute;
	left: -66px;
	top: 12.5%;
	height: 66px;


	width: auto;
}
.latest-news{margin-bottom:0;}
.new{font-weight: bold; padding: 3px; background-color:#fdb930; color:#023867;}
.group h2{width: 95%;}
.no-padding{padding:0 !important;}
.banner{display:none;}
.underline{text-decoration:underline;}
.idea2{color:#07308a;}
.idea2:hover{color:#80bd00 !important;}
#nav-arrow{background-image: url("http://www.sdmesa.edu/images/down-arrow-white-75x75.png");
	background-repeat: no-repeat;
	background-position: center;
	height:77px;
	width:77px;
}
#nav-arrow:hover{background-image: url("http://www.sdmesa.edu/images/down-arrow-yellow-clear.png");}
.clear{font-size:50px;
	color:rgba(255,255,255,.6);
	background: rgba(0,0,0,0);
	position: absolute;

	right:0;
	padding: 15px 25px;
	letter-spacing:-3px;
	top:18%;
}
.slider-main{border-right:10px #023867 solid;border-left:10px #023867 solid;}

.accred td{padding:10px;}
#scholarship img{width:500px; margin-right:10px; float:left;border:3px solid #fff;}
#scholarship img:hover{border-color:#FFDE16;}
p#scholarship {
	font-size: 18px;
	line-height: 1.4;}
p#scholarship a{font-weight:bold;text-decoration:underline;}

@media (max-width:861px){
	p#scholarship{margin:20px;text-align:center;}
	p#scholarship img{width:100%;} 
}
#message.show{
	font-size: 35px;
	background: rgba(0, 0, 0, 0.75) none repeat scroll 0% 0%;
	z-index: 100;
	position: absolute;
	margin-top: 10px;
	padding: 20px;
	min-height: 100px;
	border: 2px solid #023867;
	border-radius: 5px;
	left: 0;
	right: 0;
	color: #fdb930;
}
a:focus, button:focus {outline: thin dotted;}

.skiptosection a#welcome {
	position: absolute;
	right:0px;
	bottom:0px;
	color: #fdb930;
	background: transparent;
	-o-transition:   background 1s linear;
	-moz-transition:  background 1s linear;
	-webkit-transition: background 1s linear;
	transition: background 1s linear;
	z-index: 100;
	font-weight: bold;
	text-decoration: underline;
	padding: 10px;
	font-size: 16px;
	text-transform:none;
}

.skiptosection a#welcome:focus {
	color:#023867;
	background: #fff;
	outline: 0;
	-o-transition: background .5s linear;
	-moz-transition: background .5s linear;
	-webkit-transition: background .5s linear;
	transition: background .5s linear;
}

.skiptosection a#events {
	position: absolute;
	left:0px;
	bottom:0px;
	color: #023867;
	background: transparent;
	-o-transition:   background 1s linear;
	-moz-transition:  background 1s linear;
	-webkit-transition: background 1s linear;
	transition: background 1s linear;
	z-index: 100;
	font-weight: bold;
	text-decoration: underline;
	padding: 10px;
	font-size: 16px;
	text-transform:none;
}

.skiptosection a#events:focus {
	color:#023867;
	background: #fff;
	outline: 0;
	-o-transition: background .5s linear;
	-moz-transition: background .5s linear;
	-webkit-transition: background .5s linear;
	transition: background .5s linear;
}

.skiptosection a#last {
	position: absolute;
	right:0px;
	bottom:0px;
	color: #49182d;
	background: transparent;
	-o-transition:   background 1s linear;
	-moz-transition:  background 1s linear;
	-webkit-transition: background 1s linear;
	transition: background 1s linear;
	z-index: 100;
	font-weight: bold;
	text-decoration: underline;
	padding: 10px;
	font-size: 16px;
	text-transform:none;
}

.skiptosection a#last:focus {

	background: #fff;
	outline: 0;
	-o-transition: background .5s linear;
	-moz-transition: background .5s linear;
	-webkit-transition: background .5s linear;
	transition: background .5s linear;
}	

.skiptosection a#totop {
	position: absolute;
	right:0px;
	bottom:137px;
	color: #023867;
	background: transparent;
	-o-transition:   background 1s linear;
	-moz-transition:  background 1s linear;
	-webkit-transition: background 1s linear;
	transition: background 1s linear;
	z-index: 100;
	font-weight: bold;
	text-decoration: underline;
	padding: 10px;
	font-size: 16px;
	text-transform:none;
	padding-right: 45px;
	border-top-left-radius: 12px;
}

.skiptosection a#totop:focus {

	background: #fff;
	outline: 0;
	-o-transition: background .5s linear;
	-moz-transition: background .5s linear;
	-webkit-transition: background .5s linear;
	transition: background .5s linear;
}
#particles-js{position:absolute;top:0;bottom:-230px;right:0;left:0;}
#holidays{position: absolute;
	top: 230px;
	left: 70px;
	color: #fff;
	padding: 5px;
	font-family: 'Great Vibes', cursive;
	font-size: 3vw;
	text-shadow: 4px 4px 2px rgba(255, 255, 255, 0.85);
	opacity:0;
	-o-transition:   opacity 1s linear;
	-moz-transition:  opacity 1s linear;
	-webkit-transition: opacity 1s linear;
	transition: opacity 1s linear;
}

#holidays:hover, #next:hover{opacity:1;
	-o-transition:   opacity .2s linear;
	-moz-transition:  opacity .2s linear;
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
@media (max-width:769px)
{
	.mobile{display:block!important;}
	.desktop{display:none;}
	#welcome{display:none;}
	.span8.events-box.row{width:100%!important;position:relative;}
	.event{width:90%;display:block;margin:10px auto; padding:0; height:200px;overflow:hidden;position:relative;}
	.event div{position:absolute;right:0;left:0;width:100%;box-sizing:border-box;}
	div.evn-2.event, div.evn-3.event{width:42%;}
	div.evn-3.event{margin-left:10px;}
	.event img{width:100%;}
	.span4.up-events{width:100%;position:relative;padding:0;margin:0;}
	.span4.up-events .frame{width:325px;margin:0 auto;}
}
.feed_item_description img{max-width:250px;}
.marquee{background:#49182d;color:#fff;}
.headline{font-size:18px;color:#023867;font-weight:bold;}
.mobile{display:none;}
.mobile-note{background:#fff;}
@media screen and (max-width: 1000px){
	.newsPost.span4{width:49%;}
}
@media screen and (max-width: 600px){
	.newsPost.span4{width:100%;}
}

.newsImage{transition: transform .2s;}
.newsArticle:hover{-webkit-box-shadow: 0px 1px 6px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 1px 6px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 1px 6px 1px rgba(0,0,0,0.75);}
.newsArticle:hover .newsImage{transform: scale(1.2);}

.more-news{text-align:right;margin-bottom:0;margin-top:10px;padding-right:0;}
.more-events{text-align:right;margin-bottom:50px;margin-top:10px;color:#023867;}
.more-events a{font-size:20px;font-weight:bold;text-transform:uppercase;}
.more-news a{color:#023867;padding-right:0;}
.more-news a:hover{color:#fdb930;}

@media screen and (max-width: 600px){
	.more-news{width:100%;text-align:center;margin:3px 0;}
	.more-events{width:100%;text-align:center;}
}
a .tag{background: #f0f0f0;
	font-weight: bold;
	padding: 2px 5px;
	border-radius: 10px;
	margin: 2px;
	display: inline-block;
	font-size: 12px;
	letter-spacing: -1px;
	flex:0 0 auto;
	color:#023867;}
li.span3{
	padding: 0;
	margin: 5px;
	width: 23%;
}
.displaystart{color:#023867;overflow:hidden; max-height:0;opacity:0;
	transition: opacity 1.3s ease-in, max-height 1.5s ease;
	-moz-transition: opacity 1.3s ease-in, max-height 1.5s ease;
	-webkit-transition: opacity 1.3s ease-in, max-height 1.5s ease;
	padding:5px 10px;}
.displaystart.displayblock{opacity:1;max-height:500px;
	transition: opacity 2s ease-out, max-height 2s ease-in;
	-moz-transition: opacity 2s ease-out, max-height 2s ease-in;
	-webkit-transition: opacity 2s ease-out, max-height 2s ease-in;
}
ul.ouCalendarView li{list-style:none!important;} 
.calendarCard{position:relative; padding:0; height:250px; overflow:hidden;border: 1px solid #eaeaea;} 
.cardHover::after{content:"";height:1px;width:100%;left:0;top:0;position:absolute; background:#023867; transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;} 
.border-blue{border: 1px solid rgba(0,0,0,0.2);padding:10px; position:relative;} 
.cardHover:hover::after{height:15px;} 
.cover{ display:block!important; height:100%; width:100%; left:0; position:absolute; text-indent:-999em; top:0;}
.ouCalendarView{display: inline-flex;
	flex-direction:row;
	-webkit-flex-direction: row;
	flex-wrap:wrap;
	-webkit-flex-wrap: wrap;
	justify-content:space-evenly;
	align-content:flex-start;
	display: -webkit-inline-flex;




	width: 100%;
}
.event{-webkit-flex-grow: 1;
	flex-grow: 1;
	-webkit-flex-basis: 200px;
	flex-basis: 200px;
	align-self: stretch;
	margin:10px;
	min-height:250px;
	padding:0;

	border-radius: 1px;
	box-shadow: 0 3px 0 0 #d8d7d5;

}
.card-date{
	position: absolute;
	top: 0;
	right: 0;
	background: #023867;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	line-height: 0.9;
	padding: 10px;
}
.card-date-num{
	font-weight: bold;
	font-size: 26px;
}
em{font-style:normal!important;}
.date{margin-bottom:0;  
	color: #000;
	font-family: Helvetica, Arial, sans-serif; display:block;
	padding:9px 10px;
	line-height:1.0;}
.title{
	color: #023867;
	font-family: 'HelveticaNeueW01-75Bold', Helvetica, Arial, sans-serif;
	display: block;
	padding: 5px 10px;
	line-height: 1.1;
	letter-spacing: -1px;
	font-size: 18px;
}
.category{position: absolute;
	bottom: 0;
	display: flex;
	flex-wrap: wrap-reverse;
	padding: 10px 6px;
	justify-content: flex-end;
	flex-direction: row-reverse;
	left: 0;
	right: 0;}
.day{font-weight:bold;
	font-size:1.2em;
	text-transform:uppercase;}
.time{padding:0 2px;}
.local{padding: 0 2px;}
.event:hover span.title{text-decoration:underline;}
.event:hover .calendarCard{border-color:#fdb930;}
.event:hover{box-shadow: 0 3px 0 0 #fdb930, 0px 0px 10px 0px #fdb930;}
.filter{position:relative;}
.filter-toggle::before{
	position: absolute;
	content: " ";
	display: block;
	background: #023867;
	left: -100%;
	height: 100%;
	width: 100%;
	z-index: 0;
	top: 0;
}
.live{display:block;width:90%;margin:20px auto;text-align:center;}
.live p{text-align:center;}
.mesaLive{line-height: .9;margin-bottom: 25px;display: inline-block;border: 4px solid #023867;padding: 0 20px 20px;border-radius: 6px;}
.flext{display:flex; justify-content:center; align-items:center; flex-direction:row; margin-bottom:25px;}
.flex-item{display:flex;justify-content:left; align-items:center; padding-right:12px;}
.flex-item span{padding-right:3px;}
div.span12 ul.top10 li{list-style-type:none;}
.ask-mesa-bar{text-align:left;}