/*!
 * Dark Grey : 1e1e20
 * Light Grey : efefef
 * Orange : dc3522
 * Light Blue: bdd4de
 * Med Blue: 41a4d5
 */

body {
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.42857143;
  color: #1e1e20;
  background-color: #efefef;
}
header {
    text-align: center;
    color: #fff;
    background: #41a4d5;
}
hr.star-primary {
    border-color: #1e1e20;
}
hr.star-primary:after {
    color: #1e1e20;
    background-color: #efefef;
}
hr.star-light {
    border-color: #fff;
    background-color: #41a4d5;
}
hr.star-light:after {
    color: #fff;
    background-color: #41a4d5;
}
.navbar-default {
  background-color: #1e1e20;
}
.navbar-default .navbar-brand {
  color: #efefef;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #dc3522;
}
.navbar-default .navbar-nav > li > a {
  color: #efefef;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #dc3522;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #dc3522;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #efefef;
}
.modal-content {
  background-color: #efefef;
}
#portfolio .portfolio-item .portfolio-link .caption {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.5);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content {
    background-color: #dc3522;width: auto;
    padding: 10px;
    display: inline-block;
    height: auto;
    margin-top: 50px;
    left: -100%;
}

#portfolio .portfolio-item-short .portfolio-link .caption .caption-content {
    margin-top: 20px;
}

#portfolio .portfolio-item .portfolio-link .caption:hover .caption-content {

    transition: .7s;
    left: 0;
}

.portfolio-item {
	 overflow:hidden;
	 width: 360px;
	 height: 238px;
}

.portfolio-item-short {
	 overflow:hidden;
	 width: 360px;
	 height: 155px;
}

#portfolio .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}
section.success {
    color: #fff;
    background: #41a4d5;
}

form .row:first-child .floating-label-form-group {
    border-top: 1px solid #e2e2e2;
}

.floating-label-form-group {
    position: relative;
    margin-bottom: 0;
    padding-bottom: .5em;
    border-bottom: 1px solid #e2e2e2;
}

.btn-success {
  color: #ffffff;
  background-color: #1e1e20;
  border-color: transparent;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #dc3522;
  border-color: #dc3522;
}

.text-danger,
.text-danger:hover {
  color: #dc3522;
}

footer {
    color: #efefef;
}

footer .footer-below {
    padding: 25px 0;
    background-color: #1e1e20;
}

.portfolio-modal .modal-content .item-details {
    margin: 30px 0;
    color: #dc3522;
}

.btn-default {
  color: #ffffff;
  background-color: #95a5a6;
  border-color: #95a5a6;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #dc3522;
  border-color: #dc3522;
}

.about-profile {
	width: 256px;
	margin: 0 auto;
}