/* Show it is fixed to the top */
body {
    font-family: 'Oswald', Arial, Helvetica;
    font-weight: normal;
}

.navbar {
    background-image: url('/public/henrich/fish/images/header_bg.png');
    background-position: center center;
    background-size: cover;
    height: 100px;
    width: 100%;
}

nav.navbar.sticky {
    position: fixed;
    top: 0;
    left: 0;
    height: 50px;
    z-index: 500;
    padding-top: 0;
}

.navbar #logo{
    height: 80px;
}

.navbar.sticky #logo{
    height: 40px;
}

footer{
    margin-top: 10px;
}

footer .footer-top{
    background-color: #3d3d3d;
    padding: 15px;
}
footer .footer-top img{
    height: 50px;
}

footer .footer-bottom{
    background-color: #b2b2b2;
    padding: 8px;
}
footer .footer-bottom img{
    height: 20px;
}

/**
 * CARD
 */
.card{
    border: 0px;
    margin-bottom: 40px;
}
.card .card-header {
    padding: 0px;
    border: 0px;
    background: #fff;
}

.card .card-header ol.carousel-indicators {
    margin-bottom: 0px;
    bottom: -40px;
}
.card .card-header .carousel-indicators li {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}
.card .card-header .carousel-indicators li{
    background-color: #cbcbcb;
}

img.card-icon {
    width: 50px;
    background-color: #fff;
    position: absolute;
    left: 10px;
    margin-top: -15px;
    padding-bottom: 5px;
}

.card-body {
    margin-top: 50px;
    padding-top: 0px;
    margin-left: 35px;
    padding-left: 25px;
    border: 0px;
    padding-bottom: 0px;
}

.card .card-title h1 {
    font-size: 1.5em;
    font-weight: bolder;
    text-transform: uppercase;
}

.card .card-title p {
    padding: 0;
    margin: 0;
}

.card .card-title {
    padding-top: 15px;
    padding-left: 25px;
}

.card .card-body .btn.btn-default {
    border-radius: 0px;
    color: #fff;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 10px;
    margin-right: 10px;
}

.card .card-logo{
    max-width: 70%;
    max-height: 300px;
    margin-bottom: 15px;
}

/**
 * CARD BLUE
 */
.card.card-color-blue .card-header .carousel-indicators li.active{
    background-color: #0080bc;
}
.card.card-color-blue .card-body{
    color: #0080bc;
    border-left: 2px solid #0080bc;
}
.card.card-color-blue .card-body .btn.btn-default{
    background-color: #0080bc;
}
.card.card-color-blue svg .st0{
    fill: #0080bc !important;
}

/**
 * CARD DARK BLUE
 */
.card.card-color-dark-blue .card-header .carousel-indicators li.active{
    background-color: #004474;
}
.card.card-color-dark-blue .card-body{
    color: #004474;
    border-left: 2px solid #004474;
}
.card.card-color-dark-blue .card-body .btn.btn-default{
    background-color: #004474;
}
.card.card-color-dark-blue img .st0{
    fill: #004474 !important;
}



/**
 * CARD GREEN
 */
.card.card-color-green .card-header .carousel-indicators li.active{
    background-color: #55983e;
}
.card.card-color-green .card-body{
    color: #55983e;
    border-left: 2px solid #55983e;
}
.card.card-color-green .card-body .btn.btn-default{
    background-color: #55983e;
}
.card.card-color-green img .st0{
    fill: #55983e !important;
}