@charset "utf-8";
/* CSS Document */
 h1 {
     font-family: 'futura_xkc', Arial, sans-serif;
     font-size: 36px;
}
 h2 {
     font-family: 'futura_mdcn_btmedium', Arial, sans-serif;
     font-size: 30px;
}
 h3 {
     font-family: 'futura_mdcn_btmedium', Arial, sans-serif;
     font-size: 24px;
}
 .content-container {
     padding-bottom: 50px;
}
 .content-container h1 {
     font-family: 'futura_mdcn_btmedium', Arial, sans-serif;
     font-size: 36px;
}
 .content-container h2 {
     font-family: 'futura_mdcn_btmedium', Arial, sans-serif;
     font-size: 28px;
}
 @font-face {
     font-family: 'futura_lt_btlight';
     src: url('../fonts/futural-webfont.woff2') format('woff2'), url('../fonts/futural-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'futura_mdcn_btmedium';
     src: url('../fonts/futuramc-webfont.woff2') format('woff2'), url('../fonts/futuramc-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'futura_xkc';
     src: url('../fonts/futurxkc-webfont.woff2') format('woff2'), url('../fonts/futurxkc-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 .navbar {
     border: 0px;
    /*box-shadow: 0px 2px 2px #000;
     */
}
 .top {
     background: #454e53;
     color: #fff;
}
 .top a {
     color: #fff;
}
 .top a:hover {
     color: #fff;
     opacity: 0.8;
     text-decoration: none;
}
 .top a:visited {
     color: #fff;
}
 .top .dropdown a:visited{
     color: #000;
}
 .top .navbar-text {
     color: #fff;
}
 .top ul {
     padding-left: 0px;
     margin:0px 0px 0px 0px;
}
 .top ul.navbar-left li {
     padding-right: 30px;
}
 .top .navbar-nav > li > a {
     color: #fff;
}
 .top .navbar-nav > li > a:hover {
     color: #fff;
     opacity: 0.8;
}
 .top .navbar-nav > li > a:visited {
     color: #fff;
}
 .top .navbar-nav > .open > a, .top .navbar-nav > .open > a:focus, .top .navbar-nav > .open > a:hover {
     color: #fff;
     background-color: transparent;
}
 .top .navbar-nav > li > a {
     padding-top: 10px;
     padding-bottom: 10px;
}
 .top .navbar-text {
     margin-top: 10px;
     margin-bottom: 10px;
}
 .bottom .navbar-nav > .open > a, .bottom .navbar-nav > .open > a:focus, .bottom .navbar-nav > .open > a:hover {
     background-color: transparent;
}
 .bottom {
     background: #fff;
     color: #fff;
     min-height: 70px;
     border-bottom: 1px solid #acb8bf;
}
 .bottom ul {
     padding-top: 10px;
}
 .bottom ul li a {
     color: #454e53 !important;
     font-size: 15px;
}
 .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
     background-color: transparent !important;
}
 .navbar-default .navbar-toggle {
     border-color: 1px !important;
     color: #000 !important;
     padding-top: 13px !important;
}
 .bottom .btn-primary {
     padding: 10px;
     margin-top: 5px;
     font-weight:600;
     text-transform: uppercase;
}
 .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
     margin-left: 30px;
}
 .navbar-brand {
     height: 70px;
     padding: 5px !important;
}
 .navbar-brand img {
     height: 59px;
}
 .carousel-container {
     padding: 0px;
}
 .jumbotron-container {
     margin-top: -21px;
     background:url(../img/home-hero-three.jpg);
    /*height: 500px*/
     height: 500px;
     text-align: center;
     background-position: 50% 50%;
     background-repeat: no-repeat;
     background-attachment: fixed;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 .jumbotron-container .jumbotron {
     padding: 0px;
}
 .jumbotron-container .jumbotron .glyphicon {
     color: #fff;
     font-size: 50px;
}
 .hero-container {
    /*background:rgba(0,0,0,0.65);
     */
     padding: 50px;
     width: 60%;
}
 .jumbotron-container .jumbotron h1 {
     color: #fff !important;
     font-size: 75px;
    /* -webkit-text-stroke: 1px #454E53;
     */
     text-shadow: 1px 1px #000;
}
 .jumbotron-container .jumbotron h2 {
     color: #fff !important;
     font-size: 30px;
     text-shadow: 1px 1px #000;
     font-weight: bold;
     padding-bottom: 15px;
}
 img.alt-hero {
     margin: -20px 0px 20px 0px;
     width: 100%;
}
 .library-hero {
     margin: -20px 0px 20px 0px;
     width: 100%;
     background: url("/library/images/EZ2_8653.jpg");
     padding: 150px 250px;
}
 .financialaid-hero {
     margin: -20px 0px 20px 0px;
     width: 100%;
     background: url("/financialaid/images/financialaid-hero.jpg");
     padding: 150px 0px;
     position: relative;
}
 .registrar-hero {
     margin: -20px 0px 20px 0px;
     width: 100%;
     background: url("/registration_transcripts/images/registrar-hero.jpg");
     padding: 150px 0px;
     position: relative;
}
 .financialaid-hero h2 {
     color: #fff;
     background-color: #454E53;
     padding: 25px;
     position: absolute;
     bottom: 0;
     margin: 0px;
}
 .calendar-container {
     padding: 70px 0px 70px 0px;
}
 .action-container {
     padding: 70px 0px 70px 0px;
}
 .action-container h2 {
     border-bottom: 1px solid #454E53;
     color: #454E53;
     margin-top:8px;
}
 .action-container p {
     color: #454E53;
}
 .action-container > div > div {
     padding: 0px 30px 0px 30px;
}
 .action-container img {
     border: 1px solid #454E53;
}
 .action-container button {
    /*margin-top: 15px !important;
     */
     text-transform: uppercase;
     font-weight: bold;
     position: absolute;
     bottom: 0px;
     right: 15px;
     border-top: 1px solid #454E53;
     border-left: 1px solid #454E53;
}
 .spotlight-container {
     padding: 50px 0px 50px 0px !important;
}
 .spotlight-container img {
     padding: 20px 20px 20px 0px;
}
 .spotlight-container h2 {
     font-size: 38px;
     border-left: 3px solid #E9741F;
     padding-left: 15px;
}
 .spotlight-container .spotlight-lead {
     padding-right: 45px;
     font-size: 16px;
}
 .stats-container {
     background:url(../img/EZA_5861.jpg);
     background-size:cover;
     color: #fff;
     font-weight: bold;
     font-size:24px;
}
 .stats-container .glyphicon {
     font-size: 45px;
}
 .glyphicon-ring {
     width: 110px;
     height: 110px;
     border-radius: 50%;
     border: 4px solid white;
     color: white;
     display: inline-table;
     text-align: center;
     line-height: -moz-block-height;
}
 .stats {
     padding: 70px 0px 70px 0px;
     text-align:center;
     margin-left: -15px;
     margin-right: -15px;
}
 .map {
     margin-left: -15px;
     margin-right: -15px;
}
 .quicklinks-container {
     padding-top: 20px;
     padding-bottom: 40px;
}
 .quicklinks-container h2 {
     color: #fff;
     text-transform: uppercase;
     margin-left: 15px;
     padding: 10px 0px 20px 0px;
}
 .quicklinks-container ul {
     list-style-type: none;
     padding-left: 0px;
     margin-left: 0px;
}
 .quicklinks-container ul li {
     padding-bottom: 5px;
}
 .quicklinks-container a {
     color: #fff;
     font-size: 16px;
}
 .map-container {
     background: #DFDFDF;
     border-bottom: 1px solid #454E53;
     border-top: 1px solid #454E53;
}
 .map-container > iframe {
}
 .dark-grey-bg {
     background: #454e53;
     color: #fff;
}
 .dark-grey-bg .locations {
     color: #fff;
}
 .med-grey-bg {
     background: rgb(170,179,186,0.85);
}
 .light-grey-bg {
     background: rgb(170,179,186,0.20);
     background-color: #eef0f1;
     color: #454E53;
}
 .light-grey-bg.page-title {
     margin-top: -20px;
     margin-bottom: 0px;
}
 .light-grey-bg.page-title h1 {
     padding: 0px;
     margin: 20px 0px 20px 15px;
}
 .light-grey-bg .action-container, .light-grey-bg .action-container h2 {
     color: #454E53;
}
 ul.social-icons li {
     margin-right: 25px;
}
 ul.social-icons li img {
     max-height: 50px;
}
 .chat-container {
     position: fixed;
     bottom: 20px;
     right: 30px;
     width: 55px;
}
 footer {
     color: #fff;
}
 footer ul {
     margin-top: 15px;
     margin-bottom: 0px;
}
 footer a {
    /*color: #454e53;
     */
     color: #fff;
}
 footer a:hover, footer a:focus {
     color: #fff;
}
 footer a:visited {
     color: f5efef;
}
/*/
 \/\/\/\/\/\/\/\/\/ Button Primary \/\/\/\/\/\/\/\/\/\ 
/*/
 .btn-primary, .navbar-nav > li > a.btn-primary {
     color: #454E53 !important;
     background-color: #fff !important;
     border: 4px solid #E9741F !important;
     padding: 7px !important;
    /*background-color: #E9741F !important;
     border-color: #ee650d;
     */
     border-radius: 0px;
     text-transform: uppercase;
     font-weight: bold;
}
 .navbar-nav > li > a.btn-primary:hover, .navbar-nav > li > a.btn-primary:focus, .navbar-nav > li > a.btn-primary:active, .btn-primary:focus, .btn-primary.focus {
     opacity: 0.65;
    /* color: #fff !important;
     background-color: #df5e0c !important;
     border-color: #b44c0a !important;
     */
}
 .btn-primary:hover {
     opacity: 0.65;
    /* color: #fff;
     background-color: #df5e0c;
     border-color: #b44c0a;
     */
}
 .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
     color: #fff;
     background-color: #df5e0c;
     border-color: #b44c0a;
}
 .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
     color: #fff;
     background-color: #b44c0a;
     border-color: #b44c0a;
}
 .action-container a.action-link {
     color: #fff !important;
     background-color: #454E53;
     display: block;
     font-weight: bolder;
     padding: 5px 10px;
     text-transform: uppercase;
     font-size: 15px;
     border-left: 1px solid #000;
     border-bottom: 1px solid #000;
     border-right: 1px solid #000;
}
 .action-container a.action-link:hover, .action-container a.action-link:focus {
     color: #fff !important;
     text-decoration: none;
     opacity: 0.6;
}
 .action-container a.action-link .glyphicon {
     text-align: right;
     float: right;
}
 .search-group {
     width: 285px;
     padding: 10px !important;
}
 .search-group .form-control {
     width: 200px;
     height: 40px;
}
 .search-group .btn {
     padding: 7px;
}
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
/*/
 \/\/\/\/\/ Events Styles /\/\/\/\/\/\/\ 
/*/
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
 .story-heading {
     background: #454e53;
}
 .story-panel {
     background: 
    /*#fff*/
     ;
}
 .event {
     margin-top: 10px;
}
 .event a {
     color: #454e53;
}
 .date-box {
     margin-top: 14px;
     background: #3c763d;
}
 .locations {
     color: #454e53;
}
 .locations .row {
     margin-bottom: 30px;
}
 .locations img {
     margin: 12px 10px 0px 0px;
}
 .sidr > ul > li > ul {
     display: none;
}
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
/*/
 \/\/\/\/\/ LEFT SIDE MENU \/\/\/\/\/\/\ 
/*/
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
 ul.left-menu {
     margin-left: 0px;
     padding-left: 0px;
     list-style-type: none;
}
 ul.left-menu li a {
     color: #454e53;
}
 ul.left-menu li a:hover {
     text-decoration: none;
     opacity: 0.65;
}
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
/*/
 \/\/\/\/\/ Clusters Icons \/\/\/\/\/\/\ 
/*/
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
 ul.clusters {
     margin-left: 0px;
     padding-left: 0px;
     list-style-type: none;
}
 ul.clusters li {
     text-align: center;
     float: left;
     width: 20%;
     padding: 15px;
}
 ul.clusters.four li {
     width: 25%;
}
 ul.clusters li img {
     padding-bottom: 0px;
     height: 85px;
}
 ul.clusters li a {
     color: #454e53;
}
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
/*/
 \/\/\/\/\/ Page Haeder Style For Old Template \/\/\/\/\/\/\ 
/*/
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
 .page-header {
     padding-bottom: px;
     margin: -20px 0 0px;
     border-bottom: 1px solid #eee;
}
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
/*/
 \/\/\/\/\/\/ PANEL STYLES \/\/\/\/\/\/\ 
/*/
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
 .panel {
     background: #EEF0F1;
     border-radius: 0px;
     padding: 10px 10px 20px 10px;
}
 .panel .nav.nav-pills {
     margin-left: -15px;
     padding: 0px;
}
 .panel .nav.nav-pills li a {
}
 .panel .nav.nav-pills li a:hover {
     text-decoration: underline;
}
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
/*/
 \/\/\/\/\/\ A to Z STYLES \/\/\/\/\/\/\ 
/*/
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
 #letters {
     width: 100%;
     text-align: center;
     margin: 20px 0px;
}
 #letters a {
     color: #454E53;
     padding: 8px;
}
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
/*/
 \/\/ Countdown Timer Container /\/\/\/\ 
/*/
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
/* #countDown {
     background-color: #EEF0F1;
     width: 100%;
     -moz-box-shadow: inset 0 0 5px #000000;
     -webkit-box-shadow: inset 0 0 5px #000000;
     box-shadow: inset 0 0 5px #000000;
}
 */
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
/*/
 \/\/\/\/\/\ POPOVER STYLES /\/\/\/\/\/\ 
/*/
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
 .popover.top {
     background-color: #fff;
     color: #454E53;
}
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
/*/
 \/\/\/\/\/\ Original Left hand background \/\/\/\/\/\/\ 
/*/
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
 .left-nav-back {
     min-height: 20px;
     padding: 2px;
     margin-bottom: 20px;
     background-color: #f5f5f5;
     border: 1px solid #e3e3e3;
    /*border-radius: 4px;
     */
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
/*/
 \/\/\/\/\/\/ ALERT STYLES \/\/\/\/\/\/\ 
/*/
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
 .alert {
     border-radius: 0;
     margin-bottom: 0px;
     font-size: 15px;
}
 .alert strong {
     font-size: 17px;
     padding-top: 30px;
}
 .alert-success {
     color: #fff;
     background-color: #679900;
     border-color: #679900;
}
 .alert-danger {
     color: #fff;
     background-color: #B9051A;
     border-color: #B9051A;
}
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
/*/
 \/\/\/\/\/ LIBRARY SEARCH \/\/\/\/\/\/\ 
/*/
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
 .library-search-wrapper {
     background-color: #454E53;
     padding: 15px 10px;
    /* width: 520px;
     */
     width: 85%;
     margin: auto;
}
 .library-search-wrapper > form {
     padding: 10px 20px;
}
 .library-form-group {
     padding: 0px 0px 8px;
     background-color: #ffffff;
}
 .library-search-links {
     padding: 0px 0 0 20px;
}
 .library-search-links a {
     color: #fff;
     text-decoration: none;
     font-size: 14px;
}
 .library-search-links a:last-child {
     margin-right: 20px;
}
 #primoQueryTemp {
     font-size: 18;
     margin-top: 10px;
     vertical-align: middle;
     width: 80%;
     border: none;
     border-radius: 5px;
     padding-left: 10px;
     background-color: transparent;
}
 #go {
     vertical-align: middle;
     float: right;
     height: 40px;
     width: 51px;
     font-size: 18px;
     font-weight: bold;
     background: #f47220;
     background-image: url('/library/images/search-icon.png');
     color: #ffffff;
    /* margin-top: -32px;
     */
     border: none;
     background-repeat: no-repeat;
     background-position: center;
     padding: 15px;
}
 ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
     color: #000;
}
 ::-moz-placeholder {
    /* Firefox 19+ */
     color: #000;
}
 :-ms-input-placeholder {
    /* IE 10+ */
     color: #000;
}
 :-moz-placeholder {
    /* Firefox 18- */
     color: #000;
}
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
/*/
 \/\/\/\/\/\/ MEDIA QUERIES /\/\/\/\/\/\ 
/*/
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
 @media(max-width:450px){
     #go {
         margin-top: -32px;
    }
     .library-search-links .col-sm-6:last-child {
         text-align: left !important;
    }
     .jumbotron-container {
         height: 300px;
         background-attachment: initial;
    }
}
/* Phones, Small Devices */
 @media(max-width:767px){
     .jumbotron-container {
         height: 300px;
         background-attachment: initial;
    }
     ul.clusters li, ul.clusters.four li {
         text-align: center;
         float: left;
         width: 50%;
         padding: 15px;
    }
     .top .navbar-nav > li {
         float: left;
    }
     .top .navbar-nav > li a {
         color: #fff;
    }
     .top .navbar-nav .open .dropdown-menu > li > a, .top .navbar-nav .open .dropdown-menu > li > a:visited {
         color: #fff;
    }
     .top .navbar-nav .open .dropdown-menu > li > a:hover, .top .navbar-nav .open .dropdown-menu > li > a:focus {
         color:#fff;
         text-decoration: underline;
    }
     .library-hero {
         padding: 25px 25px;
    }
     .financialaid-hero {
         25px 0px;
    }
     .registrar-hero {
         padding: 25px 25px;
    }
     .library-search-links .col-sm-6:last-child {
         text-align: left !important;
    }
}
/* Medium Devices, Large Phones */
 @media(min-width:768px){
     .bottom .dropdown:hover .dropdown-menu {
         display: block;
         margin-top: 0;
         // remove the gap so it doesn't close 
    }
     ul.clusters li, ul.clusters.four li {
         text-align: center;
         float: left;
         width: 40%;
         padding: 15px;
    }
     .library-hero {
         padding: 50px 50px;
    }
     .financialaid-hero {
         50px 0px;
    }
     .admissions-hero {
         50px 0px;
    }
     .registrar-hero {
         50px 0px;
    }
 }
/* Medium Devices, Desktops */
 @media(min-width:992px){
     .bottom .dropdown:hover .dropdown-menu {
         display: block;
         margin-top: 0;
         // remove the gap so it doesn't close 
    }
     ul.clusters li, ul.clusters.four li {
         text-align: center;
         float: left;
         width: 30%;
         padding: 15px;
    }
     .library-hero {
         padding: 100px 100px;
    }
     .financialaid-hero {
         100px 0px;
    }
     .admissions-hero {
         100px 0px;
    }
     .registrar-hero {
         50px 0px;
    }    
}
/* Desktops */
 @media(min-width:1200px){
     .bottom .dropdown:hover .dropdown-menu {
         display: block;
         margin-top: 0;
         // remove the gap so it doesn't close 
    }
     ul.clusters li {
         text-align: center;
         float: left;
         width: 20%;
         padding: 15px;
    }
     ul.clusters.four li {
         text-align: center;
         float: left;
         width: 25%;
         padding: 15px;
    }
     .library-hero {
         padding: 150px 250px;
    }
     .financialaid-hero {
         150px 0px;
    }
     .admissions-hero {
         150px 0px;
    }
     .registrar-hero {
         150px 0px;
    }
}
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ \/\/\/\/\/ GOOGLE SEARCH STYLES \/\/\/\/\/\ /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
 .gsc-input-box {
     height: 45px !important;
}
 .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
     padding: 11px !important;
     margin-top: 2px !important;
     height: 45px !important;
     width: 45px !important;
     min-width: 45px !important;
     background-color: #E9741F !important;
}
/*/
 \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ \/\/\/\/\/ GOOGLE SEARCH STYLES \/\/\/\/\/\ /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
/*/
 .accordian-menu {
     border: 1px solid #454E53;
     padding: 10px 20px;
     cursor: pointer;
     color: #454E53 
}
 .accordian-menu span {
     float: right;
}
 .accordian {
}
 .accordian li a {
     padding: 10px 0px;
     margin: 0px;
}
 section.breadcrumb {
     padding: 8px 15px;
     margin-bottom: 20px;
     list-style: none;
     background-color: transparent;
     border-radius: 0px;
}
 section.breadcrumb .container {
     padding: 0px 30px;
}
 .embed-responsive-16by9 {
     padding-bottom: 33.25%;
}
/* Home Video */
 .hero-video .group video {
     width: 100%;
     height: auto;
     display: block;
     float: left;
}
 .hero-video {
     max-height: 763px;
     height: auto;
     overflow: hidden;
     position: relative;
     display: block;
     margin-top: -20px 
}
 .hero-video img {
     width: 100%;
}
 #fullVideo, .impact-video .videoBg {
}
 .hero-video .group img.impactVideo {
     display: block;
}
/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/\/\/\/\/\/ */
/* \/\/\/\/\ NEWS AND ANNOUNCEMENT STYLES/\/\/\/\/\/\/ */
/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/\/\/\/\/\/ */
 .alert.alert-success article {
     border-bottom: 0px solid #ccc;
     padding-top: 8px;
     padding-bottom: 0px;
}
 article {
     border-bottom: 1px solid #ccc;
     padding-bottom: 18px;
}
/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/\/\/\/\/\/ */
/* \/\/\/\/\/\/ KNOCKOUT CALENDAR STYLES /\/\/\/\/\/\/ */
/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/\/\/\/\/\/ */
 .calendar-event {
     border: 1px solid #cecece;
     padding: 5px 10px;
     border-radius: 6px;
     margin: 5px 2px;
     cursor: pointer;
}
 .calendar-event .row {
     padding: 5px 15px 5px 0px;
}
 .event-date {
     border: 1px solid #cecece;
     background-color: #ececec;
     border-radius: 4px;
     padding: 0px 0px !important;
}
 .event-date-mmm {
     background-color: #CCC;
     display: block !important;
     text-transform: uppercase;
     border-radius: 4px 4px 0px 0px;
     padding: 1px 0px !important;
     font-size: 13px;
}
 .event-date-do {
     font-size: 18px !important;
     padding-top: 5px;
}
 .event-date-ddd {
     text-transform: uppercase;
     font-size: 13px;
}
 .event-date-time {
     margin-bottom: 5px;
}
/*\/\/\/\/\/\/\/Emergency Alert\/\/\/\/\/\/\/ /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/
 <style style="text/css"> .marquee {
     height: 10px;
     overflow: hidden;
     position: relative;
     background: yellow;
     color: orange;
     border: 1px solid orange;
}
 .marquee p {
     position: relative;
     white-space: nowrap;
     color: red;
     height: 25px;
     width: 100%;
     height: 100%;
     margin: 0;
     line-height: 25px;
     text-align: center;
     font-weight bold;
    /* Starting position */
     -moz-transform:translateX(100%);
     -webkit-transform:translateX(100%);
     transform:translateX(100%);
    /* Apply animation to this element */
     -moz-animation: scroll-left 50s linear infinite;
     -webkit-animation: scroll-left 50s linear infinite;
     animation: scroll-left 50s linear infinite;
}
/* Move it (define the animation) */
 @-moz-keyframes scroll-left {
     0% {
         -moz-transform: translateX(100%);
    }
     100% {
         -moz-transform: translateX(-100%);
    }
}
 @-webkit-keyframes scroll-left {
     0% {
         -webkit-transform: translateX(100%);
    }
     100% {
         -webkit-transform: translateX(-100%);
    }
}
 @keyframes scroll-left {
     0% {
         -moz-transform: translateX(100%);
        /* Browser bug fix */
         -webkit-transform: translateX(100%);
        /* Browser bug fix */
         transform: translateX(100%);
    }
     100% {
         -moz-transform: translateX(-100%);
        /* Browser bug fix */
         -webkit-transform: translateX(-100%);
        /* Browser bug fix */
         transform: translateX(-100%);
    }
}
 </style>