/*!
 * Start Bootstrap - Heroic Features HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
 
 /*	################################################################
	1. GENERAL STRUCTURES
################################################################# */

@import url(http://fonts.googleapis.com/css?family=Roboto:500,400italic,700italic,700,500italic,400);

	* { 
		margin: 0;
		padding: 0px;
	} 

body { 
	background: #ffffff; 
	margin: 0; 
	height: 100%; 
	color: #666;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	padding-top: 20px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	text-align: left;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	margin-top: 0;
}

h2 {color: #0b64ae; font-szie: 32px; font-weight: 400; margin-bottom: 20px; letter-spacing: -1px;}
h3 {font-size: 14px;}

p { 
	padding: 0; 
	margin-bottom: 12px; 
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 14px; 
	line-height: 24px;
	color: #666; 
	margin-top: 10px; 
}

img {
	height: auto;
	max-width: 100%;
}

a { 
	padding: 0;
	margin: 0;
	text-decoration: none; 
	-webkit-transition: background-color .4s linear, color .4s linear;
	-moz-transition: background-color .4s linear, color .4s linear;
	-o-transition: background-color .4s linear, color .4s linear;
	-ms-transition: background-color .4s linear, color .4s linear;
	transition: background-color .4s linear, color .4s linear;
	color: #0064b7;
}
a:hover,
a:focus {
  text-decoration: none;
  color:#8dd0ff;
}

::-moz-selection  {
	color: #fff;
	text-shadow:none;
	background:#2B2E31;
}
::selection {
	color: #fff;
	text-shadow:none;
	background:#2B2E31;
}

.centered {
	text-align: center
}

 /*	################################################################
	BUTTONS
################################################################# */

.btn {width: 160px;
	height: 39px;
	font-size: 17px;
	 font-weight: 700;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #556773;
	background-image: -webkit-linear-gradient(bottom, rgba(1,52,107,.89) 16%, rgba(16,120,217,.89) 63%, rgba(22,142,254,.89));
	background-image: -moz-linear-gradient(bottom, rgba(1,52,107,.89) 16%, rgba(16,120,217,.89) 63%, rgba(22,142,254,.89));
	background-image: -o-linear-gradient(bottom, rgba(1,52,107,.89) 16%, rgba(16,120,217,.89) 63%, rgba(22,142,254,.89));
	background-image: -ms-linear-gradient(bottom, rgba(1,52,107,.89) 16%, rgba(16,120,217,.89) 63%, rgba(22,142,254,.89));
	background-image: linear-gradient(to top, rgba(1,52,107,.89) 16%, rgba(16,120,217,.89) 63%, rgba(22,142,254,.89));}
	
.btn:hover {	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #556773;
	background-image: -webkit-linear-gradient(top, rgba(1,52,107,.89) 16%, rgba(16,120,217,.89) 63%, rgba(22,142,254,.89));
	background-image: -moz-linear-gradient(top, rgba(1,52,107,.89) 16%, rgba(16,120,217,.89) 63%, rgba(22,142,254,.89));
	background-image: -o-linear-gradient(top, rgba(1,52,107,.89) 16%, rgba(16,120,217,.89) 63%, rgba(22,142,254,.89));
	background-image: -ms-linear-gradient(top, rgba(1,52,107,.89) 16%, rgba(16,120,217,.89) 63%, rgba(22,142,254,.89));
	background-image: linear-gradient(to bottom, rgba(1,52,107,.89) 16%, rgba(16,120,217,.89) 63%, rgba(22,142,254,.89));}
	
	
 /*	################################################################
	IMAGES
################################################################# */

.thumbnail {
    border: none;
    border-radius: none;
    display: block;
    line-height: 1.42857;
    margin-bottom: 20px;
    padding: 4px;
    transition: border 0.2s ease-in-out 0s;
}

.thumbnail h3 {background: #eee; padding: 10px; margin-bottom: 20px;}


 /*	################################################################
	NAVIGATION
################################################################# */

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    background-color: #003366;
    color: #fff;
}

.navbar-inverse {
    background-color: #0064b7;
    border-color: #0064b7;
}

.navbar-inverse .navbar-nav > li.first > a {
	border-left: 1px solid #fff;
}

.navbar-inverse .navbar-nav > li > a {
	border-right: 1px solid #fff;
    color: #fff;
	font-weight: 700;
	font-size: 17px;
	
}

.navbar-inverse .navbar-nav > li > a:hover {
	color:#8dd0ff;
	font-weight: 700;
}


 /*	################################################################
	BANNER
################################################################# */


.page-header {
    border-bottom: none;
    margin: 20px 0 20px;
    padding-bottom: 20px;
	float:left;
}

.strapline p {font-style: italic; font-size: 16px; text-align: right; line-height: normal; margin: 38px 0;}

.jumbotron {
    background-color: #eee;
	border:2px solid #ccc;
	padding: 10px 0 10px 0;
}

.jumbotron .row {background-color: #fff;  border-radius: 6px; padding: 5px;}

.container .jumbotron, .container-fluid .jumbotron {
    padding-left: 25px;
    padding-right: 25px;
}

.intro {padding: 15px 15px 0 15px;}

.hero-spacer {
    margin-top: 30px;
}

.jumbotron .h1, .jumbotron h1 {color: #0064b7; font-size:32px;}
.jumbotron p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}

.hero-feature {
    margin-bottom: 30px;
}

.content {margin-top: 40px;}

.fa-circle { color: #ff6c10;
    font-size: 10px !important;
    margin-right: 3px;
	}

 /*	################################################################
	FOOTER
################################################################# */

footer .row {
		display:inline-block;
		width:100%;
		min-width:100%;
		padding-top:30px;
		padding-bottom:30px;
		background:#eee;		
		text-align:center;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin: 0;
	  }

footer a {color: #666;}
footer span {margin: 0 8px 0 8px; color:#ccc;}
footer .copyright {text-align:center;}


 /*	################################################################
	CUSTOM MEDIA QUERIES
################################################################# */

@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
}

/* Small devices (tablets, 768px and below) */
@media (max-width: 768px)
 { 
	.strapline p, .sidebar {
		display:none;
	}
 }
 
 
 
/* Small devices (tablets, 970px and below) */
@media (max-width: 970px)
 { 
	
 .navbar-inverse .navbar-nav > li > a {
	font-size: 89%;
	
}
 }