body {
	font-family:Lato;
	 overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:400;
	line-height:1.65;
	font-family:Lato
}
hr.star-dark, hr.star-light {
	max-width:15rem;
	padding:0;
	text-align:center;
	border:none;
border-top:solid .25rem;
	margin-top:2.5rem;
	margin-bottom:2.5rem
}
hr.star-dark:after, hr.star-light:after {
	position:relative;
	top:-.8em;
	display:inline-block;
	padding:0 .25em;
	content:'\f005';
	font-family:FontAwesome;
	font-size:2em
}
hr.star-light {
	border-color:#fff
}
hr.star-light:after {
	color:#fff;
	background-color:#dddddd
}
hr.star-dark {
	border-color:#2c3e50
}
hr.star-dark:after {
	color:#2c3e50;
	background-color:#fff
}
section {
	padding:5rem 0
}
section h2 {
	font-size:1.5rem;
	line-height:2rem;
		letter-spacing:.1em;
}
@media (min-width:992px) {
section h2 {
	font-size:1.5rem;
	line-height:2.5rem;
		letter-spacing:.1em;
}
}
.btn-xl {
	padding:1rem 1.75rem;
	font-size:1.25rem
}
.btn-social {
	width:2.25rem;
	height:2.25rem;
	font-size:0.9rem
}
.scroll-to-top {
	z-index:1042;
	right:1rem;
	bottom:1rem;
	display:none
}
.scroll-to-top a {
	width:3.5rem;
	height:3.5rem;
	background-color:rgba(33,37,41,.5);
	line-height:3.1rem
}
#mainNav {
	padding-top:0rem;
	padding-bottom:0rem;
	font-weight:100;
	font-family:Lato
}
#mainNav .navbar-brand {
	color:#fff
}
#mainNav .navbar-nav {
	margin-top:1rem
}
#mainNav .navbar-nav li.nav-item a.nav-link {
	color:#000
}
#mainNav .navbar-nav li.nav-item a.nav-link:hover {
	color:#828282
}
#mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
	color:#828282
}
#mainNav .navbar-nav li.nav-item a.nav-link.active {
	color:#828282
}
#mainNav .navbar-toggler {
	font-size:80%;
	padding:0.5rem
}
@media (min-width:992px) {
#mainNav {
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	-webkit-transition:padding-top .3s, padding-bottom .3s;
	-moz-transition:padding-top .3s, padding-bottom .3s;
	transition:padding-top .3s, padding-bottom .3s
}
#mainNav .navbar-brand {
	font-size:2em;
	-webkit-transition:font-size .3s;
	-moz-transition:font-size .3s;
	transition:font-size .3s
}
#mainNav .navbar-nav {
	margin-top:0px;
	letter-spacing:.1em;
}
#mainNav .navbar-nav>li.nav-item>a.nav-link.active {
	color:#fff;
	background:#dddddd
}
#mainNav .navbar-nav>li.nav-item>a.nav-link.active:active, #mainNav .navbar-nav>li.nav-item>a.nav-link.active:focus, #mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover {
	color:#fff;
	background:#dddddd
}
#mainNav.navbar-shrink {
	padding-top:0rem;
	padding-bottom:0rem
}
#mainNav.navbar-shrink .navbar-brand {
	font-size:1.5em
}
}
header.masthead {
	padding-top:calc(1.5rem + 72px);
	padding-bottom:3rem
}
header.masthead h1 {
	font-size:3rem;
	line-height:3rem
}
header.masthead h2 {
	font-size:0.8rem;
	font-family:Lato
}
@media (min-width:992px) {
header.masthead {
	padding-top:calc(0.5rem + 106px);
	padding-bottom:3rem
}
header.masthead h1 {
	margin-top:20px;
	font-size:4.75em;
	line-height:4rem
}
header.masthead h2 {
	font-size:0.8em
}
}
.portfolio {
	margin-bottom:-15px
}
.portfolio .portfolio-item {
	position:relative;
	display:block;
	max-width:25rem;
	margin-bottom:15px
}
.portfolio .portfolio-item .portfolio-item-caption {
	-webkit-transition:all ease .5s;
	-moz-transition:all ease .5s;
	transition:all ease .5s;
	opacity:0;
	background-color:rgba(221,221,221,.9)
}
.portfolio .portfolio-item .portfolio-item-caption:hover {
	opacity:1
}
.portfolio .portfolio-item .portfolio-item-caption .portfolio-item-caption-content {
	font-size:1.5rem
}
@media (min-width:576px) {
.portfolio {
	margin-bottom:-30px
}
.portfolio .portfolio-item {
	margin-bottom:30px
}
}
.portfolio-modal .portfolio-modal-dialog {
	padding:3rem 1rem;
	min-height:calc(100vh - 2rem);
	margin:1rem calc(1rem - 8px);
	position:relative;
	z-index:2;
	-moz-box-shadow:0 0 3rem 1rem rgba(0,0,0,.5);
	-webkit-box-shadow:0 0 3rem 1rem rgba(0,0,0,.5);
	box-shadow:0 0 3rem 1rem rgba(0,0,0,.5)
}
.portfolio-modal .portfolio-modal-dialog .close-button {
	position:absolute;
	top:2rem;
	right:2rem
}
.portfolio-modal .portfolio-modal-dialog .close-button i {
	line-height:38px
}
.portfolio-modal .portfolio-modal-dialog h2 {
	font-size:1.5rem
}
@media (min-width:768px) {
.portfolio-modal .portfolio-modal-dialog {
	min-height:100vh;
	padding:5rem;
	margin:3rem calc(3rem - 8px)
}
.portfolio-modal .portfolio-modal-dialog h2 {
	font-size:1.5rem
}
}
.floating-label-form-group {
	position:relative;
	border-bottom:1px solid #e9ecef
}
.floating-label-form-group input, .floating-label-form-group textarea {
	position:relative;
	z-index:1;
	padding-right:0;
	padding-left:0;
	resize:none;
	border:none;
	border-radius:0;
	background:0 0;
	box-shadow:none!important
}
.floating-label-form-group label {
	font-size:.85em;
	line-height:1.764705882em;
	position:relative;
	z-index:0;
	top:2em;
	display:block;
	margin:0;
	-webkit-transition:top .3s ease, opacity .3s ease;
	-moz-transition:top .3s ease, opacity .3s ease;
	-ms-transition:top .3s ease, opacity .3s ease;
	transition:top .3s ease, opacity .3s ease;
	vertical-align:middle;
	vertical-align:baseline;
	opacity:0
}
.floating-label-form-group:not(:first-child) {
	padding-left:14px;
	border-left:1px solid #e9ecef
}
.floating-label-form-group-with-value label {
	top:0;
	opacity:1
}
.floating-label-form-group-with-focus label {
	color:#dddddd
}
form .row:first-child .floating-label-form-group {
	border-top:1px solid #e9ecef
}
.footer {
	padding-top:2rem;
	padding-bottom:2rem;
	background-color:#FFF;
	color:#fff
}
.copyright {
	background-color:#fff
}
a {
	color:#dddddd
}
a:active, a:focus, a:hover {
	color:#128f76
}
.btn {
	border-width:2px
}
.bg-primary {
}
.bg-secondary {
	background-color:rgba(255,255,255,.9)!important
}
.text-primary {
	color:#dddddd!important
}
.text-secondary {
	color:#2c3e50!important
}
.btn-primary {
	background-color:#dddddd;
	border-color:#dddddd
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
	background-color:#128f76;
	border-color:#128f76
}
.btn-secondary {
	background-color:#2c3e50;
	border-color:#2c3e50
}
.btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover {
	background-color:#1a252f;
	border-color:#1a252f
}
#slideshow {
	position: relative;
	width:100%;
	min-height:500px;
	margin-bottom:3rem;
}
#slideshow img {
	position: absolute;
	top: 0;
	left:0;
	z-index: 8;
	opacity: 0.0;
}
#slideshow img.active {
	z-index: 10;
	opacity: 1.0;
}
#slideshow img.last-active {
	z-index: 9;
}
