@charset "UTF-8";
/* CSS Document */


/*Below added for scrolling text announcements */
.scroll-left {
 height: 50px;	
 overflow: hidden;
 position: relative;
 background: #FFFFFF;
 color: red;
 border: 1px solid red;
	width:100%;
}
.scroll-left p {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: scroll-left 30s linear infinite;
 -webkit-animation: scroll-left 30s linear infinite;
 animation: scroll-left 30s 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%); 
 }
}
/*************** END - scroll text ***************/


.navbar-fixed {
	top: 0;
	z-index: 100;
	position: fixed;
	width: 100%;
}

/**** removed from original ****
	#body_div {
  top: 0;
  position: relative;
  height: 200px;
  background-color: green;
}*/
	
#body_div {
	margin-top: 1em;
	padding-top: 5px;
}
	
#body_div .row {
	margin-top: 1em;
}
	
	.blue-bg {
			background-color: #16185e;

	}

#banner {
	width: 100%;
	background-color: #16185e;
	overflow: hidden;
}
#nav_bar {
	border: 0;
	background-color: 202020;
	border-radius: 0px;
	margin-bottom: 0;
	height: 30px;
}
 /*the below css are for the links, not needed for sticky nav */ 
	.nav_links {
 margin: 0;
}
.nav_links li {
	display: inline-block;
	margin-top: 4px;
}
.nav_links li a {
	padding: 0 15.5px;
	color: #3498db;
	text-decoration: none;
}
.dropdown-menu li a:hover {
	background-color: lightgray;
}
#kepInfilinkLogo {
	margin-left: 25px;
	margin-bottom: 10px;
	padding-bottom: 10px;
    margin-right: 25px;
}
//Fade away top image on scroll
.top-image {
 margin: 0;
 position: relative;
 width: 100%;
 background-color: #aaa;
 height: 300px;
 opacity: 1;
 text-align: center;
 font-family: 'helvetica';
 font-size: 80px;
 font-weight: 100;
 color: #fff;
}
/*.title {
  position: absolute;
  top: 60%;
  left: 100px;
}	*/  
#nav_bar .navbar-brand {
	margin-top: 10px;
	padding-top: 0;
	margin-left: 5px;
	margin-right: 5px;
	height: 30px;
}
.navbar-brand > img {
		 width: 300px;
    }


.nav .navbar-nav .navbar-right {
			margin-right: 20px;
		}

	/* drop down menu on hover not click */
.dropdown:hover .dropdown-menu {
display: block;
}

/* navbar hover bg color */
		.navbar-default .navbar-nav > li:hover, .navbar-default .navbar-nav > li:focus {
    background-color: lightgray;
    color: #FFFFFF;
}
		.navbar-default .navbar-nav {
			font-weight: bold;
			color: #EE090D;
		}
		#phone-number a:hover {
			background-color: #FFFFFF;
		}
		
	
/*css for fade in on page elements*/	
.fade {
  opacity: 0;
}
	#top-pics img {
		width: 100%;
		max-width: 500px;
	}
	
	#block-diag img {
		width: 100%;
		max-width: 1920px;
	}
	
	.text-white {
		color: #FFFFFF;
	}
	
	.row-no-space { 
		margin: 0px; 
	}
	
	/*
 * Responsive text aligning
 	*/
.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }

@media (min-width: 768px) {
  .text-sm-left { text-align: left; }
  .text-sm-right { text-align: right; }
  .text-sm-center { text-align: center; }
  .text-sm-justify { text-align: justify; }
}

@media (min-width: 992px) {
  .text-md-left { text-align: left; }
  .text-md-right { text-align: right; }
  .text-md-center { text-align: center; }
  .text-md-justify { text-align: justify; }
}

@media (min-width: 1200px) {
  .text-lg-left { text-align: left; }
  .text-lg-right { text-align: right; }
  .text-lg-center { text-align: center; }
  .text-lg-justify { text-align: justify; }
}
	
	.lg-text {
		font-size: 30px;
	}
	
	.blue-pattern-bg {
		background-image: url(../images/ep_naturalblue.png);
		background-repeat: repeat;
	}
	
	hr.divider {
		color: #16185e;
	height: 10px;
		padding: 20px 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}

.text-primary {
	color: #16185e;
}

.text-primary a {
	color: #16185e;
}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align 
    text-align:left;*/
    /* inline-block space fix */
    margin-right:-4px;
}

#main-pic  {
	padding: 20px 0 0 0;
}
.container-fluid {
	padding: 0;
}
.btn-white-border {
		border: #FFFFFF medium solid;
	}

/* Text Submit Button - make form look like link
------------------------------------------------------------ */
/*.submitLink {
background-color: transparent;
text-decoration: underline;
border: none;
color: #c61a1a;
cursor: pointer;
width: 100%;
text-align:left;
font-size: 12px;
	font-weight: bold;
	padding: 10px 3px;
white-space: normal;
	
}

.submitLink:hover {
text-decoration: none;
color: black;
background: none;
}
*/

.submitLink {
background-color: transparent;
border: none;
cursor: pointer;
width: 100%;
text-align: left;
white-space: normal;
}

.submitLink-center {
background-color: transparent;
border: none;
cursor: pointer;
width: 100%;
text-align: center;
white-space: normal;
}
.submitLink:hover {
text-decoration: none;
}