body {
    overflow-x: hidden;
    background: #000;
}

.border-black {
    border: 1px solid #000;
}

.color-secundary {
    color: #b19335;
}

.size-16 {
    font-size: 16px;
}

.border-change {
    background: #b19335;
    max-width: 586px;
    margin: 0 auto;
    width: 92%;
    height: 28px;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.border-white {
    border: 1px solid #fff;
}

.titles-content {
    text-align: center;
    border-collapse: collapse;
    margin: 0 auto;
    text-align: center;
    line-height: 45px;
    margin-bottom: 10px;
    padding: 15px 0px;
}

.text-title {
    color: #404040;
    font-size: 2.0em;
    margin-left: 13px;
    /*font-family: 'Yanone Kaffeesatz', sans-serif !important;*/
}

.title-content-icon {
    width: 50px;
    background: #b19335;
    height: 32px;
    margin-top: 3px;
    -webkit-border-radius: 20px 0px 15px 20px;
    -moz-border-radius: 20px 0px 15px 20px;
    border-radius: 20px 0px 15px 20px;
}

#firts-content {
    height: 95vh;
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

.menu-fixed {
    position: fixed;
    background: #561a1e;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.menu-absolute {
    padding-top: 30px !important;
    padding-bottom: 5px !important;
    position: absolute;
    background: transparent;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

#header-top {
    padding-top: 20px;
    top: 0px;
    z-index: 9999;
    width: 100%;
}

.menu-absolute .border-menu {
    border-bottom: 1px solid #aa373e;
    width: 100%;
    float: left;
}

#header-top .logo-braga {
    float: left;
    /*max-width: 130px;*/
}

#header-top #menu-bar {
    float: right;
}

#menu-bar .close-mobile {
    display: none;
}

#menu-bar ul {
    text-decoration: none;
    list-style: none;
    float: right;
}

#menu-bar ul li {
    float: left;
}

#menu-bar ul li a {
    font-family: 'Roboto', 'Source Sans Pro', 'Trebuchet MS', 'sans-serif';
    font-weight: 400;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 0.95em;
    float: left;
    padding: 20px 10px;
}

#menu-bar ul li a:hover {
    color: #b19335;
    text-decoration: none;
}

#menu-bar ul li a.active {
    color: #b19335;
    text-decoration: none;
}

#logo-center {
    /*margin: 0 auto;*/
    max-width: 250px;
    /*top: 70%;*/
    /*left: 50%;*/
    /*transform: translate(-50%, -70%);*/
    /*position: absolute;*/
}

#sobre-nos {
    background: #e7e7e7;
    position: relative;
}

#sobre-nos .titles-content {
    position: relative;
}

#links-uteis > div > div > div > a {
    width: 100%;
    display: block;
    color: #6c757d;
}

#links-uteis > div > div > div > a:hover {
    width: 100%;
    display: block;
    color: #561a1e;
}

#quality {
    background: url(../imgs/quality-img.png) #e7e7e7 top center no-repeat;
    height: 524px;
/ position: relative;
    /*background: #e7e7e7;*/
}

#quality .img-quality {

}

.control-pen {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.copyright {
    opacity: 0.4;
}

.copyright:hover {
    opacity: 1;
}

.copyright a {
    color: #FFFFFF;
    text-decoration: none;
}

.copyright a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.copyright a img {
    max-width: 35px;
}

@media (max-width: 736px) {
    #quality {
        -webkit-background-size: 250%;
        background-size: 250%;
    }
}

#time-atuacao {
    background: url(../imgs/time-years.jpg) #EDEDEB top center no-repeat;
    height: 486px;
    text-transform: uppercase;
    position: relative;
    background-attachment: fixed;
    -webkit-background-size: cover;
    background-size: cover;
}

#time-atuacao .text-explain {
    margin-bottom: 8px;
}

#time-atuacao .block-time {
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
    padding-top: 145px;
}

#time-atuacao .text-time {
    color: #fff;
    line-height: 48px;
}

#time-atuacao .time {
    font-weight: bold;
    text-align: center;
    font-size: 65px;
}

#time-atuacao .time-at {
    font-size: 42px;
    word-spacing: 13.5px;
    text-align: center;
}

.article-text {
    line-height: 20px;
}

.envelope-sobre {
    margin-top: -25px;
}

#objetivos {
    padding-top: 35px;
    padding-bottom: 55px;
}

#team {
    background: url(../imgs/pattern-bg.png);
}

#area-atuacao {
    background: url(../imgs/bg-work.jpg);
}

#area-atuacao article {
    font-size: 1.2em;
    text-align: left;
    font-weight: 400;
}

#area-atuacao .text-title {
    color: #ffffff !important;
}

#area-atuacao .sub-title {
    font-size: 15px;
    color: #ffffff;
    padding: 0px 150px;
    margin-bottom: 95px;
}

#area-atuacao .title-content-icon {
    background: #ffffff;
}

#area-atuacao .text-title strong {
    color: #ffffff !important;
}

#area-atuacao .icon-atuacion {
    width: 130px;
    height: 130px;
    float: left;
    margin-right: 5px;
}

#area-atuacao .block-icon {
    -ms-transform: scale(0.9); /* IE 9 */
    -webkit-transform: scale(0.9); /* Chrome, Safari, Opera */
    transform: scale(0.9);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

#area-atuacao .block-icon:hover {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Chrome, Safari, Opera */
    transform: scale(1.1);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

#area-atuacao .icon-atuacion img {
    width: 100%;
}

#area-atuacao .text {
    color: #fff;
    font-size: 18px;
    height: 130px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.pen-imagem {
    max-width: 452px;
    position: absolute;
    bottom: -490px;
    right: -180px;
    z-index: 9;
}

.team-unit {
    margin-bottom: 15px;
}

.team-unit {
    -ms-transform: scale(0.9); /* IE 9 */
    -webkit-transform: scale(0.9); /* Chrome, Safari, Opera */
    transform: scale(0.9);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.team-unit:hover {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Chrome, Safari, Opera */
    transform: scale(1.1);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.team-unit .block-name {
    background: #561a1e;
    width: 100%;
    text-align: center;
    padding: 15px 15px;
    color: #ffffff;
    line-height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 66px;
}

.block-contact {
    background: #561a1e;
    padding: 125px 0px;
}

#contato .title-contato {
    color: yellow;
    font-size: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
    letter-spacing: 0px;
}

#contato .button-send {
    background: yellow;
    text-transform: uppercase;
    font-size: 14px;
    padding: 15px 25px;
    cursor: pointer;
    font-weight: normal !important;
}

.block-contact *:not(i) {
    /*font-family: 'Yanone Kaffeesatz', sans-serif !important;*/
    /*font-weight: 300;*/
}

.form-control {
    font-size: 15px !important;
    letter-spacing: 0px;
    padding: 12px !important;
}

.form-control:focus, input {
    outline: none !important;
    border-color: unset !important;
}

.contact-details a:visited, .contact-details a:hover, .contact-details a, .contact-details {
    color: #ffffff;
    text-decoration: none;
}

.menu-mobile {
    display: none;
}

@media (max-width: 1037px) {
    .menu-mobile {
        padding: 10px 15px;
        color: #ffffff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #ffffff;
        float: right;
        font-size: 1.5em;
        display: flex;
        display: -webkit-flex;
        margin: 10px 0px;
    }

    #menu-bar {
        display: none;
        overflow: hidden !important;
    }

    #menu-bar {
        position: fixed;
        left: 0px;
        width: 100%;
        background: rgba(86, 26, 30, 0.9);
        height: 100vh;
        top: 0;
        float: unset;
    }

    #menu-bar ul {
        display: -webkit-flex;
        -webkit-flex-direction: column;
        display: flex;
        flex-direction: column;
        height: 100vh;
        justify-content: space-evenly;
        float: unset;
        align-items: center;
    }

    .pen-imagem {
        display: none;
    }

    #quality {
        background-color: #ffffff;
    }

    #area-atuacao .sub-title {
        padding: 15px;
    }

    #menu-bar .close-mobile {
        color: #fff;
        float: right;
        font-size: 2em;
        padding-right: 15px;
        position: fixed;
        right: 0px;
        display: block;
        cursor: pointer;
    }

    .block-contact {
        padding: 10px 0px;
    }

    #header-top {
        padding: 0px;
    }

    #header-top .logo-braga {
        max-width: 170px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .set-table {
        display: table !important;
    }

    .set-table figure {
        display: table-footer-group;
    }

    #time-atuacao {
        background: url(../imgs/time-years.jpg) #EDEDEB left center no-repeat;
        -webkit-background-size: 250% !important;
        background-size: 250% !important;
    }

    #quality {
        display: none;
    }

    .text-title {
        font-size: 1.5em;
    }
}

.button-trabalhe {
    border: 1px solid rgba(96, 15, 15, 0.98) !important;;
    color: rgba(96, 15, 15, 0.98);
    padding: 15px !important;
}

.button-trabalhe * {
    outline: none !important;
}

.button-trabalhe:hover {
    color: rgba(192, 26, 26, 0.98);
}