body,
html {
    height: 100%;
    font-size: 16px;
}

* {
    box-sizing: border-box;
}

p,
li,
.description {
    font-weight: 400;
    line-height: 1.8rem;
}

.sidebar-collapse .navbar-collapse {
    background: #000;
}

.sidebar-collapse .navbar-collapse::before {
    background: linear-gradient(#b2a37d, #131313 80%);
}

.bg-primary {
    background: #b2a37d !important;
}


.brand {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s;
}

.brand .h1-seo {
    font-size: 3.2rem;
    margin-bottom: .5rem;
}

.brand h3 {
    margin: 0;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    25% {
        opacity: .25;
    }

    50% {
        opacity: .50;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    25% {
        opacity: .25;
    }

    50% {
        opacity: .50;
    }

    100% {
        opacity: 1;
    }
}

.paddingTop {
    padding-top: 2rem;
}

.navbar-white {
    background: #fff !important;
}

.black {
    color: #000;
}

.gold,
.gold-background,
.category {
    color: #b2a37d !important;
}

.background-black {
    background: #131313;
}

.background-black:hover,
.background-black:focus {
    background: #b2a37d !important;
}


.filter-color {
    background: linear-gradient(0deg, rgba(44, 44, 44, .2), rgba(0, 0, 0, .8));
}

.peopleInfo {
    height: 400px;
    width: 100%;
    background: url('../img/friends-happy3.jpg');
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: cover;
}

.testimony {
    padding: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.peopleInfo h2,
.testimony h3 {
    margin: 0;
}

section .section-inner {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

section .section-inner h2 {
    color: #fff;
}

.team {
    padding: 1rem;

}

.cto {
    background: #131313;

}

.team-player .title,
.team-player .description {
    color: #fff;
}

.footer {
    background: #131313;
    color: #b2a37d;
    bottom: ;
    position: fixed;
    width: 100%;
    justify-content: left;
    align-items: stretch;
    font-size: 14px;
}

.footer a {
    justify-content: left;
    text-align: left;
}

.footer a:hover {
    text-decoration: none;
}

.footer a:visited {
    color: #b2a37d;
}

.footer a:hover {
    align-content: space-around;
}

.thanks .wrapper {

    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
    min-height: 594px;
    padding: 24px;


}






#bg-wrap {
    background-image: url('img/Attachment-1-copy.png') center center fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    overflow: hidden;






}

















.nav-pills.nav-pills-just-icons .nav-item .nav-link {
    text-align: center;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    padding: 0;
    max-width: 80px;
    min-width: auto;
    margin-bottom: 4px
}

.nav-pills.nav-pills-just-icons .nav-item .nav-link i {
    line-height: 80px
}

.nav-pills:not(.flex-column) .nav-item:not(:last-child) .nav-link {
    margin-right: 19px
}

.nav-pills .nav-item .nav-link {
    padding: 10px 23px;
    min-width: 100px;
    font-weight: 400;
    text-align: center;
    color: #444
}

.nav-pills .nav-item .nav-link,
.nav-pills .nav-item .nav-link:hover {
    background-color: hsla(0, 0%, 87%, .3)
}

.nav-pills .nav-item .nav-link.active,
.nav-pills .nav-item .nav-link.active:focus,
.nav-pills .nav-item .nav-link.active:hover {
    background-color: #9a9a9a;
    color: #fff;
    box-shadow: 0 5px 35px 0 rgba(0, 0, 0, .3)
}

.nav-pills .nav-item .nav-link.disabled,
.nav-pills .nav-item .nav-link:disabled,
.nav-pills .nav-item .nav-link[disabled] {
    opacity: .5
}

.nav-pills .nav-item i {
    display: block;
    line-height: 60px;
    font-size: 24px
}

.nav-pills.nav-pills-neutral .nav-item .nav-link {
    background-color: hsla(0, 0%, 100%, .2);
    color: #fff
}

.nav-pills.nav-pills-neutral .nav-item .nav-link.active,
.nav-pills.nav-pills-neutral .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-neutral .nav-item .nav-link.active:hover {
    background-color: #000;
    color: #b2a37d !important;
}

.nav-pills.nav-pills-primary .nav-item .nav-link.active,
.nav-pills.nav-pills-primary .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-primary .nav-item .nav-link.active:hover {
    background-color: #000;
    color: #b2a37d !important;
}

.nav-pills.nav-pills-info .nav-item .nav-link.active,
.nav-pills.nav-pills-info .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-info .nav-item .nav-link.active:hover {
    background-color: #2ca8ff
}

.nav-pills.nav-pills-success .nav-item .nav-link.active,
.nav-pills.nav-pills-success .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-success .nav-item .nav-link.active:hover {
    background-color: #18ce0f
}

.nav-pills.nav-pills-warning .nav-item .nav-link.active,
.nav-pills.nav-pills-warning .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-warning .nav-item .nav-link.active:hover {
    background-color: #ffb236
}

.nav-pills.nav-pills-danger .nav-item .nav-link.active,
.nav-pills.nav-pills-danger .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-danger .nav-item .nav-link.active:hover {
    background-color: #ff3636
}

/*
 .clear-filter[filter-color=gold] {
     background: rgba(44, 44, 44, .2);
     background: linear-gradient(0deg, rgba(191, 149, 63, .2), rgba(179, 135, 40, .6), rgba(
         251, 245, 183, .2), rgba(170, 119, 28, .2));
 }
 */
.photo-containerd,
.rounded-circle {
    border: 1px solid #b2a37d;
    border-radius: 50%;
    width: 160px;
    height: 160px;
    overflow: hidden;
    margin: 0 auto;
    box-shadow: 0 10px, 25px, 0, rgba(0, 0, 0, .3);
    display: flex;
    justify-content: center;
    align-items: center;


}





.photo-container {
    border: 1px solid #b2a37d;

    display: flex;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 170px;

}







.bg-img {
    /* The image used */
    background-image: url("/img/pier-60-at-sunset.jpg");

    /* Control the height of the image */
    min-height: 550px;

    /* Center and scale the image nicely */
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

/* Add styles to the form container */
.Xcontainer {
    position: absolute;
    left: 0;
    margin: 20px;
    max-width: 300px;
    padding: 16px;
    background-color: white;
}

.XXcontainer {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-container {
    display: flex;
    justify-content: center;

    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;


}

#report {
    position: relative;
    display: block;
    right: -10%;
    left;
    width: 100%;
    height: 100%;

    z-index: 1;
}

#form-report {
    background-color: #fff;
    padding-top: 30px;
}

.form-header {
    text-align: center;
    padding: 0;
    margin-top: 0;
    font-size: 2em;
}


.input-group-text {
    background-color: transparent;
    font-weight: bolder;
    color: #f8f9fa;
}

.textarea {
    font-weight: bolder;
    color: #f8f9fa;
}

.form-group {
    margin-top: 0em;
    font-weight: bolder;
    color: #f8f9fa;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
}

/* .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #f1f1f1;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
} */

*/ .form-text {
    color: #6c757d;
    display: block;
    margin-top: .25rem;
    font-size: 80%;
    font-weight: 400;
}

/*.btn {
     display: block;
     width: 100%;
     font-weight: 400;
     color: #ffffff;
     cursor: pointer;
     text-align: center;
     vertical-align: middle;
     -webkit-user-select: none;
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;
     border: 1px solid transparent;
     padding: .375rem .75rem;
     font-size: 1rem;
     line-height: 1.5;
     border-radius: .25rem;
     background-color: #007bff;
   }
 */
.comments {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.carousel {
    margin: auto;
    width: 800px;
    height: auto;
}

#demo {
    font-family: digit;
    font-size: 35px;
}

@media screen and (max-width: 500px) {
    .brand .h1-seo {
        font-size: 2.2rem;
    }
}