body {
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, san-serif;
	font-size: 15px;
	line-height: 1.8;
	color: #818181;
}

.btn {
	font-size: 1.2em !important;
}

.jumbotron {
	background-color: #000099; /* Dark Blue */
	color: #FFFFFF;
	font-family: Montserrat, sans-serif;
}

.container-fluid {
	padding-left: 0px;
	padding-right: 0px;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}

.row {
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
	width: 100%;
}

.row p {
	text-align: left;
	margin-bottom: 30px;
}

.row h2 {
	text-align: left;
}

.bg-grey {
	background-color: #F6F6F6;
	color: #555555;
}

.bg-dark_grey {
	background-color: #555555;
	color: #FFFFFF;
}

.logo {
	font-size: 200px;
}

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

.logo-small {
	font-size: 50px;
}

.thumbnail {
	padding: 0 0 15px 0;
	border: none;
	border-radius: 0;
}

.thumbnail img {
	width: 100%;
	height: 100%;
	margin-bottom: 10px;
}

.carousel-inner {
	height: 475px;
	margin: auto;
}

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

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

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

.item {
	width: 100%;
	margin: auto;
}

.item img {
	margin: auto;
}

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

.item span {
	font-style: normal;
}

.panel {
	border: 1px solid #f4511e; 
	border-radius:0;
	transition: box-shadow 0.5s;
}

.panel:hover {
	box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}

.panel-footer .btn:hover {
	border: 1px solid #f4511e;
	background-color: #fff !important;
	color: #f4511e;
}

.panel-heading {
	color: #fff !important;
	background-color: #f4511e !important;
	padding: 25px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.panel-footer {
	background-color: #fff !important;
}

.panel-footer h3 {
	font-size: 32px;
}

.panel-footer h4 {
	color: #aaa;
	font-size: 14px;
}

.panel-footer .btn {
	margin: 15px 0;
	background-color: #f4511e;
	color: #fff;
}

h1 {
	font-size: 2.4em;
	color: #303030;
	font-weight: 600;
	margin-bottom: 30px;
}

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

h3 {
	font-size: 1.3em;
	line-height: 1.5em;
	font-weight: 600;
	margin-bottom: 30px;
}

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

.bg-grey h4 {
	color: #555555;
}

.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;
		-webkit-transform: translateY(70%);
	} 
	100% {
		opacity: 1;
		-webkit-transform: translateY(0%);
	} 
}
@-webkit-keyframes slide {
	0% {
		opacity: 0;
		-webkit-transform: translateY(70%);
	} 
	100% {
		opacity: 1;
		-webkit-transform: translateY(0%);
	}
}

li { text-align: left }

img.education_img {
	height: 150px;
	width: 150px;
}

.carousel-right {
	position: relative;
	width: 100%;
	overflow: hidden
}

.carousel-right>.item {
	position: relative;
	display:none;
	-webkit-transition: .6s ease-in-out right;
	-o-transition: .6s ease-in-out right;
	transition: .6s ease-in-out right
}

.carousel-right>.item>a>img, .carousel-right>.item>img {
	line-height: 1
}

@media all and (transform-3d),(-webkit-transform-3d){
	.carousel-right>.item {
		-webkit-transition: -webkit-transform .6s ease-in-out;
		-o-transition: -o-transform .6s ease-in-out;
		transition: transform .6s ease-in-out;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000px;
		perspective: 1000px
	}

	.carousel-right>.item.active.right, .carousel-right>.item.next {
		left: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	.carousel-right>.item.active.left, .carousel-right>.item.prev {
		left: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	.carousel-right>.item.active, .carousel-right>.item.next.left, .carousel-right>.item.prev.right {
		left: 0;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

.carousel-right>.active, .carousel-right>.next, .carousel-right>.prev {
	display:block
}

.carousel-right>.active {
	left: 0
}

.carousel-right>.next, .carousel-right>.prev {
	position: absolute;
	top: 0;
	width: 100%
}

.carousel-right>.next {
	left: -100%
}

.carousel-right>.prev {
	left: 100%
}

.carousel-right>.next.left, .carousel-right>.prev.right {
	left: 0
}

.carousel-right>.active.left {
	left:100%
}

.carousel-right>.active.right {
	left: -100%
}

.alert {
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}

.alert-empty {
	color: transparent;
	border-color: transparent;
	background-color: trasnparent;
	display: none;
}

.alert-danger {
	display: block;
}

.form-group {
	margin-bottom: 5px;
}

/* Post CSS */
.post-content {
	text-align: left;
	font-size: 12pt;
}

.post-content h2 {
	text-align: left;
	font-size: 16pt;
	margin-bottom: 10px;
	margin-top: 20px;
}

/* Share Buttons */
.share-twitter:link, .share-facebook:link, .share-google-plus-1:link, .share-linkedin:link, .share-pinterest:link, .follow-twitter:link, .follow-linkedin:link, .share-twitter:visited, .share-facebook:visited, .share-google-plus-1:visited, .share-linkedin:visited, .share-pinterest:visited, .follow-twitter:visited, .follow-linkedin:visited {
	border: solid 1px #000099;
	background-color: #000099;
	color: #FFFFFF;
	border-radius: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 10pt;
	text-decoration: none;
}

.share-twitter:hover, .share-facebook:hover, .share-google-plus-1:hover, .share-pinterest:hover, .share-linkedin:hover, .follow-twitter:hover, .follow-linkedin:hover {
	background-color: #FFFFFF;
	color: #000099;
	text-decoration: none;
}

.share-twitter:active, .share-facebook:active, .share-google-plus-1:active, .share-linkedin:active, .share-pinterest:active, .follow-twitter:active, .follow-linkedin:active {
	background-color: #FFFFFF;
	color: #000099;
	text-decoration: none;
}

/* Post Status Box */
.fixed-status {
	position: absolute;
	top:0;
	left: 0;
}

.top-status {
	position: fixed;
	top: 100;
	left: 0;
}

/* Fix TD */
table.table td {
	text-align: left;
}

.navbar {
	margin-bottom: 0;
	background-color: #000099 !important;
	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: #ccc !important;
}

.navbar-nav li:hover > a, .navbar-nav li.active:hover > a {
	color: #fff !important;
	background-color: #0000C0 !important;
}

.navbar-nav li.active a {
	color: #fff !important;
	background-color: #000099 !important;
}

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

#top_navbar {
	height: 50px;
}

#top_navimg {
	height: 100px;
	width: 100px;
}

#name_container {
	float: right;
	padding-left: 20px;
	padding-top: 5px;
	opacity: 0;
}

.js_dropdown {
	position: relative;
}

.js_dropdown-menu {
	display: none;
	position: absolute;
	z-index: 9999;
	background-color: #0000C0 !important;
	color: #fff !important;
	margin: 0;
	padding: 10px;
}

.js_dropdown-menu li {
	list-style-type: none;
	color: #fff !important;
	padding: 10px;
}

.js_dropdown-menu li a {
	text-decoration: none;
	background-color: #0000C0 !important;
	color: #CCCCCC !important;
}

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

div.message {
    text-align: center;
    cursor: pointer;
    display: block;
    font-weight: normal;
    padding: 0 1.5rem 0 1.5rem;
    transition: height 300ms ease-out 0s;
    background-color: #a0d3e8;
    color: #626262;
    top: 150px;
    right: 15px;
    z-index: 999;
    overflow: hidden;
    height: 50px;
    line-height: 2.5em;
    box-radius: 5px;
}

div.message:before {
    line-height: 0px;
    font-size: 20px;
    height: 12px;
    width: 12px;
    border-radius: 15px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    left: -11px;
    background-color: #FFF;
    padding: 12px 14px 12px 10px;
    content: "i";
    color: #a0d3e8;
}

div.message.success {
	background-color: #23c32d;
	color: #FFF;
}

div.message.success:before {
	padding: 11px 16px 14px 7px;
	color: #23c32d;
	content: "\2713";
}

div.message.error {
    background-color: #C3232D;
    color: #FFF;
}

div.message.error:before {
    padding: 11px 16px 14px 7px;
    color: #C3232D;
    content: "x";
}
div.message.hidden {
    height: 0;
}