.flex-container a:hover, .flex-slider a:hover {
	 outline: none;
}
 .slides, .slides > li, .flex-control-nav, .flex-direction-nav {
	 margin: 0;
	 padding: 0;
	 list-style: none;
}
 .flex-pauseplay span {
	 text-transform: capitalize;
}
 .flexslider {
	 margin: 0;
	 padding: 0;
}
 .flexslider .slides > li {
	 display: none;
	 -webkit-backface-visibility: hidden;
}
 .flexslider .slides img {
	 width: 100%;
	 display: block;
}
 .flexslider .slides:after {
	 content: "\0020";
	 display: block;
	 clear: both;
	 visibility: hidden;
	 line-height: 0;
	 height: 0;
}
 html[xmlns] .flexslider .slides {
	 display: block;
}
 * html .flexslider .slides {
	 height: 1%;
}
 .no-js .flexslider .slides > li:first-child {
	 display: block;
}
 .flexslider {
	 margin: 0 auto;
	 position: relative;
	 zoom: 1;
	 background-color : rgba(26,67,115,1);
	 margin-bottom : 20px;
}
 .flexslider ul, .flexslider ol, .flexslider ul li, .flexslider ol li {
	 padding: 0;
}
 .flexslider .slides {
	 zoom: 1;
}
 .flexslider .slides img {
	 height: auto;
	 -moz-user-select: none;
}
 .flex-viewport {
	 max-height: 2000px;
	 -webkit-transition: all 1s ease;
	 -moz-transition: all 1s ease;
	 -ms-transition: all 1s ease;
	 -o-transition: all 1s ease;
	 transition: all 1s ease;
}
 .loading .flex-viewport {
	 max-height: 300px;
}
 .flex-caption {
	 width:100%;
	 padding: 15px 20px 40px 29px;
	 left: 0;
	 bottom: 0;
	 background-color: rgba(0, 51, 102, 0.75);
	 color: #fff;
	 font-size: 14px;
	 line-height: 18px;
	 position: absolute;
	 box-sizing:border-box;
	 overflow: hidden;
}
.flex-caption .title {
	 color: #ffffff;
	 font-size: 1.67em;
	 font-family: muli, arial, helvetica, sans-serif;
	 font-weight: 600;
	 line-height: 1.2;
	 display:block;
	 margin-bottom : 4px;
	 padding-right: 225px;
}
 .flex-caption .subtitle {
	 line-height: 1.5;
	 padding-right: 225px;
}
.main-content .hprd-carousel .flexslider .flex-caption .title {
    padding-right : 225px;
}
.main-content .hprd-carousel .flexslider .flex-caption .subtitle {
    padding-right : 225px;
}
.main-content .flexslider .flex-caption .title {
    padding-right: 0;
}
.main-content .flexslider .flex-caption .subtitle {
    padding-right: 0;
}
@media screen and (max-width: 960px) {
    .flex-caption .title,
    .main-content .hprd-carousel .flexslider .flex-caption .title {padding-right: 0;}
    .flex-caption .subtitle,
    .main-content .hprd-carousel .flexslider .flex-caption .subtitle {padding-right : 0;}
}
 .flex-caption .subtitle a:link, .flex-caption .subtitle a:visited {
	color : #ffffff;
	 text-decoration : underline;
}
 .carousel li {
	 margin-right: 5px;
}
 .flex-direction-nav {
	 *height: 0;
}
 .flex-direction-nav a {
	 text-decoration: none;
	 display: block;
	 margin: -20px 0 0;
	 position: absolute;
	 top: 32%;
	 z-index: 10;
	 overflow: hidden;
	 opacity: 0;
	 cursor: pointer;
	 color: rgba(0, 0, 0, 0.8);
	 background-color: rgba(0, 0, 0, 0.60);
	 padding: 25px 20px 15px 20px;
}
 .flex-direction-nav a:before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: '\f053';
    font-size: 40px;
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
 .flex-direction-nav a.flex-next:before {
	 content: '\f054';
}
 .flex-direction-nav .flex-prev {
	 left: 0;
	 opacity: 1;
}
 .flex-direction-nav .flex-next {
	 right: 0;
	 opacity: 1;
}
 .flex-control-nav {
	 position: absolute;
	 display: block;
	 z-index: 3;
	 bottom : 5px;
	 right: 12px;
}
 .flex-control-nav li {
	 margin: 0 6px;
	 display: inline-block;
	 zoom: 1;
}
 .flex-control-paging li a {
	 width: 13px;
	 height: 13px;
	 display: block;
	 background: #ccc;
	 cursor: pointer;
	 text-indent: -9999px;
	 -webkit-border-radius: 20px;
	 -moz-border-radius: 20px;
	 border-radius: 20px;
	 position: relative;
}
 .flex-control-paging li a:hover {
	 background: #333;
	 background: rgba(0, 0, 0, 0.7);
}
 .flex-control-paging li a.flex-active {
	 background: #cedc00;
	 cursor: default;
}
 .photo-slider.gray .flex-control-paging li a.flex-active:after {
	 border: 2px solid #fff;
}

/* Campus slider styles */
 .campus .flexslider {
	 background: #fff;
}
 .campus .flex-caption .title {
	 background: #f5f5f5;
	 color: #000;
	 font-style: normal;
	 font-size: 1em;
	 font-weight: 400;
	 font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
 .campus .flexslider {
	 margin-bottom: 10px;
}
 .campus .feature {
	 background-size: cover;
	 background-position: bottom;
	 background-repeat: no-repeat;
	 height: 184px;
	 margin: 0;
	 overflow: hidden;
	 position: relative;
	 text-align: center;
	 width: 100%;
}
 .campus .flex-direction-nav .flex-prev, .campus .flex-direction-nav .flex-next {
	 height: 10px;
	 width: 16px;
}
 .campus .flex-direction-nav a {
	 padding: 10px 5px 20px 5px;
}
 .campus .flex-direction-nav a:before {
	 font-size: 1.5em;
}
/* Flexslider Campus Carousel Thumbnail */
 #campus-carousel .slides li {
	 box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 cursor: pointer;
	 display: block;
	 margin: 0 !important;
	 opacity: 1 !important;
	 overflow: hidden;
	 padding: 3px 0 3px 15px;
	 position: relative;
	 width: 100%;
}
 #campus-carousel .slides li.sub {
	 color: #005599;
	 display: list-item !important;
	 font-size: 1em;
	 list-style: disc;
	 list-style-position: inside;
	 overflow: visible;
	 padding-left: 39px;
	 text-indent:-1.15em;
}
 #campus-carousel .slides li.sub a {
	 margin-left: -3px;
}
/* Flexslider Campus Carousel Active */
 #campus-carousel .slides .flex-active-slide {
	 background: #e9e9e9;
	 font-weight: 600;
}
 #campus-carousel .slides .flex-active-slide a {
	 color : #0040ce;
}
/* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/
 @media screen and (max-width: 860px) {
	 .home .flex-direction-nav .flex-prev {
		 top: 23%;
		 left: 0;
	}
	 .home .flex-direction-nav .flex-next {
		 top: 23%;
		 right: 0;
	}
	 .flex-direction-nav a {
		 margin: -10px 0 0;
		 top: 32%;
		 padding: 17px 15px 10px 15px;
	}
	 .flex-direction-nav a:before {
		 font-size: 30px;
	}
	/* Campus slider styles */
	 .campus .flex-direction-nav .flex-prev {
		 top: 40%;
		 left: 0;
	}
	 .campus .flex-direction-nav .flex-next {
		 top: 40%;
		 right: 0;
	}
	 .campus .flex-direction-nav a {
		 padding: 10px 10px 20px 12px;
	}
	 .campus .feature {
		 height : 250px;
	}
}
 @media screen and (max-width:580px) {
    .flexslider .slides img {
        height: 218px;
        object-fit: cover;
        object-position: center;
    }
	 .flex-caption {
		 position : relative;
		 background-color:#f5f5f5;
	}
	.flexslider {background-color:#f5f5f5;}
	.flex-caption {
	    color:#222222;
	}
	.flex-caption .title {
	    color:#004477;
	}
	.flex-caption .subtitle a:link,
	.flex-caption .subtitle a:hover, 
	.flex-caption .subtitle a:active  {color:#0040ce;}
	.flex-caption .subtitle a:visited {color:#800080;}
	.flex-control-nav {
		position:relative;
		text-align:center;
	}
}
