.sign-in-form {
    padding: 1rem 1.5em;
    border-radius: .5rem;
    background-color: #3d454f;
}

.sign-in-form h4 {
    color: white;
    margin-bottom: 1rem;
    font-weight: 600;
    text-transform: uppercase;
}

.sign-in-form label {
    text-transform: uppercase;
    color: #adadad;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 1rem;
}

.sign-in-form input {
    color: white;
}

.sign-in-form input:focus {
    opacity: .8;
}

.sign-in-form-username,
.sign-in-form-password {
    border-radius: 30px;
    border: none;
    opacity: .1;
    transition: all ease .4s;
}

.sign-in-form-button {
    border-radius: 30px;
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 100%;
    padding: 1rem;
    transition: all ease .4s;
}

.sign-in-form-button:hover {
    background-color: #44c8ed;
    border-color: #44c8ed;
}

.orbit-previous, .orbit-next {
    padding: 0;
    position: absolute;
    opacity: 0.5;
}

.orbit-next {
    height: 100%;
    width: 100%;
}

.orbit {
    /*padding-left: 0.5rem;*/
}

.orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
    background-color: transparent;
}

.orbit-content {
    height: 100%;
    width: 100%;
    padding: 3rem;
    color: black;
    position: absolute;
    text-align: left;
}

.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center; }
  [data-whatinput='mouse'] .orbit-bullets {
    outline: 0; }
  .orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0.1rem;
    border-radius: 50%;
    background-color: #cacaca ! important; }
    .orbit-bullets button:hover {
      background-color: #555555 ! important; }
    .orbit-bullets button.is-active {
      background-color: #555555 ! important; }

.black-gradient-ltr {
    width: 100%;
    background: rgba(255, 255, 255, 0); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, .7), rgba(255, 255, 255, 0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, rgba(255, 255, 255, .7), rgba(255, 255, 255, 0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, .7), rgba(255, 255, 255, 0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left, rgba(255, 255, 255, .7), rgba(255, 255, 255, 0)); /* Standard syntax */
}

.why-faf-icon {
    width: 11vh;
    height: auto;
}

.why-faf-icon-container {
    text-align: right;
    padding-right: 2rem;
    padding-top: 6vh;
    padding-bottom: 6vh;
}

.why-faf-line-container {
    padding-top: 6vh;
    padding-bottom: 6vh;
}

.subscribe {
    padding-top: 12vh;
}

.subscribe-top {
    text-align: center;
    padding-bottom: 2vh;
    padding-top: 3vh;
}

.subscribe-form {
    padding-top: 1vh;
    padding-bottom: 4vh;
}

.subscribe .row input {
    font-size: 1.2em;
    height: 45px;
}

.mobile-padding {
    padding-bottom: 3rem;
    padding-top: 3rem;
}

.quote {
    transition: all .2s ease-in-out;
    padding: 1.5rem;
}

.quote:hover {
    transform: scale(1.1);
}

.how-it-works-icon {
    padding-bottom: 2rem;
}

.fees-icon {
}

.news-logo {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    transition: all 0.5s ease;
}

.news-logo:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    transform: scale(1.1);
    transition: all 0.5s ease;
}

.fab {
    width: 55px;
    height: 55px;
    background-color: #5EA566;
    border-radius: 50%;
    box-shadow: 0 4px 8px 0 #555;

    font-size: 50px;
    line-height: 70px;
    color: white;
    text-align: center;

    position: fixed;
    right: 2rem;
    bottom: 2rem;

    transition: all 0.1s ease-in-out;
}

.fab:hover {
    box-shadow: 0 6px 10px 0 #666;
    transform: scale(1.05);
}

.fab.disabled, .fab[disabled] {
    opacity: 0.25;
    cursor: not-allowed;
}

.mobile-padding {
    padding-bottom: 3rem;
    padding-top: 3rem;
}

.team-member-photo {
    height: 140px;
    width: 140px;
}

.profile-photo {
    padding-bottom: 1rem;
}

.profile-photo-padding {
    padding-bottom: 2rem;
    padding-top: 2rem;
}

.accordion {
    background-color: #fafafa;
}

.accordion .content {
    background-color: #fafafa;
}

.disabled-tab {
    pointer-events: none;
    cursor: default;
}

.accordion-title {
    color: #555555;
}

.faq-title {
    padding-top: 2rem;
}

.contact-icon {
    padding-bottom: 1.5rem;
}

.avatar-image {
    width: 5.3rem !important;
    height: 5.3rem !important;
    border-radius: 50%;
    margin: 1rem
}

.nsf-logo-text {
    color: #fefefe;
    font-family: 'PT Sans', sans-serif;
}

.nsf {
    display: block;
    width: 100%;
    height: auto;
}

.nsf-container {
    width: 100px
}

.news-logo-light {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1); /* Safari 6.0 - 9.0 */
    transition: all 0.5s ease;
}

.news-logo-light:hover {
    filter: grayscale(0%) brightness(1) invert(0);
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    transform: scale(1.1);
    transition: all 0.5s ease;
}

.heading-padding {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.illustration {
    width: 100%;
}

.cycle-illustration {
    max-width: none;

}

.display-investment-image {
    display: block;
    width: 100%;
    height: auto;
}

.display-investment-container {
    position: relative;
    width: 50%;
    /*max-width: 300px;*/
    transition: all 0.5s ease;
}

.display-investment-container:hover {
    transform: scale(1.06);
}

.display-investment-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 1;
    padding: .75rem;
}

.display-investment-overlay > .display-investment-bubble {
    float: right;
    font-family: "PT Sans";
    padding: .5rem 1rem .5rem 1rem;
    border-radius: 10px;
    text-transform: uppercase;
}

.investment-open{
    background: #5EA566;
    color: #fefefe;
}

.investment-completed{
    background: #EBEBEB;
    color: #5EA566;
}

.display-investment-info{
    background: #EBEBEB;
    padding: .75rem;
}

.display-investment-text {
    font-family: "PT Sans";
    color: #555555;
}

.display-investment-name{
    font-weight: bold;
}

.display-investment-date{

}

.vertical-line {
    border-left: 1px solid #555555;
}

.display-investments-button-wrapper {
    padding: 2rem;
}

.background-number {
    position: relative;
    padding: 1.5rem;
}

.foreground-text {
    position: absolute;
    top:0px;
    left:0px;
}
.highlight-input {
    border: 1px solid;
    boder-color:#566556;
    color: #566556;
    background-color: #fafafa;
}
.fees-input-label {
    color: #566556;
}

.media-drop-menu {
    list-style-type: none;
    border: none;
}
.media-drop-button {
    font-family: 'PT Sans';
    color: #566556;
    font-weight: 500;
    text-transform: uppercase;
    width: inherit;
}

.reveal {
    border-radius: 10px;
}