body {
	-ms-overflow-x: hidden;
}
p {
	font-size: 20px;
}
p.small {
	font-size: 16px;
}
a {
	outline: 0px; color: rgb(24, 188, 156);
}
a:hover {
	outline: 0px; color: rgb(24, 188, 156);
}
a:focus {
	outline: 0px; color: rgb(24, 188, 156);
}
a:active {
	outline: 0px; color: rgb(24, 188, 156);
}
a.active {
	outline: 0px; color: rgb(24, 188, 156);
}
h1 {
	text-transform: uppercase; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700;
}
h2 {
	text-transform: uppercase; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700;
}
h3 {
	text-transform: uppercase; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700;
}
h4 {
	text-transform: uppercase; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700;
}
h5 {
	text-transform: uppercase; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700;
}
h6 {
	text-transform: uppercase; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700;
}
hr.star-light {
	border-width: 5px 0px 0px; border-style: solid none none; border-color: currentColor; margin: 25px auto 30px; padding: 0px; border-image: none; text-align: center; max-width: 250px;
}
hr.star-primary {
	border-width: 5px 0px 0px; border-style: solid none none; border-color: currentColor; margin: 25px auto 30px; padding: 0px; border-image: none; text-align: center; max-width: 250px;
}
hr.star-light::after {
	padding: 0px 0.25em; top: -0.8em; font-family: FontAwesome; font-size: 2em; display: inline-block; position: relative; content: "\f005";
}
hr.star-primary::after {
	padding: 0px 0.25em; top: -0.8em; font-family: FontAwesome; font-size: 2em; display: inline-block; position: relative; content: "\f005";
}
hr.star-light {
	border-color: rgb(255, 255, 255);
}
hr.star-light::after {
	color: rgb(255, 255, 255); background-color: rgb(24, 188, 156);
}
hr.star-primary {
	border-color: rgb(44, 62, 80);
}
hr.star-primary::after {
	color: rgb(44, 62, 80); background-color: rgb(255, 255, 255);
}
.img-centered {
	margin: 0px auto;
}
header {
	background: rgb(24, 188, 156); text-align: center; color: rgb(255, 255, 255);
}
header .container {
	padding-top: 100px; padding-bottom: 50px;
}
header img {
	margin: 0px auto 20px; display: block;
}
header .intro-text .name {
	text-transform: uppercase; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 2em; font-weight: 700; display: block;
}
header .intro-text .skills {
	font-size: 1.25em; font-weight: 300;
}
@media all and (min-width:768px)
{
header .container {
	padding-top: 200px; padding-bottom: 100px;
}
header .intro-text .name {
	font-size: 4.75em;
}
header .intro-text .skills {
	font-size: 1.75em;
}
}
@media all and (min-width:768px)
{
.navbar-fixed-top {
	padding: 25px 0px; transition:padding 0.3s; -webkit-transition: padding .3s; -moz-transition: padding .3s;
}
.navbar-fixed-top .navbar-brand {
	transition:0.3s; font-size: 2em; -webkit-transition: all .3s; -moz-transition: all .3s;
}
.navbar-shrink.navbar-fixed-top {
	padding: 10px 0px;
}
.navbar-shrink.navbar-fixed-top .navbar-brand {
	font-size: 1.5em;
}
}
.navbar {
	text-transform: uppercase; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700;
}
.navbar a:focus {
	outline: 0px;
}
.navbar .navbar-nav {
	letter-spacing: 1px;
}
.navbar .navbar-nav li a:focus {
	outline: 0px;
}
.navbar-default {
	border: 0px currentColor; border-image: none;
}
.navbar-inverse {
	border: 0px currentColor; border-image: none;
}
section {
	padding: 100px 0px;
}
section h2 {
	margin: 0px; font-size: 3em;
}
section.success {
	background: rgb(24, 188, 156); color: rgb(255, 255, 255);
}
@media all and (max-width:767px)
{
section {
	padding: 75px 0px;
}
section.first {
	padding-top: 75px;
}
}
#portfolio .portfolio-item {
	margin: 0px 0px 15px; right: 0px;
}
#portfolio .portfolio-item .portfolio-link {
	margin: 0px auto; display: block; position: relative; max-width: 400px;
}
#portfolio .portfolio-item .portfolio-link .caption {
	background: rgba(24, 188, 156, 0.9); transition:0.5s; width: 100%; height: 100%; position: absolute; opacity: 0; -webkit-transition: all ease .5s; -moz-transition: all ease .5s;
}
#portfolio .portfolio-item .portfolio-link .caption:hover {
	opacity: 1;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content {
	top: 50%; width: 100%; height: 20px; text-align: center; color: rgb(255, 255, 255); font-size: 20px; margin-top: -12px; position: absolute;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content i {
	margin-top: -12px;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content h3 {
	margin: 0px;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content h4 {
	margin: 0px;
}
#portfolio * {
	z-index: 2;
}
@media all and (min-width:767px)
{
#portfolio .portfolio-item {
	margin: 0px 0px 30px;
}
}
.btn-outline {
	background: 0px 0px; border: 2px solid rgb(255, 255, 255); transition:0.3s ease-in-out; border-image: none; color: rgb(255, 255, 255); font-size: 20px; margin-top: 15px;
}
.btn-outline:hover {
	background: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); border-image: none; color: rgb(24, 188, 156);
}
.btn-outline:focus {
	background: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); border-image: none; color: rgb(24, 188, 156);
}
.btn-outline:active {
	background: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); border-image: none; color: rgb(24, 188, 156);
}
.active.btn-outline {
	background: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); border-image: none; color: rgb(24, 188, 156);
}
.floating-label-form-group {
	padding-bottom: 0.5em; margin-bottom: 0px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.floating-label-form-group input {
	background: 0px 0px; border-radius: 0px; border: 0px currentColor; border-image: none; padding-right: 0px; padding-left: 0px; font-size: 1.5em; position: relative; z-index: 1; box-shadow: none !important; resize: none;
}
.floating-label-form-group textarea {
	background: 0px 0px; border-radius: 0px; border: 0px currentColor; border-image: none; padding-right: 0px; padding-left: 0px; font-size: 1.5em; position: relative; z-index: 1; box-shadow: none !important; resize: none;
}
.floating-label-form-group label {
	margin: 0px; transition:top 0.3s, opacity 0.3s; top: 2em; line-height: 1.76em; font-size: 0.85em; vertical-align: baseline; display: block; position: relative; z-index: 0; opacity: 0; -webkit-transition: top .3s ease, opacity .3s ease; -moz-transition: top .3s ease, opacity .3s ease;
}
.floating-label-form-group-with-value label {
	top: 0px; opacity: 1;
}
.floating-label-form-group-with-focus label {
	color: rgb(24, 188, 156);
}
form :first-child.row .floating-label-form-group {
	border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid;
}
footer {
	color: rgb(255, 255, 255);
}
footer h3 {
	margin-bottom: 30px;
}
footer .footer-above {
	padding-top: 50px; background-color: rgb(44, 62, 80);
}
footer .footer-col {
	margin-bottom: 50px;
}
footer .footer-below {
	padding: 25px 0px; background-color: rgb(35, 49, 64);
}
.btn-social {
	border-radius: 100%; border: 2px solid rgb(255, 255, 255); border-image: none; width: 50px; height: 50px; text-align: center; line-height: 45px; font-size: 20px; display: inline-block;
}
.btn:focus {
	outline: 0px;
}
.btn:active {
	outline: 0px;
}
.active.btn {
	outline: 0px;
}
.scroll-top {
	width: 50px; height: 50px; right: 2%; bottom: 2%; position: fixed; z-index: 1049;
}
.scroll-top .btn {
	border-radius: 100%; width: 50px; height: 50px; line-height: 28px; font-size: 20px;
}
.scroll-top .btn:focus {
	outline: 0px;
}
.portfolio-modal .modal-content {
	padding: 100px 0px; border-radius: 0px; border: 0px currentColor; border-image: none; text-align: center; min-height: 100%; box-shadow: none; background-clip: border-box; -webkit-box-shadow: none;
}
.portfolio-modal .modal-content h2 {
	margin: 0px; font-size: 3em;
}
.portfolio-modal .modal-content img {
	margin-bottom: 30px;
}
.portfolio-modal .modal-content .item-details {
	margin: 30px 0px;
}
.portfolio-modal .close-modal {
	top: 25px; width: 75px; height: 75px; right: 25px; position: absolute; cursor: pointer; background-color: transparent;
}
.portfolio-modal .close-modal:hover {
	opacity: 0.3;
}
.portfolio-modal .close-modal .lr {
	width: 1px; height: 75px; margin-left: 35px; z-index: 1051; transform: rotate(45deg); background-color: rgb(44, 62, 80); -webkit-transform: rotate(45deg);
}
.portfolio-modal .close-modal .lr .rl {
	width: 1px; height: 75px; z-index: 1052; transform: rotate(90deg); background-color: rgb(44, 62, 80); -webkit-transform: rotate(90deg);
}
