/*!
 * b4st v3.1 | Unicence
 * http://simonpadbury.github.io/Codebase/
 */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

.author-bio, .comments-wrap {
    margin: 36px auto;
    max-width: 720px;
    padding-left: 16px;
    padding-right: 16px
}

.site-header-image {
    display: block;
    margin: auto
}

.alignleft {
    float: left
}

.alignright {
    float: right
}

.aligncenter {
    clear: both;
    display: block
}

.author-bio .avatar {
    border: 1px solid #dee2e6;
    border-radius: 50%
}

.wp-block-cover-text p {
    padding: 1.5em 16px
}

@media screen and (min-width:768px) {
    .wp-block-cover-text p {
        padding: 1.5em 0
    }
}

ul.wp-block-latest-posts.alignfull, ul.wp-block-latest-posts.alignwide, ul.wp-block-latest-posts.is-grid.alignwide {
    padding: 0 16px
}

@media screen and (min-width:768px) {
    .entry-content, .entry-header {
        font-size: calc(1rem + 0.375*(100vw - 768px)/432);
        font-weight: 300;
        line-height: inherit
    }

    .entry-header h1 {
        font-size: calc(2.5rem + 0.9375*(100vw - 768px)/432)
    }
}

@media screen and (min-width:1200px) {
    .entry-content, .entry-header {
        font-size: 1.375rem
    }

    .entry-header h1 {
        font-size: 3.4375rem
    }
}

.more-link {
    display: block
}

.wp-block-code {
    padding: .5em 1em;
    margin: 0 0 1.5rem
}

.entry-content ol, .entry-content ul:not(.blocks-gallery-grid) {
    margin: 0 auto 1.5em;
    max-width: 720px;
    list-style-position: outside
}

.entry-content li {
    margin-left: 2.5em
}

.entry-content ol ol, .entry-content ol ul, .entry-content ul ol, .entry-content ul ul {
    margin: 0 auto
}

.entry-content ol ol li, .entry-content ol ul li, .entry-content ul ol li, .entry-content ul ul li {
    margin-left: 0
}

.wp-block-quote {
    margin-left: 16px;
    margin-right: 16px;
    padding: 0
}

.wp-block-quote>* {
    margin-left: 1rem
}

.wp-block-quote.is-large, .wp-block-quote.is-style-large {
    margin: 36px auto;
    padding: 0
}

.wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer {
    font-size: 13px;
    font-size: .8125rem
}

@media screen and (min-width:768px) {
    .wp-block-quote {
        margin: 48px auto
    }
}

.wp-block-pullquote>p:first-child {
    margin-top: 0
}

.wp-block-pullquote.alignright {
    margin-left: 2rem
}

.wp-block-pullquote.alignleft {
    margin-right: 2rem
}

.entry-content {
    margin: 48px auto;
    max-width: 720px;
    padding-left: 16px;
    padding-right: 16px
}

.entry-content>.alignwide, .wp-block-gallery.alignwide, .wp-block-image.alignwide {
    width: 100vw;
    max-width: 1100px;
    margin: 1.5em 0 1.5em 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.entry-content>.alignwide>img {
    width: 1100px
}

.entry-content>.alignfull, .wp-block-gallery.alignfull, .wp-block-image.alignfull {
    width: 100vw;
    max-width: 100vw;
    margin: 1.5em 0 1.5em 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.entry-content>.alignfull>img {
    width: 100vw
}

@media screen and (min-width:768px) {
    .entry-content>* {
        padding-left: 0;
        padding-right: 0
    }

    .w-sm-30 {
        width: 30%;
    }

    .w-sm-50 {
        width: 50%;
    }

    .w-sm-40 {
        width: 40%;
    }
}

.wp-block-columns {
    padding-right: 1rem;
    padding-left: 1rem
}

.wp-block-separator {
    margin: 3em auto;
    padding: 0
}

.wp-block-group>.wp-block-group__inner-container>* {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto
}

.wp-block-group>.wp-block-group__inner-container>.alignwide {
    width: 100vw;
    max-width: 1100px;
    margin: 1.5em 0 1.5em 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.wp-block-group>.wp-block-group__inner-container>.alignfull {
    width: 100vw;
    max-width: 100vw;
    margin: 1.5em 0 1.5em 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.wp-block-group.has-background>.wp-block-group__inner-container>:first-child {
    margin-top: 0
}

.wp-block-group.has-background>.wp-block-group__inner-container>.alignfull {
    width: calc(100% + 60px);
    max-width: calc(100% + 60px);
    position: relative;
    left: -30px
}

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail, img {
    max-width: 100%;
    height: auto
}

.wp-block-image img {
    display: block
}

.wp-block-image.alignleft, .wp-block-image.alignright {
    width: 100%
}

.wp-block-image.alignfull img {
    width: 100vw
}

.wp-block-image .alignleft figcaption, .wp-block-image .alignleft img, .wp-block-image .alignright figcaption, .wp-block-image .alignright img {
    max-width: 100%;
    width: 100%
}

.wp-block-gallery.alignfull, .wp-block-image .alignfull {
    width: 100vw
}

.wp-block-gallery.alignleft, .wp-block-gallery.alignright, .wp-block-image .alignleft, .wp-block-image .alignright {
    max-width: 344px
}

.wp-block-gallery.alignright, .wp-block-image .alignright {
    margin-left: 2rem
}

.wp-block-gallery.alignleft, .wp-block-image .alignleft {
    margin-right: 2rem
}

.wp-block-embed.type-video>.wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%
}

.wp-block-embed.type-video>.wp-block-embed__wrapper>iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.wp-block-video video {
    max-width: 720px
}

.wp-block-table {
    overflow-x: auto;
    margin: 1.5rem0
}

.wp-block-table table {
    border-collapse: collapse
}

.wp-block-table td, .wp-block-table th {
    padding: .5em
}

#comments, #reply-title {
    margin-top: 1.5rem;
    margin-bottom: 1rem
}

.commentlist, .commentlist ul {
    padding-left: 0
}

.commentlist li {
    padding: 1rem
}

.comment-meta {
    margin-bottom: 1rem
}

.comment>.children {
    margin-top: 1rem;
    margin-right: -.625rem;
    margin-bottom: -1.625rem
}

body {
    display: -webkit-box;
    display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    font-family: 'ubuntu';
}

main {
    -webkit-box-flex: 1;
    flex: 1 0 auto
}

#site-footer {
    background-color: #f3f4f5
}

a, a:hover {
    text-decoration: none;
    color: inherit;
}

/*# sourceMappingURL=b4st.css.map */

/*HEADER*/
.navbar {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(rgb(0, 0, 0, 1), rgb(0, 0, 0, 0));
}

.navbar-nav {
    gap: 40px;
}

.navbar-dark .navbar-nav .nav-link, .footer-menu .nav-link {
    color: #fff;
    padding: 0;
    text-transform: uppercase;
    font-size: .9rem;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, .footer-menu .nav-link:hover,
.navbar-dark .navbar-nav .active>.nav-link {
    font-weight: 700;
    color: #fff;
}

.navbar-collapse {
    justify-content: end;
}

.logo {
    width: 200px;
}

.menu-adicional {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: end;
}

.menu-header {
    position: relative;
}

.menu-header::after {
    content: '';
    background-color: #fff;
    width: 100%;
    height: 1px;
    display: block;
    margin: 1rem 0;
}

.social-header {
    display: flex;
    gap: 20px;
    align-items: center;
}

.fab, .fa-brands {
    font-size: 22px;
    color: #fff;
    transition: all 500ms;
}

.fa-square-instagram:hover, .fa-linkedin:hover, .fa-youtube:hover {
    color: #FDEC00 !important;
}

.btn-white-transparent {
    background-color: transparent;
    border: 1px solid #fff;
    padding: 0.3rem 1rem;
    color: #fff;
    text-transform: uppercase;
    transition: all 500ms;
}

.btn-white-transparent:hover {
    background-color: #FDEC00;
    color: #0D3746;
    border-color: #FDEC00;
}

.btn-transparent-yellow {
    background-color: transparent;
    border: 1px solid #FDEC00;
    padding: 0.3rem 1rem;
    color: #FDEC00;
    text-transform: uppercase;
    font-size: .9rem;
    transition: all 500ms;
}

.btn-transparent-yellow:hover {
    background-color: #FDEC00;
    color: #0D3746;
    border-color: #FDEC00;
}

.btn-yellow {
    background-color: #FDEC00;
    border: 1px solid #FDEC00;
    padding: 0.3rem 1rem;
    color: #EA1A29;
    text-transform: uppercase;
    font-size: .9rem;
    transition: all 500ms;
}

.btn-yellow:hover {
    background-color: #EA1A29;
    color: #FDEC00;
    border-color: #EA1A29;
}


/*BANNER*/
.banner-home {
    background-size: cover;
    background-position: center;
    height: 100vh;
    display: flex !important;
    align-items: center;
    justify-content: center;

    & h1 {
        color: #fff;
        font-weight: 700;
        font-size: 3.5rem;
        text-align: center;
        font-family: 'orbitron';
        text-transform: uppercase;
        line-height: 1em;
    }

    & span {
        text-transform: none;
        font-size: 2rem;
        font-family: 'ubuntu';
        display: block;
        line-height: 1.5em;
    }

    & span:last-child {
        font-weight: 400;
        font-size: 1.5rem;
    }
}

.banner-1 {
    padding-top: 10rem;
}

.banner-2 {
    padding-top: 10rem;

    & h1 {
        color: #fff;
        font-weight: 700;
        font-size: 5rem;
        text-align: center;
        font-family: 'orbitron';
        text-transform: uppercase;
        line-height: 1em;
    }

    & span {
        text-transform: none;
        font-size: 1.5rem;
        font-family: 'ubuntu';
        display: block;
        line-height: 1.3em;
        font-weight: 400;
    }

    & span:last-child {
        font-size: 2rem;
    }
}

.banner-3 {
    justify-content: left;
    padding-bottom: 8rem;

    & img {
        width: 600px;
        margin-left: 3rem;
    }
}

.slick-dots {
    margin: 0 auto;
    padding: 1rem 0;
    list-style-type: none;
    margin-top: 2rem;
    position: absolute;
    right: 0;
    left: 0;
    display: flex;
    justify-content: center;
    bottom: 2rem;

    & li {
        margin: .5rem .3rem;
    }

    & button {
        display: block;
        width: 15px;
        height: 15px;
        padding: 0;
        border: 1px solid #fff;
        border-radius: 900px;
        background-color: transparent;
        text-indent: -9999px;
    }

    & li button {
        font-size: 0;
    }
}

li.slick-active button {
    background-color: #fff;
    padding-right: 2rem;
}


/*QUEM SOMOS*/
.quem-somos-home {
    background-color: #1D1D1B;
    display: flex;
    justify-content: space-between;
    align-items: center;

    & img {
        width: 60%;
    }

    & p {
        color: #fff;
        margin: 2rem 0;
        width: 75%;
    }

    & h2 {
        font-family: 'orbitron';
        color: #8E9492;
        text-transform: uppercase;
        font-size: 3rem;
        font-weight: 400;
        line-height: 1em;
    }

    & span {
        display: block;
        font-size: 4rem;
        font-weight: 700;

    }
}

/*REFERENCIA*/
.referencia {
    padding: 3rem 0;
    position: relative;
    overflow-x: hidden;

    & h2 {
        text-transform: uppercase;
        display: flex;
        align-items: center;
        font-size: 2rem;
        font-weight: 400;
        margin-bottom: 2rem;

        & span {
            font-family: 'orbitron';
            font-size: 3rem;
            font-weight: 700;
            margin-left: .8rem;
        }
    }

    & h3 {
        text-transform: uppercase;
        font-size: 1.5rem;
        font-weight: 700;
        display: inline-block;
        position: relative;

        &::before {
            content: '';
            display: block;
            background-color: #8E9492;
            width: calc(100vw - 20px);
            height: 2px;
            position: absolute;
            right: 103%;
            top: 50%;
            transform: translateY(-50%);
        }
    }

    & h4 {
        text-transform: uppercase;
        font-weight: 700;
        color: #8E9492;
        font-size: 1.2rem;
        margin-top: 2rem;
    }

    & .container .col-md-6>img {
        border-radius: 25px;
        height: 500px;
        width: 100%;
        object-fit: cover;
    }
}

.grafismo-left-referencia {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: -webkit-fill-available;
    width: 192px;
}

.grafismo-right-referencia {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: -webkit-fill-available;
    width: 250px;
}

.mobile-referencia {
    margin-top: 5rem;

    & h3::after {
        content: '';
        display: block;
        background-color: #8E9492;
        width: calc(100vw - 20px);
        height: 2px;
        position: absolute;
        left: 112%;
        top: 50%;
        transform: translateY(-50%);
    }

    & h3::before {
        content: none;
    }

    & .col-md-6:last-child {
        padding-left: 2rem;
    }
}

.atuacao-home {
    background-image: url(../img/bg-atuacao-home.jpg);
    background-size: cover;
    background-position: center;
    padding-top: 3rem;

    & h2 {
        color: #fff;
        font-weight: 700;
        font-size: 4rem;
        text-transform: uppercase;
        line-height: .7em;

        & span {
            display: block;
            font-family: 'orbitron';
            font-size: 1.8rem;
            font-weight: 400;
            margin-left: 2.2rem;
        }
    }

    & p {
        color: #fff;
        margin: 2rem 0;
        width: 50%;
    }
}

.frota {
    margin: 30rem 0 -33rem 0;
    position: relative;

    & h3 {
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 2rem;
        margin-bottom: 2rem;

        & span {
            font-family: 'orbitron';
            font-weight: 700;
        }
    }
}

.frota-fotos {
    row-gap: 1.5rem;

    & img {
        height: 300px;
        width: 100%;
        object-fit: cover;
    }
}

.clientes {
    background-color: #EA1A29;
    padding: 35rem 0 5rem 0;

    & h2 {
        color: #fff;
        text-transform: uppercase;
        font-size: 4rem;
        font-family: 'orbitron';
        font-weight: 700;
        line-height: .9em;
        margin-bottom: 3rem;

        & span {
            font-family: 'ubuntu';
            font-size: 3.5rem;
            font-weight: 400;
            display: block;
            margin-left: 3rem;
        }
    }
}

.clientes-logo {
    gap: 20px;
    justify-content: space-around;

    & .col-md-2 {
        width: 18.5%;
        background-color: #fff;
        border-radius: 16px;
        padding: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;

    }
}

.form-section {
    background-image: url(../img/bg-form.jpg);
    background-size: cover;
    background-position: center;
    padding: 5rem 0 3rem 0;
    margin-bottom: -2px;

    & h2 {
        color: #fff;
        font-size: 2rem;
        text-transform: uppercase;

        & span {
            font-family: 'orbitron';
            font-size: 2.5rem;
            display: block;
        }
    }

    & p {
        color: #fff;
    }
}

.form {
    width: 40%;
}

.form-control {
    background-color: rgb(255, 255, 255, .27);
    color: #fff !important;
    border-radius: 15px;
    height: 3rem;

    &::placeholder {
        text-transform: uppercase;
        color: #fff;
        font-size: .8rem;
    }

    &:focus {
        background-color: inherit;
        box-shadow: none;
        border-color: unset;
    }

    & option {
        color: #000;
    }

}

.wpcf7-submit {
    color: #000;
    font-weight: 700;

    &:hover {
        background-color: #000;
        border-color: #000;
        color: #FDEC00;
    }
}

.wpcf7-response-output {
    color: #fff;
}

.footer {
    background-color: #1D1D1B;
    padding: 1rem 0 0 0;

    & .navbar {
        position: unset;
        background: none;
    }
}

.copyright {
    text-align: center;
    font-size: .7rem;
    color: #fff;
    text-transform: uppercase;

    &::before {
        content: "";
        display: block;
        background-color: #8E9492;
        width: 100%;
        height: 1px;
        margin: 2rem 0 2rem 0;
    }
}

.linhas-banner {
    position: absolute;
    height: -webkit-fill-available;
    top: 0;
    left: 2rem;
    bottom: 0;
    pointer-events: none;
}

/*QUEM SOMOS*/
.banner-pages {
    background-size: cover;
    padding: 15rem 0;
    position: relative;

    & h1 {
        color: #fff;
        font-family: 'orbitron';
        font-size: 3rem;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
    }

    &::after {
        content: '';
        display: block;
        background-color: #fff;
        position: absolute;
        top: 0;
        right: 3rem;
        height: 100%;
        width: 1px;
        transform: rotate(-9deg);
    }
}

.quem-somos-page {
    background-color: #1D1D1B;
    padding-top: 5rem;

    & p {
        color: #fff;
        margin: 2rem 0;
    }

    & h2 {
        font-family: 'orbitron';
        color: #8E9492;
        text-transform: uppercase;
        font-size: 3rem;
        font-weight: 400;
        line-height: 1em;

        & span {
            display: block;
            font-size: 4rem;
            font-weight: 700;

        }
    }



    & .frota {
        margin: 3rem 0 -10rem 0;
    }
}

/*AREAS DE ATUAÇÃO*/
.banner-atuacao {
    & h1 {
        color: transparent;
        -webkit-text-stroke: 1px #fff;
        text-stroke: 1px #fff;
        font-size: 6rem;
        font-family: 'ubuntu';
        text-align: unset;
        width: max-content;
        margin: 0 auto;
        line-height: .7em;
    }

    & span {
        font-family: 'orbitron';
        -webkit-text-stroke: unset;
        color: #fff;
        display: block;
        font-size: 2.5rem;
        margin-left: 3.5rem;
    }
}

.atuacao-geral {
    background-color: #1D1D1B;
    padding: 5rem 0;

    & p {
        color: #fff;
    }

    & h3 {
        color: #fff;
        font-family: 'orbitron';
        font-weight: 700;
        font-size: 1.5rem;
    }
}

.bg-atuacao-item {
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 400px;
    background-size: cover;
    background-position: center;
    padding: 2rem;

    & p {
        margin-bottom: 0;
    }
}

.atuacao-item {
    margin: 5rem 0;

    & h2 {
        font-family: 'orbitron';
        color: #8E9492;
        text-transform: uppercase;
        font-size: 3rem;
        display: flex;
        align-items: center;
        gap: .8rem;
        font-weight: 700;
        margin-bottom: 2rem;

        & span {
            font-size: 2.5rem;
            font-family: 'ubuntu';
            font-weight: 400;
        }
    }

    & h3 {
        color: #fff;
        font-family: 'orbitron';
        font-weight: 700;
        margin-top: 2rem;
    }

    & .row img {
        width: 100%;
        height: 380px;
        object-fit: cover;
    }
}

.contribuir {
    margin-top: -3rem;
}

/*EQUIPAMENTOS*/
.equipamentos-geral {
    background-color: #1D1D1B;
    padding: 5rem 0;
}

.equipe-foto {
    height: 410px;
    background-size: cover;
    cursor: pointer;

    & h2 {
        color: #fff;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 1.5rem;

        & span {
            font-family: 'orbitron';
            font-size: 2rem;
            font-weight: 700;
            display: block;
        }
    }
}

.modal-equipe {
    & .container {
        display: none;
    }

    & h2 {
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 2rem;
        margin-bottom: 2rem;

        & span {
            font-family: 'orbitron';
            font-size: 3rem;
            display: block;
        }
    }
}

.bg-red-equipamento {
    background-color: #EA1A29;
    color: #fff;
    padding: 2rem;

    & .close {
        opacity: 1;
        cursor: pointer;
    }
}

.equipe-padding {
    padding: 0;

    & img {
        height: 100%;
        object-fit: cover;
    }
}

#equipe-none {
    row-gap: 2rem;
}

.etica {
    padding: 3rem 0;
    & h2 {
        text-transform: uppercase;
        font-size: 1.85rem;
        font-weight: 400;
        color: #8E9492;
        font-family: 'ubuntu';
        line-height: 1.5em;
        margin-bottom: 2rem;

        & span {
            font-family: 'orbitron';
            font-size: 4rem;
            font-weight: 700;
            display: block;
        }
    }
    & p {
        margin: 0 0 1rem 0;
    }
}

.contato {
    display: none;
    background-color: #1D1D1B;
    padding: 3rem 0;

    & ul {
        padding: 0;
    }

    & li {
        list-style: none;
        color: #fff;
        margin: 1rem 0;
    }

    & li img {
        width: 19px;
        height: 15px;
        object-fit: contain;
    }

    & h2 {
        text-transform: uppercase;
        font-size: 1.5rem;
        font-weight: 400;
        color: #8E9492;

        & span {
            font-family: 'orbitron';
            font-size: 3rem;
            font-weight: 700;
            display: block;
        }
    }

    & .social-header {
        margin-top: 1rem;

        & .fab, .fa-brands {
            color: #FDEC00;

            &:hover {
                color: #fff !important;
            }
        }
    }
}

.page-id-143 {
    & .form-section {
        position: relative;
        &::after {
            content: '';
            display: block;
            background-color: #fff;
            position: absolute;
            bottom: 0;
            left: 1rem;
            height: 100%;
            width: 1px;
            transform: rotate(-6deg);
        }
        & .linhas-banner {
            right: 0;
            left: auto;
            display: block !important;
        }
    }
}

/*MIDIA*/
.midia {
    background-color: #1D1D1B;
    padding-top: 5rem;

    & p {
        color: #fff;
    }

    & h2 {
        font-family: 'orbitron';
        color: #8E9492;
        text-transform: uppercase;
        font-size: 2.5rem;
        display: flex;
        align-items: center;
        gap: .8rem;
        font-weight: 700;
        margin-bottom: 2rem;

        & span {
            font-size: 2.5rem;
            font-family: 'ubuntu';
            font-weight: 400;
        }
    }

    & iframe {
        width: 100% !important;
    }
}

.galeria-videos {
    margin-bottom: -10rem;
}

.videos {

    & .col-md-4>div {

        &::after {
            content: '';
            background-color: #000;
            opacity: .53;
            display: block;
            width: 100%;
            height: 300px;
            position: absolute;
            top: 0;
            pointer-events: none;
        }
    }
}

.videos-modal {
    & .modal-body {
        padding: 0;
    }

    & .modal-content {
        background-color: transparent;
    }

    & .modal {
        --bs-modal-width: 640px;
    }

    & .modal-header {
        padding: .2rem 1rem;
        background-color: #fff;
    }
}

.capa-do-video {
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.play {
    position: absolute;
    left: 10.5rem;
    top: 6rem;
    width: 100px;
    height: auto;
    pointer-events: none;
    z-index: 1;
}

.grecaptcha-badge {
    visibility: hidden;
}


/*OBRIGADO PAGE*/
.obrigado {
    background-color: #1D1D1B;
    color: #fff;
    text-align: center;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    & h1 {
        font-family: 'orbitron';
    }
}


/*MOBILE*/
@media (max-width: 768px) {
    .navbar {
        padding: 1rem .5rem;
        z-index: 2;
    }

    .navbar-dark .navbar-toggler {
        border-color: #fff;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .bg-header-mobile {
        background: rgb(0, 0, 0);
        padding-bottom: 1rem;
    }

    .menu-geral-header {
        display: flex;
        flex-direction: column;
    }

    .navbar-nav {
        margin: 2rem 0 1rem 0 !important;
        gap: 20px;
    }

    .menu-header {
        order: 1;

        &::before {
            content: '';
            background-color: #fff;
            width: 100%;
            height: 1px;
            display: block;
            margin: 1rem 0;
        }

        &::after {
            content: none;
        }
    }

    .menu-adicional {
        justify-content: left;
    }

    .linhas-banner, .banner-pages::after {
        display: none;
    }

    .banner-home {
        height: 65vh;

        & h1 {
            font-size: 2rem;
        }

        & span {
            font-size: 1.2rem;
        }

        & span:last-child {
            font-size: 1rem;
        }
    }

    .banner-1, .banner-2 {
        padding-top: 7rem;
    }

    .banner-2 {
        & h1 {
            font-size: 2.5rem;
        }

        & span {
            text-transform: none;
            font-size: 1rem;
        }

        & span:last-child {
            font-size: 1.5rem;
        }
    }

    .banner-3 {
        justify-content: center;
        padding-bottom: 0;

        & img {
            width: 100%;
            margin-left: 0;
        }
    }

    .slick-dots {
        bottom: 0;
    }

    .quem-somos-home {
        flex-direction: column;

        & img {
            width: 100%;
        }

        & .container {
            margin-top: 2rem;
            margin-bottom: 3.1rem;
        }

        & p {
            width: 100%;
        }

        & h2 {
            font-size: 2.5rem;
        }

        & span {
            font-size: 3.5rem;
        }
    }

    .grafismo-left-referencia, .grafismo-right-referencia {
        display: none;
    }

    .referencia {
        & h2 {
            display: block;
            font-size: 1.5rem;

            & span {
                margin: 0;
                font-size: 2.5rem;
            }
        }

        & h3 {
            font-size: 1.2rem;

            &::before {
                content: none;
            }
        }

        & h4 {
            font-size: 1rem;
        }

        & .container .col-md-6>img {
            height: auto;
        }
    }

    .mobile-referencia {
        margin-top: 3rem;

        & .col-md-6:first-child {
            order: 1;
        }

        & .col-md-6:last-child {
            padding-left: .75rem;
        }

        & h3::after {
            content: none;
        }
    }

    .atuacao-home {
        & h2 {
            font-size: 3.5rem;

            & span {
                font-size: 1.5rem;
            }
        }

        & p {
            width: 100%;
        }
    }

    .frota {
        margin: 13rem 0 -13rem 0;

        & h3 {
            font-size: 1.5rem;
            margin-bottom: 1rem;
        }

        & .d-flex {
            flex-direction: column;
            gap: 10px !important;
        }

        & .btn-yellow, .btn-transparent-yellow {
            display: block;
            text-align: center;
        }
    }

    .frota-fotos {
        & .slick-dots {
            & button {
                width: 10px;
                height: 10px;
            }

            & li {
                margin: .5rem .2rem;
            }
        }

        & li.slick-active button {
            padding: 0;
        }
    }

    .clientes {
        padding: 17rem 0 3rem 0;

        & h2 {
            font-size: 3rem;

            & span {
                font-size: 2.5rem;
                margin-left: 2rem;
            }
        }
    }

    .clientes-logo {
        & img {
            height: 100px;
            object-fit: contain;
        }

        & .col-md-2 {
            margin: 0 .5rem;
            padding: 2rem 1rem;
        }

        & .slick-dots {
            position: initial;
            margin-top: 0;
            padding-bottom: 0;

            & button {
                width: 10px;
                height: 10px;
            }

            & li {
                margin: .5rem .2rem;
            }
        }

        & li.slick-active button {
            padding: 0;
        }
    }

    .form-section {
        padding: 3rem 0;
        background-position: unset;
        background-position-x: 39rem;

        & h2 {
            font-size: 1.5rem;

            & span {
                font-size: 1.5rem;
            }
        }

        & p {
            font-size: .8rem;
        }
    }

    .form {
        width: 100%;
    }

    .banner-pages {
        padding: 12rem 0;

        & h1 {
            font-size: 2rem;
        }
    }

    .quem-somos-page {
        padding: 3rem 0;

        & h2 {
            font-size: 2.5rem;

            & span {
                font-size: 3.5rem;
            }
        }
        & .frota {
            margin: 3rem 0 0 0;
        }
    }

    .banner-atuacao {
        
        & h1 {
            font-size: 3.5rem;
        }
        & span {
            font-size: 1.5rem;
            margin-left: 2rem;
        }
    }
    .atuacao-item {
        margin: 3rem 0;
        & h2 {
            display: block;
            font-size: 2rem;
            margin-bottom: 1rem;
            & span {
                display: block;
                font-size: 1.5rem;
            }
        }
        & .row img {
            height: auto;
        }
    }
    .bg-atuacao-item {
        padding: 2rem 1rem;
    }
    .atuacao-geral {
        padding: 3rem 0;
    }
    .contribuir {
        margin-top: 2rem;
    }
    .equipe-foto {
        & h2 {
            font-size: 1.2rem;
        }
    }
    .modal-equipe {
        & h2 {
            font-size: 1rem;
            & span {
               
                font-size: 2rem;
                
            }
        }
    }
    .equipe-padding {
        & img {
            height: 400px;
            width: 100%;
        }
    }
    .bg-red-equipamento {
        position: relative;
        padding: 2rem 1rem;
        & .close {
            opacity: 1;
            cursor: pointer;
            position: absolute;
            top: .5rem;
            right: .5rem;
            width: 25px;
        }
    }
    .equipamentos-geral {
        padding: 3rem 0;
    }
    .banner-midia {
        background-position: center;
    }
    .midia {
        padding: 3rem 0;
        & h2 {
            font-size: 1.9rem;
        }
        & iframe {
            height: 210px;
        }
    }
    .videos {
        & .slick-dots {
            bottom: 1rem;
            & button {
                width: 10px;
                height: 10px;
            }

            & li {
                margin: .5rem .2rem;
            }
        }

        & li.slick-active button {
            padding: 0;
        }
    }
    .galeria-videos {
        margin-bottom: 0;
    }
    .play {
        left: 8.5rem;
    }
    .etica {
        & .d-flex {
            flex-direction: column;
        }
        & .btn-transparent-yellow, .btn-yellow {
            display: block;
            text-align: center;
        }
        & h2 {
            font-family: 'ubuntu';
            font-size: 1.3rem;
            line-height: 1.5em;
            & span {
                font-size: 2.5rem;
            }
        }
    }
    .contato {
        & h2 {
            font-size: 1.2rem;
            line-height: 1.5em;
            & span {
                font-size: 2rem;
            }
        }
        & iframe {
            height: 300px;
        }
    }
    .page-id-143 {
        & .form-section {
            position: relative;
            &::after {
                content: none;
            }
            & .linhas-banner {
                display: none !important;
            }
        }
    }
}

@media (min-width: 400px) and (max-width: 431px) {
    .midia {
        & iframe {
            height: 233px;
        }
    }
}

@media (min-width: 2559px) {
    .grafismo-left-referencia {
        width: 265px;
    }
}

@media (min-width: 1919px) and (max-width: 2000px) {
    .grafismo-left-referencia {
        width: 239px;
    }
    p, .btn-transparent-yellow, .btn-yellow, li {
        font-size: 1.2rem;
    }
}

@media (min-width: 768px) and (max-width: 1367px) {
    .grafismo-left-referencia {
        width: 169.5px;
    }
    .frota {
        margin: 22rem 0 -33rem 0;
    }
    .equipe-foto {
        & h2 {
            font-size: 1.2rem;
            & span {
                font-size: 1.7rem;
            }
        }
    }
    .play {
        left: 8.5rem;
    }
}

@media (min-width: 768px) and (max-width: 1281px) {

    .grafismo-left-referencia {
        width: 158.5px;
    }
    .frota {
        margin: 19rem 0 -33rem 0;
    }
}