/* color picker: http://www.w3schools.com/colors/colors_picker.asp?colorhex=7FFF00 
font awesome icons: http://fontawesome.io/icons/*/

.bg-grey {
	background-color: #f6f6f6;
}

.body {
	font: 400 15px Lato, sans-serif;
	line-height: 1.8;
	color: #818181;
}

.btn-IOD {
	background-color: #7DBA00;
	color: #fff;
}

.carousel-control.right, .carousel-control.left {
	background-image: none;
	color: #7DBA00;
}

.carousel-indicators li {
	border-color: #7DBA00;
}

.carousel-indicators li.active {
	background-color: #7DBA00;
}

.container-fluid {
	padding: 60px 50px;
}

.dropdown-menu {
	background-color: #7DBA00;
}

.dropdown-menu li a {
    color: #000000 !important;
	background-color: #7DBA00;
	font-size: 12px;
	letter-spacing: 4px;
	padding: 10px 0px;
	text-align: center;
}

.dropdown-menu li a:hover {
    color: #7DBA00 !important;
    background-color: #fff !important;
	font-size: 12px;
	letter-spacing: 4px;
	padding: 10px 0px;
	text-align: center;
}

footer .glyphicon {
	font-size: 20px;
	margin-bottom: 20px;
	color: #7DBA00;
}

h2 {
    font-size: 24px;
    text-transform: uppercase;
    color: #303030;
    font-weight: 600;
    margin-bottom: 30px;
}

h4 {
    font-size: 19px;
    line-height: 1.375em;
    color: #303030;
    font-weight: 400;
    margin-bottom: 30px;
}

.icon {
	height: 100%;
	width: auto;
	margin-left: 12px;
}

.item h4 {
	font-size: 19px;
	line-height: 1.375em;
	font-weight: 400;
	font-style: italic;
	margin: 70px 0;
}

.item span {
	font-style: normal;
}

.img-banner {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.jobLink:link, .jobLink:visited, .jobLink:hover, .jobLink:active {
	text-decoration: none;
	color: #000000;
}

.jumbotron {
	background-color: #f6f6f6;
	color: #ffffff;
	padding: 100px 25px;
	font-family: Montserrat, sans-serif;
}

.logo {
	color: #7DBA00;
	font-size: 200px;
	display: block;
	text-align: center;
	vertical-align: middle;
}

.fa-container {
	font-size: 200px;
	display: block;
	text-align: center;
	vertical-align: middle;
}

.logo-small {
	color: #7DBA00;
	font-size: 50px;
}

@media screen and (max-width: 768px) {
	.col-sm-4 {
		text-align: center;
		margin: 25px 0;
	}
}

.navbar {
    margin-bottom: 0;
    background-color: #7DBA00;
    z-index: 9999;
    border: 0;
    font-size: 12px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 4px;
    border-radius: 0;
	font-family: Montserrat, sans-serif;
}

.navbar li a, .navbar .navbar-brand {
    color: #fff !important;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
    color: #7DBA00 !important;
    background-color: #fff !important;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    color: #fff !important;
}

.table th {
	text-align: center;
	cursor: pointer;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
	background-color: #7DBA00;
	cursor: pointer;
}

td{overflow:hidden;}
td a {
	text-align: center;
	width: 100%;
	height: 100%;
	margin: -1000px;
	padding: 1000px;
}

.daveIcon {
	background-image: url("images/phoneicon.html");
	width:fit-content;
	height: fit-content;
}

.slideanim {visibility:hidden;}
.slide {
    /* The name of the animation */
    animation-name: slide;
    -webkit-animation-name: slide; 
    /* The duration of the animation */
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
    /* Make the element visible */
    visibility: visible; 
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}