* {
	margin: 0;
	padding: 0;
	font-family: 'Gentium Basic', serif;
}
body {
  	position: relative;
  	/*padding-top: 50px;*/
  	font-size: 16px;
  	color: #242830;
 }

 h1, h2, h3, h4, h5, h6 {
 	font-family: 'Raleway', sans-serif;
}


/*-------MEDIA QUERIES----------------*/
@media (max-width: 768px) {


}
@media (min-width: 768px) {

}

.icon-pad > img {
	max-width: 60px;
}

.hero {
	background: url("/images/workspace.png") no-repeat center center;
	background-size: cover;
	height: auto;
}

#whiteboard {
	background: url("/images/whiteboard.png") no-repeat center center;
	background-size: cover;
	height: auto;
	min-height: 300px;
}
#whyvital {
	background: url("/images/dk_greensm.png");

}

.bottombar {
	background: url("/images/dk_greensm.png");
	min-height: 50px;
}
.whybox {
	
	background: url("/images/trans_black_25.png");
	min-height: 100px;
/*	margin-bottom: auto;
	margin-top:auto;*/
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
	padding-top: 15px;
}

.whybox > h4 {
	color: white;
	text-align: center;
	vertical-align: middle;
	font-weight: 200;
}
.shadow {
	text-shadow: 1px 1px #D3D3D3;
}
button.nav-btn {
	color: white;
}

button.nav-btn:hover {
	color:#242830;

}

button.nav-btn:visited, button.nav-btn:active, button.nav-btn:focus{
	color:#242830;
}
.frontlogo {
	display: inline;
}

.inner {
	padding-top: 175px;
	padding-bottom: 100px;
}
.inner-100 {
	padding-top: 25px;
	padding-bottom: 30px;
}

.bolder {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
}

.text-right {
	text-align: right;
}
.text-middle {
	vertical-align: middle;
}
.white {
	color:white;
}
.upper {
	text-transform: uppercase;
}
.white-thin {
	color:white;
	font-weight: 200;
	line-height: 200%;
}
.dark-thin {
	color:#242830;
	font-weight: 400;
	line-height: 200%;
}

.h2tag {
	padding-bottom: 50px;
}
.h4-title {
	padding-top: 50px;
	vertical-align: middle;
}

.upper-small {
	text-transform: uppercase;
	font-size: 14px;
	color: #777;
}
.footrow {
	padding-top: 40px;
	padding-bottom: 5px;
}
ul.footlinks {
	padding-bottom: 30px;
}
ul.footlinks li {
	color: white;
	line-height: 1.7;
}

ul.footlinks li:hover {
	color: #d3d3d3;
}
ul.footmenu li a {
	color: #d3d3d3;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight: 200;
	
}

ul.footmenu li {
	font-size: 14px;
	text-align: right;
	text-decoration: none;
	padding-right: 50px;
}


ul.footmenu li a:hover {
	color: #FFF;

}

.fa {
	cursor: pointer;
}

.popover {
	background-color: transparent;
	border:1px solid #FFF;
}
.popover-title {
	background-color: #FFF;
	color:#242830;
	font-family: 'Raleway', sans-serif;
}
ul.footlinks li a {
	color: white;
}
ul.why li {
	list-style: none;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	color:#242830;
	line-height: 2;

}
.copyright {
	padding-bottom: 25px;
}
.copyright a{
	color:#D3D3D3;
}
.copyright a:hover{
	color:#FFF;
}

.copyright p{
	font-family: 'Raleway', sans-serif;
	line-height: 0.8;
	font-size: 10px;
}
.footer {
	background-color:#242830; 
}
ul.footlinks {
	list-style: none;
}

.section-title {
	padding-top: 20px;
	
}
.extend {
	-webkit-animation-delay: 4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation: extendtext 5s;
	-webkit-animation-fill-mode: forwards;
	animation-delay: 4s;
	animation-timing-function: ease;
	animation: extendtext 5s;
	animation-fill-mode: forwards;
}
.rowwrapper {

	background: url("/images/trans_black_25.png");
	margin-bottom: 20px;
}

.servwrapper {
	min-height: 600px;
	background: url("/images/dk_bluesm.png");

}

.icons {
	height:10%;
	width: 10%;
}
.icon-pad {
	padding-bottom: 10px;

}
.clientlogo {
	padding: 20px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;


}
#clients {
	background-color: #D3D3D3;
	padding: 50px;
}
#about{
	background: url("/images/lt_greensm50.png");
}
 .header {
	position: fixed;
	width: 100%;
	background: #222;
	z-index: 10;
}

.header .navbar {
	margin: 0;
	border: none;
}

@media (min-width: 768px) {
	.header .navbar-brand {
		padding-left: 0;
	}
	.navbar-nav {
		float: right;
	}
}

#home-logo{
	vertical-align: middle;
	height: 40px;
	width: 40px;

}
a {
	font: inherit;
	color: #242830;


}

a:hover {
	font:inherit;
	color: #242830;
	text-decoration: none;
}
.navbar-default {
	background-color: #242830;
}

.navbar-default .navbar-nav > li > a {
	color:white;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
}

.navbar-default .navbar-nav > li > a:hover {
	color: #d3d3d3;

}

.navbar{
	margin-bottom: 0px;
	border-radius: 0px;
}
.navbar-brand > img {
	position:absolute;
	top: 5px;
	left: 5px;

}
#vmplogo {
	vertical-align: top;
	padding: 0px;
}

.headshot {
	vertical-align: top;
	padding: 52px 20px 35px;

}

/*-------A-N-I-M-A-T-I-O-N-S----------------*/
@-webkit-keyframes extendtext {
    0%   {letter-spacing: -2px;}
    100% {letter-spacing: 10px;}
}
@keyframes extendtext {
    0%   {letter-spacing: -2px;}
    100% {letter-spacing: 10px;}
}


/*-------A-N-I-M-A-T-I-O-N-S----------------*/