/* ==========================================================================
   Author's custom styles - line 286 adjusts the padding at the top of the slideshow to adjust for black bar announcements
   ========================================================================== */

/***********------TABLE OF CONTENTS (Ctrl+F to jump to the specific section)-----************/
/*********** 0./ Updated style for new added widgets  10/26/2017 ************/
/*********** 1/. BASIC STYLES to override Bootstrap (Floating Box, Floating Menu) ****************/
/*********** 2/. HEADER (Logo, Collapsive Menu) **********/
/*********** 3/. MAIN NAVIGATION (Search form, dropdown menu) **********/
/*********** 4/. HERO SECTION (Video Background, Jumbotron caption, Call to Action Buttons) *******/
/*********** 5/. EVENTS CAROUSEL  *******/
/*********** 6/. BOXES GRID LAYOUT  *******/
/*********** 7/. SOCIAL SECTION  **********/
/*********** 8/. FOOTER SECTION  **********/
/*********** 9/. BACK TO TOP BUTTON  **********/
/*********** 10/. CONTENT PAGE (SUB HEADER, LEFTSIDE  NAVIGATION) **********/
/*********** 11/.  PREVIOUS CUSTOM STYLE **********************************/
/* Color Scheme
	AAA (18.3) Jet Black: #131516, rgb(19, 21, 22)
	AAA  (11.4) Raven: #373D3F,  rgb(55, 61, 63)
	Green: rgba(139,142,75,1);rgba(127,152,58,1);
	Blue: rgba(83,129,172,1);
	Tin: rgba(188,145,115,1);
	Purple: rgba(120,41,100,1);
	Red: rgba(158,27,50,1);
	Darker Red: rgb(92, 9, 27);
*/

/*Media Query and Breakpoint SNIPPET
Small devices Tablets (SM)
@media only screen and (min-width: 768px) 
Medium devices Desktops (MD)
@media only screen and (min-width: 992px)
Large devices Desktops (LG)
@media only screen and (min-width: 1200px)
*/

/*********** 0./ Updated style for new added widgets  10/26/2017***********/
.videoWrapper {

	position: relative;
	padding-bottom: 53.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin:0 auto;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 5%;
	width: 90%;
	height: 90%;
	/*max-width: 720px;*/
}
/******** Helper Class (most of styles included in this section are reference for future web revamping) ***********/
.margin-top{
	margin-top:16px;
}
/* Added "thead a" so that data sheet headers can be seen */
.table_header, thead, thead a{
	background-color: rgba(158, 27, 50,1);
	color: white;
    font-weight: bold;
}
.table>thead>tr>th {
    vertical-align: middle;
}
td{
	padding:2px;
	vertical-align: middle;
}
input[type=checkbox], input[type=radio] {
    margin: 0px 2px 0px 10px;
}

/* maroon button with white text */
.btn_main{
	background-color: rgba(158, 27, 50,1);
	color: white;
    font-weight: bold;
	border-radius: 10px;
	text-decoration: none;
	white-space: normal;
	}
.btn_main:hover{
	background-color:white;
	color:rgba(158, 27, 50,1);
	border-color:rgba(158, 27, 50,1);
}
.btn_main-outline{
background-color:white ;
color: rgba(158, 27, 50,1);
border-color: rgba(158, 27, 50,1);
font-weight: bold;
border-radius: 10px;
text-decoration: none;
white-space: normal;
}
.btn_main-outline:hover{
background-color:rgba(158, 27, 50,1);
color: white ;
}


/*** green button with white text ***/
.grnButton{
	background-color:#8b8e4b;
	color: white;
    font-weight: bold;
	border-radius: 10px;
	text-decoration: none;
	white-space: normal;
	}
.grnButton:hover{
	background-color:white;
	color:#8b8e4b;
	border-color:#8b8e4b;
}
.grnButton-outline{
background-color:white;
color: #8b8e4b;
border-color: #8b8e4b;
font-weight: bold;
border-radius: 10px;
text-decoration: none;
white-space: normal;
}
.grn_button-outline:hover{
background-color:#8b8e4b;
color: white ;
}

/*** blue button with white text ***/
.bluButton{
	background-color:#5381ac;
	color: white;
    font-weight: bold;
	border-radius: 10px;
	text-decoration: none;
	white-space: normal;
	}
.bluButton:hover{
	background-color:white;
	color:#5381ac;
	border-color:#5381ac;
}
.bluButton-outline{
background-color:white;
color: #5381ac;
border-color: #5381ac;
font-weight: bold;
border-radius: 10px;
text-decoration: none;
white-space: normal;
}
.blu_button-outline:hover{
background-color:#5381ac;
color: white ;
}


/*use this for form redesign*/
.CS_FormFieldControlContainer div.multicheckbox, .CS_FormFieldControlContainer div.radiobutton{
	float:none;	
	display:block;
}

.CS_FormFieldControlContainer .CS_ControlGrid_Text {
    white-space: inherit;
}

.heroCarousel .cswTitle a {
line-height: 1em !important;
}

/******fixed the Read more bug******/
.cswReadMoreContainer {
    overflow: hidden;
}


/*********** 1/. BASIC STYLES to override Bootstrap (Floating Box, Floating Menu) ****************/
/*@font-face {
    font-family: 'Play Bold';
    src: url('../fonts/play-bold-webfont.woff2') format('woff2'),
url('../fonts/play-bold-webfont.woff') format('woff'),
url('../fonts/Play-Bold.ttf') format('truetype')  ;
    font-weight: normal;
    font-style: normal;
}*/

/**************Optimized for print***********/
@media print{
	body{
		color:#000;
		background:#fff;
		}
/*	nav, iframe, audio, video, embed{
		display:none;
	}*/
	body, article, main{
		width:100%;
		margin:0;
		padding:0;	
	}
	@page{
		margin: .5in .5in 1in .675in; 
	}
	h2, h3{
		page-break-after:avoid;
	}
	img {
   max-width: 100% !important;
}
article {
   page-break-before: always;
}
ul, img {
   page-break-inside: avoid!important;
}
.collapse {
    display: block !important;
    height: auto !important;
}


}

@media print and (color) {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }
   
  
}
@media print{
#mainHeader{
	display:none;
		}
.cswTabsHoriz > .cswTabWrapper > .cswTabContainers > .cswContentWrap > section {
    display: block!important;
}
.footer{
	display:none;
	}
}

/*add padding top to body when navbar need to be fixed on top */
body, blockquote {
	color:#444444;
	font-size:13px;
}
a {
    color: rgba(158,27,50,1);
	text-decoration:underline;
}
a:focus, a:hover {
    color: rgb(92, 9, 27);
}
/*a:active, a:visited{
	color:rgba(120,41,100,1);

}*/
.header a, .hero a, .slide-show a,
.floating-box a, .call-to-action a,
.social a, footer a, .btn-top{
	text-decoration:none;	
}


.anouncement {
	min-height: 50px;
	background-color: white;
}

.header .tagline .h2, .hero .hero-caption,
.carousel-caption h1, .carousel-caption h3,
.social h3{
	font-family: 'Play',  sans-serif;
	
}

@media only screen and (min-width: 992px) {
body {
	padding-top: 140px; /***** was 210 ****/
}
}


/******** Floating Box***********/
.floating-box{
	position: fixed;
    right: 0;
    top: 30%;
	border-radius: 5px 0px 0px 5px;
    background-color:rgba(69,108,144,.9);
    font-size: 1.5em;
    z-index: 2000;
}
.floating-box ul{
	list-style: none;
	margin-left: -25px;
/*    margin-right: -80px;*/
/*	-webkit-transition:all ease-in 0.3s;
	transition:all ease-in 0.3s;*/
}
/*.floating-box ul:hover{
		margin-right:0px;
	} */
.floating-box ul li{
	display: block;
    margin-right: 1em;
    padding-top: .5em;
}
.floating-box a{
	color: white;
}

.floating-box a .fa{
	font-size:1.2em;
	width: 25px;
    margin-right: 5px;
}

	.floating-box a:hover{
	text-decoration: underline;
}

/*Urgent Annoucement*/
.announcement{
	background-color: black;
	color: white;
	 border-radius: 0;
    margin: 0;
    border: none;
	padding: 0;
 /*   font-weight: bold;*/
   /* text-align: center;*/
}
.announcement .close{
color: white;
font-size: 1.4em;
opacity: 1;
font-weight: normal;
margin-top: 10px;
margin-right:50px;
}
/*.bgrevimpact {
	padding-top: 5px;
	padding-bottom:5px;
    color: #FFF;
	text-align:center;
}*/

.section-announcement-heading-rev{
	 font-size: 1.0em;
 /*   font-weight: 700;*/
	line-height:1.2;
	margin:0;
	color: #FFF;
  /*  text-align: center;*/
}
.section-announcement-heading-rev a {
	color: #ffffff;
	text-decoration: underline;
}

/************** 2/. HEADER (Logo, Collapsive Menu) ********* */

.header {
	background-color: rgba(69,108,144,.9);
}

.tagline {
	margin-left: -15px;
	color: white;
	font-size:1em;
	padding-bottom: 1em;
   /* border-bottom: 2px solid white;*/
}

.tagline .h2 {
	font-size: 4em;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: -4px;
	font-family:'Play';
}
.tagline .h2 em {
	 display: block;
    margin-bottom: .3em;
    letter-spacing: 0;
    text-transform: capitalize;
    font-size: .4em;
    line-height: 0.5;
    font-weight: bold;
}

.header_menu{
	 margin-top: .5em;
	 padding-bottom:1em;
}
.header_menu .h6 {
	color: white;
	font-size: 1.2em;
	margin-bottom:5px;
}
.header .nav-pills {
	background-color: white;
	border-radius: 10px;
	font-weight: 700;
	padding: 0 .5em;
}

.header .nav-pills li a {
	font-size: 1.2em;
	color: rgba(69,108,144,.9);
	padding: .3em .5em;
	/*font-weight: 800;*/
}
.header .nav-pills li.active a {
	background-color: rgb(83, 129, 172);
	color: white;
}
.header .nav-tabs {
	font-weight: 700;
	margin-top: .5em;
    border-bottom: none;
}
.header .nav-tabs li{
	border-right: 1px solid white;
}
.header .nav-tabs li:last-child{
	    border-right: none;
}
.header .nav-tabs li a {
	color: white;
	font-size: 1em;
	padding: .3em .5em;
	margin: 0 .1em;
	border:none;
}
.header .nav>li>a:focus, .header .nav>li>a:hover {
    text-decoration: underline;
/*    background-color: rgba(255,255,255,.5);*/
    color: rgba(83,129,172,1);
	
}
/*.header .nav-tabs li.active a {
	color: rgb(83, 129, 172);
}*/
.header .form-group .form-control {
	min-width: 250px
}

@media only screen and (min-width: 768px) {
.tagline{	
	font-size:2em;
}
.tagline .h2 {
    font-size: 2.5em;
}
.tagline .h2 em {
	margin-top: .7em;
	margin-bottom:.3em;
}
.header_menu {
    margin-top: -1.5em;
	margin-bottom: .5em;
}
}

@media only screen and (min-width: 992px) {
.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}
.header .header-logo {
	position: relative;
}
.header .logo {
	position: absolute;
	top: 0;
	left: 0;
	right: 15px;
	z-index: 1000;
	display: block;
	height: 100%;
}


	
/*Shrink the Tagline and Header Menu on scroll*/
.header .logo {
	width: 80%;
	-webkit-transition: all .7s ease;
	-webkit-transition:all .7s ease-out;
	transition: all .7s ease-out;
}
.header .tagline, .header .header_menu {
	/*font-size:1em;*/
	margin: 0;
	-webkit-transition: all .7s ease-out;
	-webkit-transition:all .7s ease;
	transition: all .7s ease;
	border: none;
}
.header .tagline{
	font-size:1.5em;
}
/*.header .tagline .h2{
	margin-left: -.7em;
}*/
/*.footer-bottom .tagline{
	font-size:1.8em;
}*/
.header.shrink .tagline, .header.shrink .header_menu {
	margin-top: -300px !important;
	-webkit-transition: all .7s ease-in;
	-webkit-transition:all .7s ease;
	transition: all .7s ease;
}
.header.shrink .logo {
	width: 80px;
	-webkit-transition: all .7s ease-in;
	-webkit-transition:all .7s ease;
	transition: all .7s ease;
}
}

@media only screen and (min-width:1200px) {
.header .nav-tabs li a {
	letter-spacing: 0px;
	margin-left: 2px;
/*	font-weight:800;*/
}
/*Shrink the Tagline and Header Menu on scroll*/
.header .logo {
	width: 90%;
	-webkit-transition: all .7s ease;
	-webkit-transition:all .7s ease-out;
	transition: all .7s ease-out;
}
.header.shrink .logo {
	width: 150px;
	-webkit-transition: all .7s ease-in;
	-webkit-transition:all .7s ease;
	transition: all .7s ease;
}

.header .tagline .h2{
	margin-left: 0;
}
/*.footer-bottom .tagline{
	font-size:2.2em;
}*/
}
/************** 3/. MAIN NAVIGATION (Search form, dropdown menu) **********/
.header .navbar {
	background-color: rgba(158, 27, 50,1);
	color: white;
	font-size: 1.2em;
	font-weight: bolder;
	border: none;
	margin-bottom: 0;
}
.menu-title{
	padding-bottom:.2em;
	border-bottom:1px solid white;
}
/*.header .navbar .dropdown-menu {
	background-color: rgba(158, 27, 50,1);
}*/

.navbar-default .navbar-toggle .icon-bar {
	background-color: white;
}
.header .navbar-default .navbar-nav li a {
	color: white;
	    padding: .5em;
    font-size: 1em;
    line-height: 2.3;
    font-weight: normal;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
   background-color: rgba(92, 9, 27,.7);
}
.header .navbar-default .navbar-nav li a:hover, .header .navbar-default .navbar-nav li a:focus {
	background-color: rgba(92, 9, 27,.7);
    color: white;
    text-decoration: none;
}
/*.navbar-default .navbar-nav .open a, .navbar-default .navbar-nav .open a:hover, .navbar-default .navbar-nav .open a:focus {
	color: rgba(158, 27, 50,1);
	background-color: white;
}*/
.header .navbar-default .navbar-nav.active a, .navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav .active a:focus{
	background-color: rgba(255,255,255,1);
	color: rgba(158, 27, 50,1);
}
/*.header .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: white;
	font-size: 1.2em;
}
*/
@media only screen and (min-width: 1200px){
	.header .navbar-default .navbar-nav li a {
    padding: .5em .8em;
	}
}
@media only screen and (min-width: 998px){
	.navbar-nav {
    margin: 0 -20px;
}
}
/********  Mega drop down ******/

/*If Javascript is disable on the browser*/
.no-js  .dropdown:hover .dropdown-menu{
display:block;
}
.dropdown-menu {
	top:inherit;
}
.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    padding: 20px 10px;
    width: 100%;
	box-shadow: none;
	border:none;
}
.mega-dropdown-menu > li > ul {
	list-style-type:none;
  padding: 0;
}
.header .navbar-default .navbar-nav .mega-dropdown-menu{
  color: white;
    background-color: rgba(92, 9, 27,1);
}
.header .navbar-default .navbar-nav .mega-dropdown-menu li ul li a{
  display: block;
  color: white;
  padding: 3px 5px;
}
.header .navbar-default .navbar-nav .mega-dropdown-menu li ul li a:hover,
.header .navbar-default .navbar-nav .mega-dropdown-menu li ul li a:focus
{
	color: white;
    background-color: rgb(188, 159, 115);
}


/*.header .navbar-default .navbar-nav.active a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .header .navbar .dropdown-menu .li .a:hover, .header .navbar .dropdown-menu .li .a:active {
	background-color: rgba(255,255,255,1);
	color: rgba(158, 27, 50,1);
}
.header .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: white;
	font-size: 1.2em;
}*/

.header .navbar-nav .mega-dropdown-menu .dropdown-header{
	display: block;
	padding: 3px 0px;
	font-size: 1.2em;
	white-space: normal;
	color: rgb(188, 145, 115);
}
.header .navbar-nav .mega-dropdown-menu li ul li.dropdown-header a {	
	color: rgb(188, 145, 115);
}
/*Search form animation*/
.navbar-nav .navbar-form .btn-danger{
	border-color: rgba(92, 9, 27,1);
	background-color: rgba(92, 9, 27,.7);
}
.navbar-nav .btn {
	position: relative;
	z-index: 2;
}
.navbar .navbar-collapse {
	position: relative;
}



.navbar .nav-search {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	padding: 0;
}
.navbar.navbar-default .nav-search {
	background-color: rgba(158, 27, 50,1);
}
.navbar.navbar-inverse .nav-search {
	background-color: #222;
}
.navbar .nav-search .navbar-form {
	border: none;
	box-shadow: none;
	margin: 8px 15px;
}
.nav-search>li {
	float: none;
}
.btn.btn-outline {
	background-color: transparent;
	border-color: white;
	padding: 3px 10px;
	margin: 7px 10px 4px 4px;
	font-size: 1.2em;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:visited {
	background-color: rgba(255,255,255,.8);
	color: rgba(158, 27, 50,1);
}
/*.btn-outline .glyphicon-search {
	top: 4px;
}*/
/*When JS is disable*/
.no-js .navbar-nav .btn-outline{
	display:none;
}

.no-js .navbar.navbar-default .nav-search{
	position: relative;
    display: block;
    background: none;
    padding-left: 0px;
}
.no-js .navbar .nav-search .form-control{
	max-width:200px;
}
.no-js .navbar-nav .navbar-form .btn-danger{
	border-color:white;
    background-color: rgba(158, 27, 50,1);
}
@media screen and (min-width: 768px) {
.main-menu .col-md-10 .navbar-nav{
	float: none;
}
.nav-search>li {
	float: right;
}
.navbar .nav-search {
	padding-right: 120px;
	padding-left: 80px;
}
.navbar h3{
	display:none;
}
}
/******** 4/. HERO Section (Video Background, Jumbotron caption, Call to Action Buttons) *******/
.hero {
	position: relative;
	background: url(../images/Video-ScreenShot.PNG) no-repeat center top;
	background-size: cover;
	min-height: 400px;
	width: 100%;
}
.hero video {
	display: none;
}
.hero .hero-caption {
	width: 80%;
	position: absolute;
	top: 35%;
	left: 50%;
	margin-left: -40%;
	/* margin-top: -10%; */
	border-radius: 0 20px 0 20px;
	background-color: rgba(158, 27, 50,.8);
	color: white;
	padding: 1em 1em 2em 1em;
	text-align: center;
}
.hero .hero-caption h1 {
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 2.4em;
}
.hero .hero-caption p {
	font-size: 1em;
	font-weight: bold;
}
.hero .hero-caption .btn-default {
	color: rgb(158, 27, 50);
	min-width: 200px;
	font-size: .7em; 
	font-weight: 700;
	margin: .8em 1em;
	border-radius: 8px;
}

@media only screen and (min-width: 768px) {
.hero {
	background: none;
	min-height: 100px;
}
.hero video {
	display: block;
	width: 100%;
/*	margin-top:-150px;*/
}
.hero .hero-caption {
	width: 45%;
	top: 30%;
	margin-left: -22%;
	padding: .5em .5em 2em .5em;
	font-size: 1.2em;
}
}

@media only screen and (min-width: 1200px) {
.hero {
	max-height: 600px;
	overflow: hidden;
}
.hero .hero-caption {
	width: 40%;
	margin-left: -20%;
	top: 30%;
	font-size: 1.5em;
}
}

@media only screen and (min-width: 1500px) {
.hero .hero-caption {
	max-width: 600px;
	margin-left: -16%;
	font-size:1.8em;
}
}
/*********** 5/. EVENTS CAROUSEL  *******/
.slide-show{
	/* border-top: 3em solid rgba(83,129,172,1);*/
	padding-top: 3em;
}
.carousel.fade {
	opacity: 1;
}
.carousel.fade .item {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0;
	-webkit-transition:opacity ease-out .7s;
	transition: opacity ease-out .7s;
	display: block;
}
.carousel.fade .item .carousel-caption{
	opacity:0;
	-webkit-transition:opacity ease-out .7s;
	transition: opacity ease-out .7s;
}
.carousel.fade .item:first-child {
	top: auto;
	opacity: 1;
	position: relative;
}
.carousel.fade .item.active {
	opacity: 1;
}
.carousel.fade .item.active .carousel-caption {
	opacity: 1;
}
.carousel.fade .item carousel-caption{
	opacity:0;
	-webkit-transition:opacity ease-out .7s;
	transition: opacity ease-out .7s;
}
#events-slider .item {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%;
}
/*#events-slider .item:before{
	content: ' ';
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-image: linear-gradient(to bottom,rgba(255,255,255,1), rgba(255,255,255,0) );
    opacity: .8;
}*/

.carousel-control {
	display: none;
}
.carousel-indicators li {
	width: 15px;
	height: 15px;
	border: 1px solid rgb(131, 132, 123);
}
.carousel-indicators .active {
	width: 15px;
	height: 15px;
	background-color: rgb(131, 132, 123);
	border: 1px solid rgb(255,255,255);
}
.carousel-caption {
	top: 0;
	padding-top: 0;
}
.carousel-caption .carousel-text-box
{
    background-color: rgba(255,255,255,0.7);
	padding-top:1em;
	padding-bottom:1em;
	border-radius:10px;
}
.carousel-caption a{
	color:rgb(55, 61, 63);
}
.carousel-caption h1, .carousel-caption strong {
	font-weight: bold;
	color: rgb(158, 27, 50);
	text-transform: uppercase;
	margin-right:.5em;
}
.carousel-caption h1{
	text-shadow: 3px 3px 5px grey;
}
.carousel-caption h1 {
	font-size: 2.2em;
}
.carousel-caption h3 {
	color:  rgb(55, 61, 63);
	margin-top: 10px;
	font-size: 1.5em;
	font-weight: bold;
	/*text-transform: capitalize;*/
	text-shadow: 3px 3px 5px grey;
}
.carousel-caption .list-group {
	
	margin: 0 auto;
}
.carousel-caption .list-group-item {
	background-color: rgba(255,255,255,1);
	color:  rgb(55, 61, 63);
	font-size: 1.1em;
	padding: 10px 15px;
	text-align: left;
}
.carousel-caption .list-group-item:first-child {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	box-shadow: 2px -2px 5px grey;
}
.carousel-caption .list-group-item:last-child {
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	box-shadow: 2px 2px 5px gray;
}

@media only screen and (min-width: 768px) {
.carousel-control {
	display: block;
}
.carousel-control .glyphicon-chevron-left {
	font-size: 2.5em;
	color: gray;
	/* background-color: white; */
	width: 50px;
	height: 50px;
	position: absolute;
	top: 22px;
	left: 14px;
}
.carousel-control .glyphicon-chevron-right {
	font-size: 2.5em;
	color: gray;
	width: 50px;
	height: 60px;
	position: absolute;
	top: 22px;
	right: 14px;
}
.carousel-control.left, .carousel-control.right {
	background-image: none;
	background-color: white;
	width: 60px;
	height: 80px;
	position: absolute;
	top: 50%;
}
.carousel-caption {
	top: 40%;
	font-size: 1.1em;
}

}
@media only screen and (min-width: 992px){
	.carousel-caption {
	top: 5%;
	font-size: 1.5em;
}
	.carousel-caption .list-group {
	max-width: 450px;
	margin: 50px auto;
}
	}
@media only screen and (min-width: 1200px){
	.carousel-caption{
		font-size:1.8em;
	}
	.carousel-caption .list-group {
	max-width: 600px;
	}
}


/*********** 6/. BOXES GRID LAYOUT  *******/
.call-to-action {
	/*border-top: 3em solid rgba(188,145,115,1);*/
	padding-top: 30px;
	padding-bottom: 25px;
}
.box {
	position: relative;
	margin: 0px -15px;
	min-height: 230px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.program {
	background-image: url(../images/BG-Program-Search.png);
}
.calendar {
	background-image: url(../images/BG-Calendar.png);
}
.calendar .box-caption span{
	background-color: rgba(131,132,123,.9);
}
.give-now {
	background-image: url(../images/BG-Money.png);
}
.give-now .box-caption span{
	background-color:rgba(131,132,123,.9);
	/*background-color:rgba(139,142,75,.9);	*/
}
.public-safety-center {
	background-image: url(../images/BG-PSC.png);
}
.public-safety-center .box-caption span{
	background-color: rgba(158,27,50,.9);
/*	background-color:rgba(69,108,144,.9);*/
}
.rose-lehrman {
	background-image: url(../images/BG-Rose-Lehrman.png)
}
.military {
	background-image: url(../images/BG-Military.png);
}
.military .box-caption span{
	background-color: rgba(158,27,50,.9);
	/*background-color:rgba(163,135,93,.9);*/
}
.future-careers {
	background-image: url(../images/BG-Future-Careers.png);
}
.class-schedules {
	background-image: url(../images/BG-Class-Schedules.png);
}
.class-schedules .box-caption span{
	    background-color: rgba(139,142,75,.9);
	/*background-color:rgba(131,132,123,.9);*/
}
.hawk-response {
	background-image: url(../images/BG-e2CampusNEW.png);
}
.hawk-response .box-caption span{
	background-color:rgba(69,108,144,.9);
}
.give-now .box-caption {
	background-color: rgba(139, 142, 75,.5);
}
.program .box-caption {
	background-color: rgba(83, 129, 172,.5);
}
.program .box-caption span{
	background-color:rgba(69,108,144,.9);
/*	background-color: rgba(158,27,50,.9);*/
}
.rose-lehrman .box-caption {
	background-color: rgba(188, 145, 115,.5);
}
.rose-lehrman .box-caption span{
	background-color:rgba(163,135,93,.9);
	/*background-color:rgba(158,27,50,.9);*/
}
.future-careers .box-caption {
	background-color: rgba(158, 27, 50,.5);
}
.future-careers .box-caption span{
	background-color:rgba(139,142,75,.9);
}
.hawk-response .box-caption {
	background-color:rgba(83, 129, 172,.5);
}


/*.calendar .box-caption, .public-safety-center .box-caption, .military .box-caption, .class-schedules .box-caption {
	background-color: rgba(255,255,255,.5);
}*/
.box-caption {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	padding-left: .5em;
	padding-right: .5em;
}
.box-caption:hover, .box-caption:focus{
	text-decoration:none;
}
.box-caption img {
	min-width: 75px;
    min-height: 120px;
	max-height:124px;
    margin: 0 auto;
    padding-top: 13%;
}
.box-caption span {
	font-family: 'play';
    font-weight: bold;
	display: block;
	padding-bottom:0.3em;
	padding-top: .1em;
	font-size: 2.5em;
	line-height: 1;
	color: white;
	text-shadow: 5px 5px 8px  rgb(55, 61, 63);
	margin-bottom: 0.5em;
}
.form-program-control{
	 width: 80%;
	 float:left;
    height: 30px !important;
	max-width: 300px;
	margin-right:1em;
}
.btn-program-search{
	background-color:rgba(83,129,172,1);
	color:white;
}


.program .workforce{
/*	margin-top: 0.3em;*/
    font-size: 1.2em;
    /* font-weight: bold; */
    color: white;
}



@media only screen and (min-width:768px) {
	
.box-caption {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}
.call-to-action .row {
	margin-right: 0px;
	margin-left: 0;
}
.call-to-action .box {
	margin: 15px 0px;
}
}

@media only screen and (min-width:992px){
	.program, .public-safety-center, .future-careers {
	/*border-radius: 30px 0px 0px 30px;*/
	overflow:hidden;
}
.give-now, .military, .hawk-response {
	/*border-radius: 0px 30px 30px 0px;*/
	overflow:hidden;
}
}
@media only screen and (min-width: 1200px) {

/* Grow Shadow */
.box{
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  -webkit-transition-property:box-shadow, -webkit-transform;
  transition-property:box-shadow, -webkit-transform;
  transition-property:box-shadow, transform;
  transition-property: box-shadow, transform, -webkit-transform;
}
.box:hover, .box:focus, .box:active {
  box-shadow: 0 10px 10px -8px rgba(0, 0, 0, 0.8);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
.box-caption span {
	
	font-size: 2.2em;
}
}

/*********** 7/. SOCIAL SECTION  **********/

.social{
	position:relative;
	padding-top:30px;
	padding-bottom: 25px;
	color:white;
	background:url(../images/Students-In-Community-Room.jpg) center center no-repeat;
	background-size:cover;
	/*border-top: 3em solid rgba(139,142,75,1);*/
}
.social:before{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color: rgba(139,142,75,1);
	}
.social h3{
	font-size:2em;
	font-weight: bold;
	text-decoration: underline;
}
.social a{
	color:white;
	}
.social a:hover{
	color: rgba(139,142,75,1);
	}
.social .container-fluid{
	max-width:1500px;
}
.events .media-list{
	color:  rgb(19, 21, 22);
    background-color: rgba(255,255,255,.8);
    padding: 20px 10px;
	border-radius:10px;
   /* margin: 0 -15px;*/
}
.events .media-list a{
	font-weight: bold;
}
.stories .thumbnail{
	background:url(../images/BG-Green-Logo.png) bottom right no-repeat;
	background-size: contain;
	background-color: #fff;
}
.events .media-list a,
.stories .thumbnail .caption a{
	font-weight: bold;
	
}
.events .media-list a{
	 color:rgb(55, 61, 63);
	 font-size: .8em;
}
.stories .thumbnail .caption a{
	color:rgba(120,41,100,1);
	font-size: .9em;
}

.stories .thumbnail .caption{
	padding-bottom:2em;
	
}
.events .media-list a:hover,
.events .media-list a:focus,
.stories .thumbnail .caption a:hover,
.stories .thumbnail .caption a:focus{
    color: rgba(127,152,58,1);
}
.events .media-object{
	max-width:100px;
}
/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-forward:before {
  content: "\f138";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  -webkit-transition-property:-webkit-transform;
  transition-property:-webkit-transform;
  transition-property:transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
  -webkit-transform: translateX(4px);
  -ms-transform: translateX(4px);
      transform: translateX(4px);
}

/* Bounce To Right */
.happenings .list-group-item{
	font-weight:bold;
	color: rgb(55, 61, 63);
	background-color: rgba(255,255,255,.8);
	margin-bottom: 5px;
	border:none;
	border-radius: 8px;
	text-align:left;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	}

.happenings a.list-group-item:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(139,142,75,1);
  border-radius:8px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
      transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
      transform-origin: 0 50%;
  -webkit-transition-property: transform;
  -webkit-transition-property:-webkit-transform;
  transition-property:-webkit-transform;
  transition-property:transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.happenings a.list-group-item:hover, .happenings a.list-group-item:focus, .happenings a.list-group-item:active {
  color: white;
  background-color:rgba(255,255,255,.8);
}
.happenings a.list-group-item:hover:before, .happenings a.list-group-item:focus:before, .happenings a.list-group-item:active:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
      transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

@media only screen and (min-width: 768px){
	.social{
		background:url(../images/Students-In-Community-Room.jpg) center center no-repeat;
		background-size:cover;
	}
	.social:before {
		background-color: rgba(139,142,75,.9);
	}
}
@media only screen and (min-width: 992px){
	.social .stories .thumbnail img, 
	.future-student .stories .thumbnail img {
		max-width: 30%;
    	float: left;
    	margin-right: 1em;
	}
}
@media only screen and (min-width: 1200px){
	.stories{
	margin-bottom: 150px;
	}
	.stories .thumbnail{
	border-radius:8px;
	}
	.social .stories .thumbnail img,
	.future-student .stories .thumbnail img {
    float: none;
    padding-top: 0;
    margin: -5px -5px 0 -5px;
    max-width: 103%;
    border-radius: 8px 8px 0 0;
}
}
	

/*********** 8/. FOOTER SECTION  **********/

/*When JS is disable*/
.no-js .footer .social-menu {
    display: none;
}
.footer{
	    background-color: rgba(188,145,115,.2);
		/*color:white;*/
}
.footer .footer-menu{
	min-height:250px;
}
.footer-top,
.footer-bottom{
	margin-top:30px;
}
.footer .footer-menu ul,
.social-menu,
.footer-bottom ul{
	list-style: none;
    padding: 0;
}
.social-menu{
	padding-left:15px;
}
.footer-bottom ul{
	padding-top: 1em;
	padding-bottom:2em;
}
.footer .footer-menu ul li a
{
	color: rgb(19, 21, 22);
}

.social-menu li,
.footer-bottom ul li{
	display:inline-block;
}
.footer-bottom ul li{
	padding-right:5px;
    border-right: 1px solid white;
}
.footer-bottom ul li:last-child{
	border-right: none;
}
.footer-bottom a{
	text-decoration: underline;
	font-size:.9em;
	/*color: rgb(19, 21, 22);*/
}
.footer-bottom a:hover{
	color: rgba(188,145,115,1);
	text-decoration:underline;
}
.social-menu i{
	color: white;
    background-color: #9e1b32;
    width: 40px;
    height: 40px;
    font-size: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 0px 10px 0px 0px;
	margin: 20px 5px 20px 0;
}
.social-menu .fa-twitter {
	background-color:rgb(85,172,238);
} 
.social-menu .fa-facebook {
	background-color:rgb(59,89,152);
}
.social-menu .fa-youtube {
	background-color:rgb(187,0,0);
} 

.social-menu .fa-linkedin{
	background-color:rgb(0,123,181);
}
.social-menu .fa-instagram{
	background: #d6249f;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.social-menu .flicker{
	 width: 40px;
    height: 40px;
    vertical-align: bottom;
    margin-bottom: -4px;
	border-radius: 0px 10px 0px 0px;
	background-color:white;
}
.social-menu .fa-envelope:hover,
.social-menu .fa-twitter:hover,
.social-menu .fa-facebook:hover,
.social-menu .fa-youtube:hover,
.social-menu .fa-linkedin:hover,
.social-menu .flicker:hover{
	background-color: rgb(55, 61, 63);
}

.social-menu .fa-instagram:hover{
	background: rgb(55, 61, 63);
	}

.footer .address{
	display: block;
    clear: both;
    font-size: 1.8em;
	color: rgb(19, 21, 22);
	padding-left:15px;
}
.footer .phone{
	font-size: 1.5em;
    background-color: rgba(158,27,50,1);
    color: white;
    padding: 2px 0 2px 15px;
    border-radius: 15px;
	max-width:300px;
}
.footer-bottom .tagline{
	color:rgba(158,27,50,1);
}
.footer-bottom .tagline h1,
.footer-bottom .tagline h1 em{
	margin-top:0;
}
.footer-top h4.student,
.footer-top ul.student a:hover{
	color: rgba(158,27,50,1);
}

.footer-top h4.donors,
.footer-top ul.donors a:hover{
	color:rgba(120,41,100,1);
}

.footer-top h4.alumni,
.footer-top ul.alumni a:hover{
	color:rgba(83,129,172,1);
}
.footer-top h4.business,
.footer-top ul.business a:hover{
	color:rgba(127,152,58,1);
}
.footer-top h4.about,
.footer-top ul.about a:hover{
 color: rgba(188,145,115,1);
}
@media only screen and (min-width: 768px){
/*.footer-bottom .tagline {
    padding-top: 2em;
}*/
}
/*********** 9/. BACK TO TOP BUTTON  **********/	
.btn-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 50px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  background-color: rgba(158,27,50,1);
  color: white;
  overflow: hidden;
  text-align:center;
/*  text-indent: 100%;*/
 /* white-space: nowrap;*/
  /*background: rgba(232, 98, 86, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;*/
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  border-radius:10px;
  z-index:1000;
}
.btn-top:hover, .btn-top:focus{
	color:rgba(188,145,115,1);
	text-decoration:none;
}
.btn-top .fa-arrow-up{
	display:block;
	font-size: 1.5em;
}

.btn-top.btn-top-is-visible, .btn-top.btn-top-fade-out, .no-touch .btn-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.btn-top.btn-top-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.btn-top.btn-top-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .8;
}
.no-touch .btn-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .btn-top {
    right: 20px;
    bottom: 20px;
	height: 50px;
    width: 50px;
  }
    .btn-top .fa-arrow-up{
	font-size: 2em;
}
}

/*********** 10/. CONTENT PAGE (SUB HEADER, LEFTSIDE  NAVIGATION) **********/	
section.sub-header{
	margin: .5em auto;
	border-bottom: 1px solid lightgray;
	}	
.sub-header_image{
	margin-bottom:1em;	
}
.sub-header .printer-friendly{
	 float: right;
    clear: right;
    /* display: inline-block; */
    margin-top: 1em;
	font-size:11px;
}
.sub-header .printer-friendly .fa-print{
color: darkgoldenrod;
}
/*.sub-header .CS_Element_LinkBar{
	float: right;
    clear: right;
}*/
 .sub-header .heading-title{
	 font-size: 2.5rem;
    font-weight: bold;
 }
 
.left-side-container, .main-content{
	
	margin-bottom: 2em;
	
}
.main-content{
	min-height: 500px;
	margin-top: 2em;
}
	
	/*LeftSide Navigation*/
.drop-up {
    top: auto;
    bottom: 100% !important;
}
.dropdown-menu{
	font-size:13px;
}
.floating-menu{
	position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    border-radius: 5px 5px 0px 0px;
    background-color: rgba(83, 129, 172,1);
    font-size: 1.5em;
    z-index: 500;	
}

.floating-menu .panel-group{
	margin-bottom: 0;
}
.floating-menu .horizontal-list>li {
    display: block;
    margin-right: .5em;
    padding-top: .5em;
    padding-bottom: .5em;
    float: left;
}
.floating-menu ul li.btn-group{
	margin-left: -1em;	
}
@media screen and (max-width:782px){
.floating-menu .btn-group .dropdown-menu{
	min-width:280px;
	height:100vh;
	overflow:auto;
}
}
.floating-menu li a{
	color:white;
	text-decoration:none;
}
.floating-menu li a:active{
	color: rgb( 42,64,86);	
}
.floating-menu li a i{
	margin-right: 5px;
}
.floating-menu .drop-up a{
	color: rgb(55, 61, 63);
}
.floating-menu .drop-up a:hover,
.floating-menu .drop-up a:focus{
		color:rgba(158,27,50,1);
		text-decoration:underline;
}

.floating-menu input[type=checkbox] {
	display:none;
}

.floating-menu label {
    display: block;
    padding-left: 1.5em;
    text-indent: -.8em;
}

.floating-menu input[type=checkbox] + label:before {
	font-family: FontAwesome;
	display: inline-block;
	content: "\f096";
	letter-spacing: 10px;
	cursor: pointer;
}

.floating-menu input[type=checkbox]:checked + label:before {
	content: "\f046";
}

.floating-menu input[type=checkbox]:checked + label:before {
	letter-spacing: 8px;
}

/*******When JS is disable***********/
.no-js .floating-menu .panel-default:hover .panel-collapse{
	display:block;
}
.floating-menu .panel-default .panel-heading{
	background-color:rgba(221, 221, 221,.7);
}
.floating-menu .panel-default .panel-collapse .list-group .list-group-item
{
background-color: rgba(245, 245, 245,.5);
}

.floating-menu .panel-default .panel-heading i,
.floating-menu .panel-default .panel-collapse .list-group .list-group-item span{
    float: right;
    font-size: 1.2em;
/*    width: 20px;
    height: 20px;
    background-color: white;
    color: #5381ac;
    border-radius: 50%;
    text-align: center;
    padding: 2px;*/
}
.floating-menu .fa-chevron-up{
	transition: all .4s ease;
	}
 .floating-menu .fa-chevron-up.collapsed{
	 transform:rotate(180deg);  
 }

.floating-menu .drop-up .panel-default .sub-menu-title{
	text-align: center;
	}
.floating-menu .panel-default .panel-collapse .list-group{
	margin-bottom:0;	
}
.floating-menu .panel-default .active {
	    color: rgba(158,27,50,1);
    text-decoration: underline;
}


@media only screen and (min-width: 992px){
.floating-menu{
	position: relative;
    bottom: inherit;
	background-color: white;
	min-width:220px;
}
.floating-menu .btn-group .dropdown-menu{
	position:relative;
	display: block;
    bottom: inherit!important;
    border: none;
    box-shadow: none;
	min-width:220px;
}
.floating-menu ul li.btn-group{
	margin-left: -2em;	
}
}
	
@media only screen and (min-width: 1200px){
.floating-menu .btn-group .dropdown-menu{
min-width: 250px;
}
}

	/*********** 11/.  PREVIOUS CUSTOM STYLE **********************************/
.maroon_button_ftr {
background: #9e1b32;
/* border: none; */
padding: 3px 20px 3px 10px;
font-weight: 800;
color: #FFF;
border-radius: 10px;
/* margin-top: 7px; */
/* margin-bottom: 7px; */
}