@charset "utf-8";
/* CSS Document */
 a {
	 color:#c8102e;
}
 a:hover, a:focus {
	 color:#c8102e;
}
 #global-nav {
	 background-color:rgba(200,14,46,1);
	 z-index: 1002;
	 margin-left:2em;
}
 #global-nav a{
	 color:#ffffff;
	 text-align: center;
	 padding: 15px 10px;
	 font-weight: 600;
}
 #global-nav a:active{
	 background-color: #990000;
}
 #global-nav a:hover, #global-nav a:focus{
	 background-color: #990000;
}
 .navbar-default #global-nav .navbar-nav>.open>a, .navbar-default #global-nav.navbar-nav>.open>a:focus, .navbar-default #global-nav .navbar-nav>.open>a:hover {
	 color: #ffffff;
	 background-color: #990000;
}
 #global-nav .dropdown-menu{
	 z-index: 1003;
}
 #global-nav .dropdown-menu > li > a {
	 display: block;
	 padding: 3px 20px;
	 clear: both;
	 font-weight: normal;
	 line-height: 1.42857143;
	 color: #c8102e;
	 white-space: nowrap;
	 border-left:3px solid #ffffff;
	 text-align: left;
}
 #global-nav .dropdown-menu > li > a:hover {
	 border-left:3px solid #c8102e;
	 background-color:#efefef;
}
 #global-nav .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	 color: #dddddd;
	 background-color: transparent;
}
 #global-nav .navbar-default .navbar-collapse, .navbar-default .navbar-form {
	 border-color: #c8102e;
	 padding: 0px;
}
 #global-nav .navbar-form{
	 border-top: 0px solid #c8102e;
	 border-bottom: 0px solid #c8102e;
}
 .navbar-form .form-control {
	 display: inline-block;
	 width: 150px;
	 vertical-align: middle;
}
 .navbar-default .navbar-brand {
	 color: #ffffff;
}
 .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	 color: #333;
	 text-shadow: 0px 0px 6px #fff;
	 background-color: transparent;
}
 .navbar-toggle.search {
	 position: relative;
	 float: right;
	 padding: 5px 8px;
	 margin-top: 8px;
	 margin-right: 7px;
	 margin-bottom: 8px;
	 background-color: transparent;
	 background-image: none;
	 border: 0px solid #333;
	 border-radius: 4px;
	 color:#ffffff;
	 font-size:18px;
}
 .navbar-toggle.global {
	 position: relative;
	 float: left;
	 padding: 5px 8px;
	 margin-top: 8px;
	 margin-left: 3px;
	 margin-bottom: 8px;
	 background-color: transparent;
	 background-image: none;
	 border: 0px solid #333;
	 border-radius: 4px;
	 color:#ffffff;
	 font-size:18px;
}
 .navbar-toggle.search:focus, .navbar-toggle.global:focus{
	 background-color: white;
	 color:#333;
}
 .navbar-toggle.main-nav {
	 position: relative;
	 float: right;
	 padding: 9px 10px;
	 margin-top: 8px;
	 margin-right: 15px;
	 margin-bottom: 8px;
	 margin-left: -50px;
	 background-color: transparent;
	 background-image: none;
	 border: 1px solid transparent;
	 border-radius: 4px;
}
 .navbar-collapse {
	 padding-right: 15px;
	 padding-left: 15px;
}
 .navbar-default {
	 background-color: transparent;
	 border-color: transparent;
}
 .affix {
	 top: 0;
	 width: 100%;
	 z-index: 9999 !important;
	 background-color: #222222;
	 height: 90px;
}
 #site-logo-horz-x {
	 position: relative;
	 float:left;
}
 .affix-top .home-logo-horz-x {
	 -webkit-margin: -18px 0px -40px;
	 -moz-margin: -18px 0px -40px;
	 margin: -10px 0px -40px;
	/*margin: -10px 0px -60px;
	 */
}
 .affix .home-logo-horz-x {
	 margin: 5px 0px -60px;
}
 .main-nav ul {
	 display:inline-block;
}
 .main-nav ul li {
	 display: inline;
}
 #main-nav .nav > li > a{
	 color:#ffffff;
	 font-size: 1.15em;
	/** 1.45 **/
	 font-weight: 700;
	 padding:15px 10px;
	/**35.75**/
	 border-bottom: 4px solid #222;
	 width:auto;
	 text-align: center;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li.lienactif > a:hover, .navbar-inverse .navbar-nav > li.lienactif > a:hover, .navbar-default .navbar-nav > li.lienactif > a:focus, .navbar-inverse .navbar-nav > li.lienactif > a:focus
{
	background: none;
	outline: auto;		
}
 #main-nav .navbar-nav {
	 text-align: center;
	 float:none;
}
 .dropdown {
	 float: none;
}
 .navbar.navbar-inverse{
	 border-radius:0px;
}

 #main-nav .dropdown-menu {
	 background-color:rgba(255,255,255,1);
}
 #main-nav .dropdown-menu > li {
	 padding-left:0px;
	 margin-left:0px;
}
 #main-nav .dropdown-menu > li > a {
	 display: block;
	 padding: 3px 5px;
	 clear: both;
	 font-weight: normal;
	 line-height: 1.42857143;
	 color: #c8102e;
	/*white-space: nowrap;
	 */
	 border-left:3px solid #ffffff;
}
 #main-nav .dropdown-menu > li > a:hover {
	 border-left:3px solid #c8102e;
	 background-color: #efefef;
	 text-decoration:none;
	 display: block;
}
 #main-nav .dropdown-menu > li > ul {
	 list-style: none;
	 padding-left:0px;
	 margin-left:0px;
}
 #main-nav .dropdown-menu > li > ul > li {
	 display: block;
	 padding-left:5px;
}
 #main-nav .dropdown-menu > li > ul > li > a {
	 display: block;
	 padding: 3px 5px;
	 clear: both;
	 font-weight: normal;
	 line-height: 1.42857143;
	 color: #c8102e;
	/*white-space: nowrap;
	 */
	 border-left:3px solid #ffffff;
}
 #main-nav .dropdown-menu.row > li > ul > li > a:hover {
	 border-left:3px solid #c8102e;
	 background-color: #efefef;
	 text-decoration:none;
	 display: block;
}
 #academics .dropdown-menu {
	 width:42em;
	 left:0px;
}
/*#admissions .dropdown-menu {
	 left:0px;
	 width:16em;
}
 */
 #tuition-aid .dropdown-menu {
	 width:42em;
	 left:-14em;
}
 #life-at-niu .dropdown-menu {
	 width:42em;
	 left:-18em;
}
 #locations .dropdown-menu {
	 width:42em;
	 left:-32em;
}
/*#main-nav .nav > li > a:hover,*/
 #main-nav .nav > li > a:focus {
	 color:#ffffff;
	 border-bottom: 4px solid #c8102e;
}
 a.back-to-top.btn.btn-primary {
	 padding: 16px 18px;
	 border-radius: 30px;
	 background-color: #ffffff;
	 border: 1px solid #c8102e;
	 color:#c8012e;
}
 a:hover.btn.btn-primary {
	 background-color: #e8102e;
	 color:#ffffff;
}
 .carousel {
	 border-bottom: 10px #efefef solid;
}
 .carousel-caption {
	 background-color: rgba(0,0,0,.67);
	/*niu red at 60% opacity*/
	 color:#ffffff;
	/* font-size: 3em;
	 */
	 font-family: "Times New Roman", "serif";
}
 .carousel-caption h2{
	 font-size: 50px;
	 font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
	 color: rgba(255,255,255,1.00);
	 text-shadow: 2px 2px 3px #333;
}
 .carousel-caption h2>a{
	 color:#ffffff;
}
 .carousel-caption p{
	 font-size: 2em;
	 font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
	/* color: rgba(255,255,255,1.00);
	 */
	 padding: 0 1em;
	 font-weight: 300;
}
 .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
	 width: 30px;
	 height: 30px;
	 margin-top: -10px;
	 font-size: 120px;
}
 .carousel-indicators li {
	 display: inline-block;
	 width: 18px;
	 height: 18px;
	 margin: 1px 10px;
	 text-indent: -999px;
	 cursor: pointer;
	/*background-color: #000 \9;
	 */
	 background-color: rgba(255, 255, 255, 1);
	 border: 1px solid #fff;
	 border-radius: 18px;
}
 .carousel-indicators .active {
	 width: 18px;
	 height: 18px;
	 margin: 1px 10px;
	 background-color: #c8102e;
}
 .btn-primary {
	 color: #fff;
	 background-color: #c8102e;
	 border-color: #c8102e;
}
 .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
	 color: #fff;
	 background-color: #ac0000;
	 border-color: #ac0000;
}
a.homepage.btn.btn-primary {
	 padding: 18px 12px;
	 border-radius: 0px;
	 background-color: #c8102e;
	 border: 3px solid #fff;
	 color: #fff;
	 font-weight: 600;
	 text-transform: uppercase;
	 width: 200px;
	 transition: .3s all ease;
}
 a.homepage.btn.btn-primary:hover{
	 background-color: #e8102e;
	 color: #ffffff;
}
a.reverse.btn.btn-primary {
    padding: 18px 12px;
    border-radius: 0px;
    background-color: #ffffff;
    border: 3px solid #c8102e;
    color: #c8102e;
    font-weight: 600;
    text-transform: uppercase;
	/*width: 200px; commented out to allow for use with btn-block*/
	transition: .3s all ease;
}
a.reverse.btn.btn-primary:hover{
    background-color: #c8102e;
    color: #ffffff;
}
/*** Home page panels ***/
 .box {
	 display: block;
	 background-color:#ffffff;
	 box-sizing: border-box;
	 padding:1em;
}
 .box-shadow-transition {
	 transition: box-shadow, 0.5s;
	 background-color: rgba(255,255,255,.8);
}
 .box-shadow-transition:hover {
	 box-shadow: 0px 4px 8px #999;
	 background-color:#c8102e;
	 color:#ffffff;
}
/*Take the Next Step Section Styles*/
 figure.apply-now {
	 font-family: Arial, sans-serif;
	 color: #fff;
	 position: relative;
	 float: left;
	/* overflow: hidden;
	 */
	 margin: 10px 1%;
	/* min-width: 220px;
	 */
	 max-width:600px;
	 max-height: 400px;
	 width: 100%;
	 background: #c8102e;
	 text-align: center;
}
 figure.apply-now * {
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
}
 figure.apply-now img {
	 max-width: 100%;
	 opacity: 1;
	 width: 100%;
	 -webkit-transition: opacity 0.35s;
	 transition: opacity 0.35s;
}
 figure.apply-now i {
	 max-width: 100%;
	 opacity: .8;
	 width: 100%;
	 color:#990000;
	 font-size:10em;
	 text-align: center;
	 -webkit-transition: opacity 0.35s;
	 transition: opacity 0.35s;
}
 figure.apply-now figcaption {
	 position: absolute;
	 bottom: 0px;
	 left: 0;
	 padding:20px 0em 20px 0em;
	 width: 100%;
	 height: auto;
	 margin-bottom: 4em;
}
 figure.apply-now figcaption::before {
	 position: absolute;
	 top: 20px;
	 right: 1em;
	 bottom: 20px;
	 left: 100%;
	/*border-left: 4px solid rgba(255, 255, 255, 0.8);
	 */
	 border-left: 0px solid rgba(255, 255, 255, 0.8);
	 content: '';
	 opacity: 0;
	/*background-color: rgba(255, 255, 255, 0.5);
	 -webkit-transition: all 0.5s;
	 transition: all 0.5s;
	 -webkit-transition-delay: 0.6s;
	 transition-delay: 0.6s;
	 */
}
 figure.apply-now h2{
	 margin: 0 1em 5px;
	 opacity: 1;
	 font-size: 24px;
	 text-shadow: 2px 2px 2px #000;
	 text-align: center;
	 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	 transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}
 figure.apply-now p {
	 margin: 0 0 5px;
	 opacity: 0;
	 text-shadow: 2px 2px 2px #000;
	 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	 transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}
 figure.apply-now h2 {
	 word-spacing: 0.15em;
	 font-weight: 300;
	/* text-transform: uppercase;
	 */
	 -webkit-transform: translate3d(0%, 0%, 0);
	 transform: translate3d(0%, 0%, 0);
	 -webkit-transition-delay: 0.3s;
	 transition-delay: 0.3s;
}
 figure.apply-now h2 span {
	 font-weight: 600;
}
 figure.apply-now p {
	 font-weight: 200;
	 -webkit-transform: translate3d(0%, 30%, 0);
	 transform: translate3d(0%, 30%, 0);
	 -webkit-transition-delay: 0s;
	 transition-delay: 0s;
}
 figure.apply-now a {
	 left: 0;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 position: absolute;
	 color: #ffffff;
}
 figure.apply-now:hover img {
	 opacity: 0.3;
}
 figure.apply-now:hover figcaption h2, figure.apply-now:focus figcaption h2 {
	 opacity: 1;
	 -webkit-transform: translate3d(0%, 0%, 0);
	 transform: translate3d(0%, 0%, 0);
	 -webkit-transition-delay: 0.4s;
	 transition-delay: 0.4s;
}
 figure.apply-now:hover figcaption p, figure.apply-now:focus figcaption p {
	 opacity: 0.9;
	 -webkit-transform: translate3d(0%, 0%, 0);
	 transform: translate3d(0%, 0%, 0);
	 -webkit-transition-delay: 0.6s;
	 transition-delay: 0.6s;
}
 figure.apply-now:hover figcaption::before {
	 background: rgba(255, 255, 255, 0);
	 left: 20px;
	 opacity: 1;
	 -webkit-transition-delay: 0s;
	 transition-delay: 0s;
}
 .container-fluid.dark-gray h2, .container-fluid.red h2, .container-fluid.white h2, .container-fluid.light-gray h2{
	 font-weight: 600;
}
 .container-fluid.dark-gray, .container.dark-gray {
	 background-color:#222222;
	 color:#ffffff;
	 padding: 1em 1em;
	 margin-top:0em;
	 border-bottom: 10px #efefef solid;
}
 
 .container-fluid.light-gray, .container.light-gray {
	 background-color:#a5a7a8;
	 color:#000000;
	 padding: 1em 1em 1em;
	 border-bottom: 10px #efefef solid;
}
 .container-fluid.red, .container.red {
	 background-color:#c8102e;
	 color:#ffffff;
	 padding: 1em 1em;
	 border-bottom: 10px #efefef solid;
}
 .container-fluid.white, .container.white {
	 padding: 1em 1em;
	 border-bottom: 10px #efefef solid;
}
/*.container-fluid.white.open-house, .container.white.open-house {
	 position:relative;
	 background:url( ../images/open-house.jpg) center center no-repeat;
	 background-position: center;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
	 min-height: 700px;
}
 */
 .container-fluid.white.bythenumbers, .container.white.bythenumbers {
	 position:relative;
	 background: url(https://www.niu.edu/images/by-the-numbers.jpg);
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-position: center center;
	 min-height: 250px;
	 margin-top:0em;
	/*background-size: 100%;
	 */
}
 .container-fluid.white.bythenumbers h2, .container.white.bythenumbers h2 {
	 color:#ffffff;
	 text-shadow: 2px 2px 3px #333;
}


/*.open-house-text-block{
	 position:absolute;
	 bottom:3em;
	 background-color: rgba(255,255,255,.8) 
}
 */
/*Instragram Section Styles*/
 figure.instagram {
	 font-family: Arial, sans-serif;
	 color: #fff;
	 position: relative;
	 float: left;
	 overflow: hidden;
	 margin: 10px 1%;
	/* min-width: 220px;
	 */
	 max-width: 310px;
	 max-height: 310px;
	 width: 100%;
	 background: #000000;
	 text-align: left;
}
 figure.instagram * {
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
}
 figure.instagram img {
	 max-width: 100%;
	 opacity: 1;
	 width: 100%;
	 -webkit-transition: opacity 0.35s;
	 transition: opacity 0.35s;
}
 figure.instagram figcaption {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	/*padding: 30px 3em;
	 */
	 padding:20px 1em 20px 2em;
	 width: 100%;
	 height: auto;
}
 figure.instagram figcaption::before {
	 position: absolute;
	 top: 20px;
	 right: 1em;
	 bottom: 20px;
	 left: 100%;
	 border-left: 4px solid rgba(255, 255, 255, 0.8);
	 content: '';
	 opacity: 0;
	 background-color: rgba(255, 255, 255, 0.5);
	 -webkit-transition: all 0.5s;
	 transition: all 0.5s;
	 -webkit-transition-delay: 0.6s;
	 transition-delay: 0.6s;
}
 figure.instagram h2, figure.instagram p {
	 margin: 0 0 5px;
	 opacity: 0;
	 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	 transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}
 figure.instagram h2 {
	 word-spacing: -0.15em;
	 font-weight: 300;
	 text-transform: uppercase;
	 -webkit-transform: translate3d(30%, 0%, 0);
	 transform: translate3d(30%, 0%, 0);
	 -webkit-transition-delay: 0.3s;
	 transition-delay: 0.3s;
}
 figure.instagram h2 span {
	 font-weight: 600;
}
 figure.instagram p {
	 font-weight: 200;
	 -webkit-transform: translate3d(0%, 30%, 0);
	 transform: translate3d(0%, 30%, 0);
	 -webkit-transition-delay: 0s;
	 transition-delay: 0s;
}
 figure.instagram a {
	 left: 0;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 position: absolute;
	 color: #ffffff;
}
 figure.instagram:hover img {
	 opacity: 0.3;
}
 figure.instagram:hover figcaption h2 {
	 opacity: 1;
	 -webkit-transform: translate3d(0%, 0%, 0);
	 transform: translate3d(0%, 0%, 0);
	 -webkit-transition-delay: 0.4s;
	 transition-delay: 0.4s;
}
 figure.instagram:hover figcaption p {
	 opacity: 0.9;
	 -webkit-transform: translate3d(0%, 0%, 0);
	 transform: translate3d(0%, 0%, 0);
	 -webkit-transition-delay: 0.6s;
	 transition-delay: 0.6s;
}
 figure.instagram:hover figcaption::before {
	 background: rgba(255, 255, 255, 0);
	 left: 20px;
	 opacity: 1;
	 -webkit-transition-delay: 0s;
	 transition-delay: 0s;
}
 figure.instagram.grid-lg {
	 max-width: 310px;
	 margin: 0 10px 10px 0;
	 display: inline-block;
	 position: relative;
}
 figure.instagram.grid-sm-margin-top {
	 max-width: 220px;
	 margin: 89px 10px 10px 0;
	 display: inline-block;
}
 figure.instagram.grid-sm {
	 max-width: 220px;
	 margin: 0px 10px 10px 0;
	 display: inline-block;
}
 figure.instagram.grid-lg:last-child, figure.instagram.grid-sm:last-child {
	 margin: 0 0 10px 0;
}
/*See Your Future Section Styles*/
 figure.future {
	 font-family: Arial, sans-serif;
	 color: #fff;
	 position: relative;
	 float: left;
	/* overflow: hidden;
	 */
	 margin: 10px 1%;
	/* min-width: 220px;
	 */
	 max-width:600px;
	 max-height: 400px;
	 width: 100%;
	/* background: #ffffff;
	 */
	 text-align: left;
}
 figure.future.orange {
	 background: #E35205;
}
 figure.future.chartruese {
	 background: #D0DF00;
}
 figure.future.yellow {
	 background: #FEDB00;
}
 figure.future.green {
	 background: #43B02A;
}
 figure.future.teal {
	 background: #00968F;
}
 figure.future.blue {
	 background: #00A9E0;
}
 figure.future.dk-blue {
	 background: #1D428A;
}
 figure.future.none {
	 background: transparent;
}
 figure.future * {
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
}
 figure.future img {
	 max-width: 100%;
	 opacity: 1;
	 width: 100%;
	 -webkit-transition: opacity 0.35s;
	 transition: opacity 0.35s;
}
 figure.future figcaption {
	 position: absolute;
	 bottom: 0px;
	 left: 0;
	/* padding: 30px 3em;
	 */
	 background-color: rgba(51, 51, 51, 0.5);
	 padding:20px 1em 20px 2em;
	 width: 100%;
	 height: auto;
}
 figure.future figcaption::before {
	 position: absolute;
	 top: 20px;
	 right: 1em;
	 bottom: 20px;
	 left: 100%;
	 border-left: 4px solid rgba(255, 255, 255, 0.8);
	 content: '';
	 opacity: 0;
	 background-color: rgba(51, 51, 51, 0.5);
	 -webkit-transition: all 0.5s;
	 transition: all 0.5s;
	 -webkit-transition-delay: 0.6s;
	 transition-delay: 0.6s;
}
 figure.future h2{
	 margin: 0 0 5px;
	 opacity: 1;
	 text-shadow: 2px 2px 2px #000;
	 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	 transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}
 figure.future h2 small {
	 color:#ffffff;
}
 figure.future h3{
	 margin: 0 0 5px;
	 opacity: 1;
	 text-shadow: 2px 2px 2px #000;
	 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	 transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}
 figure.future h3 small {
	 color:#ffffff;
}
 figure.future p {
	 margin: 0 0 5px;
	 opacity: 0;
	 text-shadow: 2px 2px 2px #000;
	 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	 transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}
 figure.future h2 {
	 word-spacing: 0em;
	 font-weight: 300;
	 font-size:24px;
	/*text-transform: uppercase;
	 */
	 -webkit-transform: translate3d(0%, 0%, 0);
	 transform: translate3d(0%, 0%, 0);
	 -webkit-transition-delay: 0.3s;
	 transition-delay: 0.3s;
}
 figure.future h2 span {
	 font-weight: 600;
}
 figure.future h3 {
	 word-spacing: 0em;
	 font-weight: 600;
	 font-size:24px;
	/*text-transform: uppercase;
	 */
	 -webkit-transform: translate3d(0%, 0%, 0);
	 transform: translate3d(0%, 0%, 0);
	 -webkit-transition-delay: 0.3s;
	 transition-delay: 0.3s;
}
 figure.future h3 span {
	 font-weight: 600;
}
 figure.future p {
	 font-weight: 200;
	 font-size:18px;
	 -webkit-transform: translate3d(0%, 30%, 0);
	 transform: translate3d(0%, 30%, 0);
	 -webkit-transition-delay: 0s;
	 transition-delay: 0s;
}
 figure.future a {
	 left: 0;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 position: absolute;
	 color: #ffffff;
}
 figure.future:hover img {
	 opacity: 0.3;
}
 figure.future:hover figcaption h2, figure.future:focus figcaption h2 {
	 opacity: 1;
	 -webkit-transform: translate3d(0%, 0%, 0);
	 transform: translate3d(0%, 0%, 0);
	 -webkit-transition-delay: 0.4s;
	 transition-delay: 0.4s;
}
 figure.future:hover figcaption p, figure.future:focus figcaption p {
	 opacity: 0.9;
	 -webkit-transform: translate3d(0%, 0%, 0);
	 transform: translate3d(0%, 0%, 0);
	 -webkit-transition-delay: 0.6s;
	 transition-delay: 0.6s;
}
 figure.future:hover figcaption::before {
	 background: rgba(255, 255, 255, 0);
	 left: 20px;
	 opacity: 1;
	 -webkit-transition-delay: 0s;
	 transition-delay: 0s;
}
 .back-to-top {
	 cursor: pointer;
	 position: fixed;
	 bottom: 60px;
	 right: 20px;
	 display:none;
}
 footer {
	 background-color: #000000;
	 color:#ffffff;
	 padding-bottom: 2em;
}
 footer a {
	 color:#ffffff;
}

 footer a:hover,
 footer a:focus,
 footer a:active {
	 color:#efefef;
}
 footer .address {
	 text-align: right;
}
 footer .copyright {
	 text-align: center;
}
 footer ul.list-unstyled{
	 margin-top:3em;
}
 footer ul.list-unstyled a{
	 margin:.5em 0;
}
 footer ul.list-group{
	 margin-top:3em;
}
 footer ul.list-group li.list-group-item{
	 background-color: #000000;
	 border:0px;
}
 footer ul.about-list {
	 list-style-type: none;
	 border-left: 1px solid #fff;
	 line-height: 1.5em;
	 padding-left: 1em;
}
/* iPads (portrait) ----------- */
 @media only screen and (min-device-width : 768px) and (orientation : portrait) {
	 #global-nav {
		 margin-left:1.5em;
	}
	 #global-nav a {
		 color: #ffffff;
		 text-align: center;
		 padding: 15px 8px;
		 font-size: .9em;
		 font-weight: 400;
	}
	 .home-logo-horz-x {
		 position: relative;
		 z-index: 1003;
		 margin-left: 1em;
		 max-width: 160px;
	}
	a.homepage.btn.btn-primary {
	 padding: 18px 12px;
	 border-radius: 0px;
	 background-color: #c8102e;
	 border: 3px solid #fff;
	 color: #fff;
	 font-weight: 600;
	 text-transform: uppercase;
	 width: 180px;
	 transition: .3s all ease;
}
}
 @media (max-width: 767px){
	 .h2, h2 {
		 font-size: 28px;
	}
	 #global-nav {
		 background-color:rgba(200,14,46,1);
		 color:#ffffff;
		 z-index: 1002;
		 margin-left:0em;
	}
	 .affix {
		 top: 0;
		 width: 100%;
		 z-index: 9999 !important;
		 background-color: #222222;
		 height: auto;
	}
	 img.niu-logo-mobile {
		 position: relative;
		 z-index: 1003;
		 margin-left: 1em;
		 max-width: 160px;
	}
	 .affix {
		 top:0px;
		 width: 100%;
		 z-index: 9999 !important;
		 background-color: #222222;
	}
	 .navbar-form .form-control {
		 display: inline-block;
		 width: auto;
		 vertical-align: middle;
	}
	 .navbar-nav .open .dropdown-menu.info, .navbar-nav .open .dropdown-menu.quick-links{
		 position: static;
		 float: none;
		 width: 100px;
		 margin-top: 0;
		 background-color: #ffffff;
		 border: 0;
		 -webkit-box-shadow: none;
		 box-shadow: none;
	}
	 .navbar-form {
		 padding: 10px 15px 0px;
		 margin-top: 0px;
		 margin-right: -15px;
		 margin-bottom: 0px;
		 margin-left: -15px;
		 border-top: 0px solid transparent;
		 border-bottom: 0px solid transparent;
		 -webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0), 0 1px 0 rgba(255, 255, 255, 0);
		 box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0), 0 0px 0 rgba(255, 255, 255, 0);
	}
	 #global-mobile-nav.navbar-nav .open .dropdown-menu > li > a, #global-mobile-nav.navbar-nav .open .dropdown-menu .dropdown-header {
		 padding: 5px 15px 5px 15px;
	}
	 #global-mobile-nav.navbar-nav .open .dropdown-menu > li > a {
		 line-height: 20px;
	}
	 #global-mobile-nav.navbar-nav .open .dropdown-menu > li > a:hover, #global-mobile-nav.navbar-nav .open .dropdown-menu > li > a:focus {
		 background-image: none;
	}
	 .jumbotron p {
		 margin-bottom: 15px;
		 font-size: .5em;
		 font-weight: 400;
	}
	 .carousel-caption {
		 position: absolute;
		 right: 10%;
		 bottom: 20px;
		 left: 10%;
		 z-index: 10;
		 padding-top: 0px;
		 padding-bottom: 10px;
		 color: #fff;
		 text-align: center;
		 text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	}
	 .carousel-caption h2 {
		 display:none 
	}
	 .carousel-caption p {
		 font-size:1em;
	}
	 .container-fluid.white.open-house, .container.white.open-house {
		 position:relative;
		 background:url( ../images/open-house.jpg) center center no-repeat;
		 background-position: center;
		 -webkit-background-size: cover;
		 -moz-background-size: cover;
		 -o-background-size: cover;
		 background-size: cover;
		 min-height: 350px;
	}
	 .carousel-indicators li {
		 display: inline-block;
		 width: 12px;
		 height: 12px;
		 margin: 1px 8px;
		 text-indent: -999px;
		 cursor: pointer;
		 background-color: #000 \9;
		 background-color: rgba(255, 255, 255, 1);
		 border: 1px solid #fff;
		 border-radius: 12px;
	}
	 .carousel-indicators .active {
		 width: 12px;
		 height: 12px;
		 margin: 1px 8px;
		 background-color: #c8102e;
	}
	 .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
		 width: 30px;
		 height: 30px;
		 margin-top: -60px;
		 font-size: 95px;
	}
	 .open-house-text-block{
		 position:absolute;
		 bottom:2em;
		 background-color: rgba(255,255,255,.8) 
	}
	 .container-fluid.white.open-house p.text-left, .container.white.open-house p.text-left {
		 display: none;
	}
	.container-fluid.dark-gray-fall-mobile, .container.dark-gray-fall-mobile {
    background-color: #ffffff;
    color: #ffffff;
    padding: 2em 1em;
    margin-top: 0em;
    border-bottom: 10px #efefef solid;
    background-image: url(http://walk.niu.edu/niu/images/fall-lagoon-lrg.png);
    background-position: -50px 0px;
    background-repeat: no-repeat;
    /*background-size: cover;*/
    /*max-height: 500px;*/
    
}
.container-fluid.dark-gray-fall-mobile h2 {
    text-shadow: 2px 2px 3px #000;
    font-size:2em;
}


.container-fluid.dark-gray-fall-mobile figure.future {
    margin-bottom: 10em;
    border: 4px solid #fff;
}
.container-fluid.dark-gray-fall-mobile .video-overlay {
    position: relative;
    width: 100%;
    background-color: transparent;
    color: #fff;
    padding: 0;
    text-align: left;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
    line-height: 1;
    bottom: 12em;
    margin-bottom: 0em;
}
	 
	 
.navbar-form .form-control {
		 display: inline-block;
		 width: auto;
		 vertical-align: middle;
	}
	 #main-nav .nav > li > a{
		 width:100%;
	}
	 #main-nav .dropdown-menu {
		 background-color:#ffffff;
	}
	 #main-nav .dropdown-menu > li > a {
		 display: block;
		 padding: 15px 20px;
		 clear: both;
		 font-weight: normal;
		 line-height: 1.42857143;
		 color: #c8102e;
		 white-space: nowrap;
		 border-left:3px solid #ffffff;
	}
	 #main-nav .dropdown-menu > li > a:hover {
		 border-left:3px solid #c8102e;
	}
	/*Take the Next Step Section Styles*/
	 figure.apply-now {
		 font-family: Arial, sans-serif;
		 color: #fff;
		 position: relative;
		 float: left;
		/* overflow: hidden;
		 */
		 margin: 10px 1%;
		/* min-width: 220px;
		 */
		 max-width:600px;
		 max-height: 400px;
		 width: 100%;
		 background: #c8102e;
		 text-align: center;
	}
	 figure.apply-now * {
		 -webkit-box-sizing: border-box;
		 box-sizing: border-box;
	}
	 figure.apply-now img {
		 max-width: 100%;
		 opacity: 1;
		 width: 100%;
		 -webkit-transition: opacity 0.35s;
		 transition: opacity 0.35s;
	}
	 figure.apply-now i {
		 max-width: 100%;
		 opacity: .8;
		 width: 100%;
		 color:#990000;
		 font-size:6em;
		 text-align: center;
		 -webkit-transition: opacity 0.35s;
		 transition: opacity 0.35s;
	}
	 figure.apply-now figcaption {
		 position: absolute;
		 bottom: 0px;
		 left: 0;
		 padding:20px 0em 0em;
		 width: 100%;
		 height: auto;
		 margin-bottom: 3em;
	}
	 figure.apply-now figcaption::before {
		 position: absolute;
		 top: 20px;
		 right: 1em;
		 bottom: 20px;
		 left: 100%;
		/*border-left: 4px solid rgba(255, 255, 255, 0.8);
		 */
		 border-left: 0px solid rgba(255, 255, 255, 0.8);
		 content: '';
		 opacity: 0;
		/*background-color: rgba(255, 255, 255, 0.5);
		 -webkit-transition: all 0.5s;
		 transition: all 0.5s;
		 -webkit-transition-delay: 0.6s;
		 transition-delay: 0.6s;
		 */
	}
	 figure.apply-now h2{
		 margin: 0 0em 5px;
		 opacity: 1;
		 font-size: 17px;
		 text-shadow: 2px 2px 2px #000;
		 text-align: center;
		 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		 transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
	}
	 figure.apply-now p {
		 margin: 0 0 5px;
		 opacity: 0;
		 text-shadow: 2px 2px 2px #000;
		 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		 transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
	}
	 figure.apply-now h2 {
		 word-spacing: 0.15em;
		 font-weight: 300;
		/* text-transform: uppercase;
		 */
		 -webkit-transform: translate3d(0%, 0%, 0);
		 transform: translate3d(0%, 0%, 0);
		 -webkit-transition-delay: 0.3s;
		 transition-delay: 0.3s;
	}
	 figure.apply-now h2 span {
		 font-weight: 600;
	}
	 figure.apply-now p {
		 font-weight: 200;
		 -webkit-transform: translate3d(0%, 30%, 0);
		 transform: translate3d(0%, 30%, 0);
		 -webkit-transition-delay: 0s;
		 transition-delay: 0s;
	}
	 figure.apply-now a {
		 left: 0;
		 right: 0;
		 top: 0;
		 bottom: 0;
		 position: absolute;
		 color: #ffffff;
	}
	 figure.apply-now:hover img {
		 opacity: 0.3;
	}
	 figure.apply-now:hover figcaption h2, figure.apply-now:focus figcaption h2 {
		 opacity: 1;
		 -webkit-transform: translate3d(0%, 0%, 0);
		 transform: translate3d(0%, 0%, 0);
		 -webkit-transition-delay: 0.4s;
		 transition-delay: 0.4s;
	}
	 figure.apply-now:hover figcaption p, figure.apply-now:focus figcaption p {
		 opacity: 0.9;
		 -webkit-transform: translate3d(0%, 0%, 0);
		 transform: translate3d(0%, 0%, 0);
		 -webkit-transition-delay: 0.6s;
		 transition-delay: 0.6s;
	}
	 figure.apply-now:hover figcaption::before {
		 background: rgba(255, 255, 255, 0);
		 left: 20px;
		 opacity: 1;
		 -webkit-transition-delay: 0s;
		 transition-delay: 0s;
	}
	/*** Future section Video/Image Element Mobile ***/
	 figure.video {
		 font-family: Arial, sans-serif;
		 color: #fff;
		 position: relative;
		 float: left;
		 margin: 10px 1%;
		 text-align: left;
	}
	 figure.video * {
		 -webkit-box-sizing: border-box;
		 box-sizing: border-box;
	}
	 figure.video img {
		 max-width: 100%;
		 opacity: 1;
		 width: 100%;
		 -webkit-transition: opacity 0.35s;
		 transition: opacity 0.35s;
	}
	/* #homepage-video{
		 width:100%;
		 height:100%;
		 background:red;
		 position:absolute;
		 left:-1em;
		 top:0;
		 right:0;
		 bottom:0;
	}
	 .video-wrapper{
		 position:relative;
		 padding:56.25% 0 -1em;
	}
	 */
	 figure.video video {
		 position:relative;
		 padding:56.25% 0 0 -1em;
	}
	 figure.video figcaption {
		 position: absolute;
		 bottom: 0px;
		 left: 0;
		 background-color: rgba(51, 51, 51, 0.5);
		 padding:20px 1em 20px 2em;
		 width: 100%;
		 height: auto;
	}
	 figure.video h2{
		 margin: 0 0 5px;
		 opacity: 1;
		 text-shadow: 2px 2px 2px #000;
		 font-size:1.5em;
	}
	 figure.video p {
		 margin: 0 0 5px;
		 opacity: 1;
		 text-shadow: 2px 2px 2px #000;
	}
	 figure.video h2 {
		 word-spacing: 0em;
		 font-weight: 300;
		 font-size:1.5em;
		 -webkit-transform: translate3d(0%, 0%, 0);
		 transform: translate3d(0%, 0%, 0);
		 -webkit-transition-delay: 0.3s;
		 transition-delay: 0.3s;
	}
	 figure.video h2 small{
		 color:#ffffff;
		 font-size: .65em;
		 text-shadow: 2px 2px 2px #000;
	}
	 figure.video h2 span {
		 font-size:1.5em;
	}
	 figure.video p {
		 font-weight: 200;
	}
	 figure.video a {
		 left: 0;
		 right: 0;
		 top: 0;
		 bottom: 0;
		 color: #ffffff;
	}
	 figure.video:hover video {
		 opacity: 1;
	}
	 figure.video:hover img {
		 opacity: 1;
	}
	 figure.video:hover figcaption::before {
		 background: rgba(255, 255, 255, 0);
		 left: 20px;
		 opacity: .5;
		 -webkit-transition-delay: 0s;
		 transition-delay: 0s;
	}
	 .count, .counted, .rowCount {
		 font-size: 60px;
		 font-weight: 800;
		 color: #000000;
	}
	 .back-to-top {
		 cursor: pointer;
		 position: fixed;
		 bottom: 20px;
		 right: 10px;
		 display:none;
	}
	 a.back-to-top.btn.btn-primary {
		 padding: 16px 18px;
		 border-radius: 30px;
		 background-color: #ffffff;
		 border: 1px solid #c8102e;
		 color:#c8012e;
	}
	 footer address {
		 margin-left:3em;
	}
	 footer ul.list-group {
		 margin-top: 1em;
	}
	 footer .list-group {
		 margin-bottom: 0px;
	}
	 .navbar.mobilenav button.navbar-toggle {
		 height: 36px;
		 width: 44px;
		 border-color: #333;
		 background-color: #333;
		 color: #fff;
		 font-size: 1em;
		 margin-top: 3px;
		 margin-bottom: 3px;
		 margin-right: 1%;
	}
	/*** Future section Video/Image Element Mobile ***/
	 figure.video {
		 font-family: Arial, sans-serif;
		 color: #fff;
		 position: relative;
		 float: left;
		 margin: 10px 1%;
		 text-align: left;
	}
	 figure.video * {
		 -webkit-box-sizing: border-box;
		 box-sizing: border-box;
	}
	 figure.video img {
		 max-width: 100%;
		 opacity: 1;
		 width: 100%;
		 -webkit-transition: opacity 0.35s;
		 transition: opacity 0.35s;
	}
	 #homepage-video{
		 width:100%;
		 height:100%;
		 background:red;
		 position:absolute;
		 left:-1em;
		 top:0;
		 right:0;
		 bottom:0;
	}
	 .video-wrapper{
		 position:relative;
		 padding:56.25% 0 -1em;
	}
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
	 .modal-dialog {
		 width: 750px;
	}
	 .affix {
		 height: auto;
	}
	 .navbar-form .form-control {
		 display: inline-block;
		 width: 125px;
		 vertical-align: middle;
	}
	 .carousel-caption h2 {
		 font-size: 32px;
	}
	 .carousel-caption p{
		 font-size: 1.5em;
	}
	 #main-nav .nav > li > a {
		 color: #ffffff;
		 font-size: 1.1em;
		 font-weight: 600;
		 padding: 15px 12px;
		 border-bottom: 4px solid #222;
		 text-align: center;
	}
	 .container-fluid.white.bythenumbers, .container.white.bythenumbers {
		 position: relative;
		 background: url(https://www.niu.edu/images/by-the-numbers.jpg);
		 -webkit-background-size: cover;
		 -moz-background-size: cover;
		 -o-background-size: cover;
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
		 min-height: 450px;
		/* background-size: 100%;
		 */
	}
	 .container-fluid.white.bythenumbers, .container.white.bythenumbers h2 {
		 margin-bottom:0em;
	}
	 .container-fluid.white.bythenumbers, .container.white.bythenumbers p {
		 font-size:.7em;
	}
	 .count, .counted, .rowCount {
		 font-size: 50px;
		 font-weight: 800;
		 color: #000000;
	}
}
 @media (min-width: 992px){
	 .navbar-form .form-control {
		 display: inline-block;
		 width: 150px;
		 vertical-align: middle;
	}
	 #main-nav .nav > li > a {
		 color: #ffffff;
		 font-size: 1.15em;
		 font-weight: 600;
		 padding: 15px 15px 10px;
		 border-bottom: 4px solid #222;
		 text-align: center;
	}
	 .carousel-caption h2{
		 font-size: 38px;
		 font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
		 color: rgba(255,255,255,1.00);
		 text-shadow: 2px 2px 3px #333;
	}
	 .count, .counted, .rowCount {
		 font-size: 75px;
		 font-weight: 800;
		 color: #000000;
	}
}
 @media (min-width: 1200px){
	 #main-nav .nav > li > a {
		 color: #ffffff;
		 font-size: 1.15em;
		 font-weight: 600;
		 padding: 15px 15px 10px;
		 border-bottom: 4px solid #222;
		 text-align: center;
	}
	 .count, .counted, .rowCount {
		 font-size: 100px;
		 font-weight: 800;
		 color: #000000;
	}
}
/*** Font Awesome Custom CSS created by Jory Keller April 10, 2017 ***/
/*footer .social {
	 margin: 0;
	 margin-top: 1em;
	 padding: 0;
}
 footer .social ul {
	 margin: 0;
	 padding: 5px;
}
 footer .social ul li {
	 margin: 5px;
	 list-style: none outside none;
	 display: inline-block;
}
 */
 .social i {
	 margin-top: 1em;
	 width: 40px;
	 height: 40px;
	 color: #fff;
	 text-align: center;
	 padding-top: 6px;
	 -moz-border-radius: 50%;
	 -webkit-border-radius: 50%;
	 -o-border-radius: 50%;
	 border-radius: 50%;
	 -moz-transition: all ease 0.3s;
	 -webkit-transition: all ease 0.3s;
	 -o-transition: all ease 0.3s;
	 -ms-transition: all ease 0.3s;
	 transition: all ease 0.3s;
}
 .social i:hover {
	/*color: #ffffff;
	 */
	 text-decoration: none;
	 transition: all ease 0.3s;
	 -moz-transition: all ease 0.3s;
	 -webkit-transition: all ease 0.3s;
	 -o-transition: all ease 0.3s;
	 -ms-transition: all ease 0.3s;
}
 footer .athletics {
	 position: relative;
	 top: -40px;
	 text-align: center;
}
 .social .fa-instagram {
	 color:#ffffff;
	 background: #ea27e3;
}
 .social .fa-instagram:hover {
	 color:#ea27e3;
	 background: #ffffff;
}
 .social .fa-twitter{
	 color:#ffffff;
	 background: #00abe3;
}
 .social .fa-twitter:hover {
	 color:#00abe3;
	 background: #ffffff;
}
 .social .fa-facebook {
	 background: #4060a5;
	 color:#ffffff;
}
 .social .fa-facebook:hover {
	 color:#4060a5;
	 background: #ffffff;
}
 .social .fa-youtube {
	 color:#ffffff;
	 background: #ff1f25;
}
 .social .fa-youtube:hover {
	 color: #ff1f25;
	 background: #ffffff;
}
 .social .fa-linkedin {
	 color:#ffffff;
	 background: #0094bc;
}
 .social .fa-linkedin:hover {
	 color:#0094bc;
	 background: #ffffff;
}

 .social .fa-snapchat-ghost {
	 color:#ffffff;
	 background: #fffc00;
	 text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
 .social .fa-snapchat-ghost:hover {
	 color:#fffc00;
	 background: #ffffff;
	 text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
/* * @subsection ToTop * @license MIT license - https://opensource.org/licenses/MIT * @version 1.0.0 */
 .ui-to-top {
	 width: 50px;
	 height: 50px;
	 font-size: 24px;
	 line-height: 46px;
	 color: #FFF;
	 background: #ea6c56;
	 border-radius: 50%;
	 position: fixed;
	 right: 15px;
	 bottom: 15px;
	 overflow: hidden;
	 text-align: center;
	 text-decoration: none;
	 z-index: 20;
	 transition: .3s all ease;
	 -webkit-transform: translateY(100px);
	 transform: translateY(100px);
}
 .ui-to-top:focus {
	 background: #ea6c56;
	 color: #FFF;
}
 .ui-to-top:hover, .ui-to-top:focus:hover {
	 color: #FFF;
	 background: #43ca83;
	 text-decoration: none;
}
 .ui-to-top.active {
	 -webkit-transform: translateY(0);
	 transform: translateY(0);
}
 .mobile .ui-to-top, .tablet .ui-to-top {
	 display: none !important;
}
 @media (min-width: 480px) {
	 .ui-to-top {
		 right: 40px;
		 bottom: 40px;
	}
}
 .animated {
	 -webkit-animation-duration: 1s;
	 animation-duration: 1s;
	 -webkit-animation-fill-mode: both;
	 animation-fill-mode: both;
	 opacity: 1;
}
 .animated.infinite {
	 -webkit-animation-iteration-count: infinite;
	 animation-iteration-count: infinite;
}
 .animated.hinge {
	 -webkit-animation-duration: 2s;
	 animation-duration: 2s;
}
 html:not(.lt-ie10) .not-animated {
	 opacity: 0;
}
 .divider-xs:before {
	 position: absolute;
	 bottom: -20px;
	 left: 50%;
	 -webkit-transform: translateX(-50%);
	 transform: translateX(-50%);
	 content: '';
	 display: inline-block;
	 height: 5px;
	 width: 30px;
	 background-color: #e4e4e4;
	 border-radius: 2px;
}
/** Styles for Counter, Fixed Nav and Back To Top **/
 body {
	 position: relative;
}
 .navbar {
	 margin-bottom: 0px;
}
 .affix ~ .container {
	 position: relative;
	 top: 0px;
}
 .navbar-inverse {
	/* background-color: rgba(255, 255, 255, .8);
	 */
	 border-color:transparent;
	 z-index: 1001;
}
 #main-nav-ul {
	 background-color:#222;
}
/*.video-header {
	 position: relative;
	 display: block;
	 margin-top:1em;
	 padding-bottom: 56.25%;
	 padding-top: 0px;
}
 .video-header video {
	 width: 100%;
	 height: auto;
	 line-height: 0;
	 display: block;
}
 */
.video-overlay {
    position: relative;
    width: 100%;
    background-color: #222222;
    background-color: rgba(51,51,51,.5);
    color: #fff;
    padding: 0;
    text-align: left;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
    line-height: 1;
    bottom: 9.35em;
    margin-bottom: 0em;
}

.video-overlay>h2 {
    margin: 0 1em;
    padding:1em 0;
}

@media (min-width: 1200px){

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    width: 100%;
    height: auto;
}

}

/* Visual Tabs */
ul.nav.nav-tabs.visual li a{
	font-family: 'Arial-Narrow', Arial, sans-serif;
	font-size:1.5rem;
	font-weight: 600;
    background-color: #ededed;
	color:#000000;
	padding:1em 0;
	border-radius: 0;
	border:1px solid #ededed;
}

ul.nav.nav-tabs.visual li a:hover,
ul.nav.nav-tabs.visual li a:focus{
    background-color: #ffffff;

}

ul.nav.nav-tabs.visual li.active a {
	background-color: #c8102e;
	color:#fff;
	border:0;
}


 @media(max-width:767px){
	
	ul.nav.nav-tabs.visual li a{
	font-family: 'Arial-Narrow', Arial, sans-serif;
	font-size:1.5rem;
	font-weight: 300;
/*	background-color: rgba(0,0,0,.7)!important;*/
	color:#000000;
	border:0px;
	padding:1em 0;
}
	
	ul.nav.nav-tabs.visual li a::after{
	 font-family: 'Glyphicons Halflings';
	 content:"\2b";
	 font-weight: 300;
	position:absolute;
	right:10px;
	top:15px;
	color:#999;
	 
	}
	 
	 ul.nav.nav-tabs.visual li.active a::after{
	 font-family: 'Glyphicons Halflings';
	content:"\2212";
	 font-weight: 300;
	position:absolute;
	right:10px;
	top:15px;
	 color:#fff;
	}
}