body, input {
    font-family: 'Source Sans Pro', sans-serif;
}
body.modal-open {
    overflow: hidden;
    position:fixed;
    width: 100%;
}
#particles-js {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom:0;
    z-index: 0;
}
header {
    position: relative;
    z-index:4;
}
.btn {
    background-color: transparent;
    border-radius: 3px;
    border: 4px solid rgba(64, 64, 64, 0.7);
    color: #404040;
}
.btn.invert {
    border-color: rgba(255, 255, 255, 0.7);
    color: #FFF;
}
.btn:hover {
    background-color: transparent;
    color: #404040;
    border-color: rgba(64, 64, 64, 0.9);
    cursor: pointer;
}
.btn.invert:hover {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.9);
    color: #FFF;
}
section {
    padding:30px;
    background-color: #DDD;
}
.one {
    background-color: #01BAEF;
    color: #FFF;
}
.two {
    background-color: #0B4F6C;
    color: #FFF;
}
.three {
    background-color: #B80C09;
    color: #FFF;
}
.jumbotron {
    background:#333;
    color:#FFF;
    border-radius:0;
    min-height:460px;
    position: relative;
    margin-bottom:0;
}
input.form-control, textarea.form-control {
    padding:20px;
    box-shadow: 0 2px 0 rgba(0,0,0,.1);
    border: 3px solid #FFF;
}
.form-control::-webkit-input-placeholder {
  color: #BBB;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  color: #BBB;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  color: #BBB;
}
.form-control:-moz-placeholder { /* Firefox 18- */
  color: #BBB;
}
#projects a {
    margin-bottom:20px;
    display:inline-block;
    transition:all 0.3s ease;
}
#projects a:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
p.role .spacer {
    color:#BBB;
    width: 20px;
    display: inline-block;
    text-align: center;
}
.carousel {
    border:2px solid #CCC;
    margin-bottom:15px;
}
#contact button.btn {
    cursor:pointer;
}
.scroll-line  {
    position: fixed;
    top: 0;
    left: 0;
    height: 4px;
    background: #B80C09;
    z-index: 10;
    transition: 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) width;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333333' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333333' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-indicators > li {
    background-color:#999;
}
.carousel-indicators > li.active {
    background-color:#333;
}
.carousel-caption p {
    background-color: rgba(0,0,0,0.6);
    color: #CCC;
    padding: 6px;
}

/* Carousel Fix */
@media only screen and (max-width: 990px) {
    .carousel-item.active,
    .carousel-item-next,
    .carousel-item-prev {
      display: block;
    }
}