@keyframes colorshifter {
    0% {fill: #58b56f;background-color:#58b56f;}
    50% {fill: #548ef8;background-color:#548ef8;}
    75% {fill: #f8d766;background-color:#f8d766;}
    100% {fill: #f88686;background-color:#f88686;}
}

.logo{
    width: 50%;
    left: 25%;
    position: relative;   
    margin:2px 0;
    top:2px;
}

.logo path, header, section.success, hr.star-light:after{
    stroke-width: 1px;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-name:colorshifter;
}

.navbar-custom .navbar-nav li a:hover{
    color: #999;
}

.navbar-custom .navbar-nav li.active a, .navbar-custom .navbar-nav li.active a:focus, .navbar-custom .navbar-nav li.active a:hover{
    background-color:inherit;
    border-bottom: solid 1px #FFF;
}

.rounded-mini-spash{
    width: 100%;
    max-width: 355px;
    border-radius: 50%;
}

fa-map:before{
    content:\f041
}