nav.navbar-transparent {
    box-shadow : 0 0 15px rgba(0,0,0,0.03) !important;
}
.btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, .open > .btn.btn-primary.dropdown-toggle, .open > .btn.btn-primary.dropdown-toggle:focus, .open > .btn.btn-primary.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-primary, .navbar .navbar-nav > li > a.btn.btn-primary:hover, .navbar .navbar-nav > li > a.btn.btn-primary:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active, .navbar .navbar-nav > li > a.btn.btn-primary.active, .navbar .navbar-nav > li > a.btn.btn-primary:active:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active:hover, .navbar .navbar-nav > li > a.btn.btn-primary.active:focus, .navbar .navbar-nav > li > a.btn.btn-primary.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:hover {
    /*background-color: #F4CD0C !important;*/
}

.btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:hover, .navbar .navbar-nav > li > a.btn.btn-primary:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active, .navbar .navbar-nav > li > a.btn.btn-primary:hover {
    box-shadow: 0 14px 26px -12px rgb(230 208 98), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgb(222 203 107 / 97%);
}

.btn.btn-success, .btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success.active, .btn.btn-success:active:focus, .btn.btn-success:active:hover, .btn.btn-success.active:focus, .btn.btn-success.active:hover, .open > .btn.btn-success.dropdown-toggle, .open > .btn.btn-success.dropdown-toggle:focus, .open > .btn.btn-success.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-success, .navbar .navbar-nav > li > a.btn.btn-success:hover, .navbar .navbar-nav > li > a.btn.btn-success:focus, .navbar .navbar-nav > li > a.btn.btn-success:active, .navbar .navbar-nav > li > a.btn.btn-success.active, .navbar .navbar-nav > li > a.btn.btn-success:active:focus, .navbar .navbar-nav > li > a.btn.btn-success:active:hover, .navbar .navbar-nav > li > a.btn.btn-success.active:focus, .navbar .navbar-nav > li > a.btn.btn-success.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle:hover {
    /*background-color: #F4CD0C !important;*/
}

.btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success:hover, .navbar .navbar-nav > li > a.btn.btn-success:focus, .navbar .navbar-nav > li > a.btn.btn-success:active, .navbar .navbar-nav > li > a.btn.btn-success:hover {
    box-shadow: 0 14px 26px -12px rgb(255 235 138), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgb(251 234 151);
}

.btn.btn-success, .navbar .navbar-nav > li > a.btn.btn-success {
    box-shadow: 0 2px 2px 0 rgb(255 235 135), 0 3px 1px -2px rgb(255 232 117), 0 1px 5px 0 rgb(255 242 176);
}

.btn.btn-warning, .btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning.active, .btn.btn-warning:active:focus, .btn.btn-warning:active:hover, .btn.btn-warning.active:focus, .btn.btn-warning.active:hover, .open > .btn.btn-warning.dropdown-toggle, .open > .btn.btn-warning.dropdown-toggle:focus, .open > .btn.btn-warning.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-warning, .navbar .navbar-nav > li > a.btn.btn-warning:hover, .navbar .navbar-nav > li > a.btn.btn-warning:focus, .navbar .navbar-nav > li > a.btn.btn-warning:active, .navbar .navbar-nav > li > a.btn.btn-warning.active, .navbar .navbar-nav > li > a.btn.btn-warning:active:focus, .navbar .navbar-nav > li > a.btn.btn-warning:active:hover, .navbar .navbar-nav > li > a.btn.btn-warning.active:focus, .navbar .navbar-nav > li > a.btn.btn-warning.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle:hover {
    /*background-color: #F4CD0C !important;*/
    color: white !important;
}

.navbar .dropdown-menu li > a:hover, .navbar .dropdown-menu li > a:focus, .navbar.navbar-default .dropdown-menu li > a:hover, .navbar.navbar-default .dropdown-menu li > a:focus {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(253 245 204);
}

.main-raised {
    box-shadow: 0 0 15px rgb(0 0 0 / 8%);
}

.profile-page .description {
    margin: 0px auto 0;
}

.btn.btn-primary, .navbar .navbar-nav > li > a.btn.btn-primary {
    box-shadow: 0 2px 2px 0 rgb(255 245 196 / 52%), 0 3px 1px -2px rgb(255 243 181 / 35%), 0 1px 5px 0 rgb(255 236 144 / 55%);
}

@media (min-width: 768px) {
    .collapse > ul.navbar-right {
        margin-top: 7px !important;
    }
}
.card .header-primary, .card .content-primary {
    background: linear-gradient(60deg, #08496f, #006baf);
}
.page-header {
    height: 90vh;
}
.background-bg {
    background: #F9F9F8;
    margin-top: 15%;
}

body {
    background-color: #f3f3f3;
}
.header-filter::before {
    background-color: #f9f9f8e3;
}

.footer-banner {
    position: relative;
    z-index: 10;
    align-self: center;
    -webkit-align-self: center;
    -moz-align-self: center;
    -o-align-self: center;
    width: 100%;
    height: auto;
    margin-bottom: 0;
    border-radius: 30px;
    background-color: #f9f9f9;
    margin-top: 15%;
}
.top-banner-vector {
    position: absolute;
    top: -18px;
    left: -18px;
    margin: 0;
}
.footer-banner > .top-banner-vector > img {
    vertical-align: middle;
    border-style: none;
}
.footer-banner-art {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%;
    height: 100%;
    padding: 3em;
    border-bottom-left-radius: 30px;
    background: #ececec;
}
.feedback-description {
    color: #113f59;
    font-family: "Ubuntu",sans-serif;
    font-size: 1.600em;
    font-weight: normal;
    font-style: italic;
    line-height: 1.4;
}
.footer-banner-description {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%;
    height: 100%;
    padding: 3em;
}
.bottom-banner-vector {
    position: absolute;
    right: -18px;
    bottom: -55px;
    margin: 0;
}

footer.footer {
    /*position: absolute;*/
    bottom: 0px;
}
@media (max-width: 768px) {
    .footer-banner > .top-banner-vector {
        z-index: -1;
    }
    .bottom-banner-vector {
        z-index: -1;
    }

}