html {
  font-size: 14px;
}

.project-img {
    width: 1600px
}

.img-banner {
    height: 670px;
    width: 1600px
}
.w-300{
    width: 300px !important
}
.table{
    font-size: 13px
}

.img-100 {
    width: 100%
}

.text-yellow{
    color: #efbf00 !important
}
.button-rounded {
    border-radius: 10px !important
}

.img-thumbnail {
    width: 100px
}

.badge-primrary{
    background-color: dodgerblue;
    color: white !important;
    cursor: pointer;
    border-radius: 5px;
    padding-right: 3px;
    padding-left: 3px;
    font-size: 12px;
    margin-left: 5px
}

    .badge-primrary:hover{
        font-weight: bold
    }


    .label-success {
        background-color: green;
        padding: 2px 10px 2px 10px;
        color: white;
        border-radius: 15px
    }

.label-danger {
    background-color: red;
    padding: 2px 10px 2px 10px;
    color: white;
    border-radius: 15px
}

@media (min-width: 768px) {
    html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  /* margin-bottom: 60px; */
}

#bg-carroussel {
    overflow: hidden;
    position: relative;
}

    #bg-carroussel img {
        height: 100%;
        object-fit: cover;
        position: absolute;
        opacity: 0;
        transition: opacity 2s ease;
    }

        #bg-carroussel img.active {
            opacity: 1;
        }

@media screen and (max-width: 767px) {
    #bg-carroussel {
        display: none;
    }
}

.theme-btn-medium {
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
}

.theme-btn {
    background: #1268EB;;
    color: white;
    /* display: inline-flex; */
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 25px;
    font-size: 16px;
    font-weight: 600;
    /* text-transform: capitalize; */
    cursor: pointer;
    margin-bottom: 0;
    text-align: center;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
    border: none;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .theme-btn::after {
        content: "";
        position: absolute;
        top: 10px;
        left: 0;
        width: 500px;
        height: 200px;
        background-color: #08449E;
        border-color: transparent;
        border-radius: 100px;
        transform: translate(-40px, -80px) scale(0.1);
        opacity: 0;
        z-index: -1;
        -webkit-transition: all 0.5s linear 0s;
        -moz-transition: all 0.5s linear 0s;
        -ms-transition: all 0.5s linear 0s;
        -o-transition: all 0.5s linear 0s;
        transition: all 0.5s linear 0s;
    }

    .theme-btn:hover {
        color: #fff;
    }

        .theme-btn:hover::after {
            opacity: 0.5;
            transform-origin: 100px 100px;
            transform: scale(1) translate(-10px, -70px);
        }


.theme-btn-big {
    height: 55px;
    line-height: 55px;
    padding: 0 30px;
}

/* Botao amarelo */
.secundary-btn {
    background: #FFCD00;
    color: white;
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 25px;
    font-size: 16px;
    font-weight: 600;

    cursor: pointer;
    margin-bottom: 0;
    text-align: center;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
    border: none;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .secundary-btn::after {
        content: "";
        position: absolute;
        top: 10px;
        left: 0;
        width: 500px;
        height: 200px;
        background-color: #d8a600;
        border-color: transparent;
        border-radius: 100px;
        transform: translate(-40px, -80px) scale(0.1);
        opacity: 0;
        z-index: -1;
        -webkit-transition: all 0.5s linear 0s;
        -moz-transition: all 0.5s linear 0s;
        -ms-transition: all 0.5s linear 0s;
        -o-transition: all 0.5s linear 0s;
        transition: all 0.5s linear 0s;
    }

    .secundary-btn:hover {
        color: #fff;
    }

        .secundary-btn:hover::after {
            opacity: 0.5;
            transform-origin: 100px 100px;
            transform: scale(1) translate(-10px, -70px);
        }


.secundary-btn-big {
    height: 55px;
    line-height: 55px;
    padding: 0 30px;
}