@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700);body {
    font-family: Rubik,sans-serif
}

.pagination-wrapper .pagination li span,header .navbar #menu .navbar-nav .dropdown .dropdown-menu .dropdown-item,header .navbar #menu .navbar-nav .dropdown .dropdown-toggle:after,header .navbar .navbar-toggler .menu-bar,header .navbar .navbar-toggler .menu-bar.bar-1,header .navbar .navbar-toggler .menu-bar.bar-2 {
    transition: cubic-bezier(.165,.84,.44,1),.15s
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    scroll-behavior: smooth;
    font-size: 10px
}

body {
    color: #000;
    font-size: 1.4rem;
    padding-top: 7rem;
    overflow-x: hidden
}

body::-webkit-scrollbar {
    width: .3rem
}

body::-webkit-scrollbar-track {
    background-color: #fff
}

body::-webkit-scrollbar-thumb {
    background-color: #00369f;
    outline: none;
    border-radius: 0
}

body ::-moz-selection {
    background-color: #00369f;
    color: #fff
}

body ::selection {
    background-color: #00369f;
    color: #fff
}

img {
    image-rendering: optimizeSpeed;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-user-drag: none
}

img.px {
    image-rendering: -moz-crisp-edges;
    image-rendering: pixelated
}

img.aa,img.px {
    -ms-interpolation-mode: nearest-neighbor
}

img.aa {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: crisp-edges;
    image-rendering: optimize-contrast
}

a,button,h1,h2,h3,h4,h5,h6,label,li,p,small,span,strong {
    text-shadow: 0 0 .1rem rgba(0,0,0,.02)
}

button {
    all: unset
}

button [disabled]:hover {
    cursor: not-allowed
}

.btn,.btn-theme {
    font-size: 1.6rem
}

.btn-theme {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: none;
    border: none;
    background-color: #00369f;
    color: #fff;
    text-decoration: none!important;
    border-radius: .8rem;
    font-weight: 700;
    width: 200px;
    height: 50px;
    transition: .3s cubic-bezier(.175,.885,.32,1.275)
}

.btn-theme:hover {
    box-shadow: inset 20rem 5rem .3rem hsla(0,0%,100%,.1)
}

.btn-theme-outline {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: none;
    border: 2px solid #00369f;
    background-color: #fff;
    color: #00369f;
    text-decoration: none!important;
    border-radius: .8rem;
    font-size: 1.6rem;
    font-weight: 700;
    width: 200px;
    height: 50px;
    transition: .6s cubic-bezier(.175,.885,.32,1.275)
}

.btn-theme-outline:hover {
    box-shadow: inset 20rem 5rem .3rem rgba(54,130,244,.05)
}

[data-scroll] {
    will-change: transform,scale,opacity;
    opacity: 0;
    -webkit-transform: translateY(6rem) scale(.98);
    transform: translateY(6rem) scale(.98);
    transition: all 1s cubic-bezier(.165,.84,.44,1)
}

[data-scroll=in] {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1)
}

[data-scroll=out] {
    opacity: 0
}

.section-title {
    color: #00369f;
    font-size: 8rem;
    font-weight: 500;
    font-style: italic;
    text-transform: uppercase;
    padding: 3rem 0
}

@media (max-width: 767px) {
    .section-title {
        font-size:2.8rem
    }
}

.form-group {
    width: 100%
}

.form-group label {
    color: #000;
    font-weight: 400;
    font-size: 1.6rem;
    letter-spacing: .1rem
}

.form-group textarea {
    resize: none;
    height: 16rem!important
}

.form-group small {
    color: #93999f!important
}

.form-group .form-control {
    background-color: #fff;
    box-shadow: 0 0 0 0 transparent;
    color: #000;
    border-radius: .8rem;
    border: .2rem solid #93999f;
    font-size: 1.4rem;
    height: 5rem;
    transition: .6s cubic-bezier(.175,.885,.32,1.275)
}

.form-group .form-control:focus {
    box-shadow: none;
    border: .2rem solid #00369f;
    color: #000
}

.form-group .form-control.placeholder {
    color: #93999f
}

.form-group .form-control:-moz-placeholder,.form-group .form-control::-moz-placeholder {
    color: #93999f
}

.form-group .form-control:-ms-input-placeholder {
    color: #93999f
}

.form-group .form-control::-webkit-input-placeholder {
    color: #93999f
}

.form-group .custom-control-input:checked~.custom-control-label:before {
    background-color: #00369f;
    border: .2rem solid #00369f;
    color: #fff
}

.form-group .custom-control-label {
    left: .5rem
}

.form-group .custom-control-label:before {
    left: -2rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: #fff;
    border: .2rem solid #93999f
}

.form-group .custom-control-label:after {
    left: -2rem;
    width: 1.5rem;
    height: 1.5rem
}

.swiper {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background-color: #93999f
}

.swiper .swiper-wrapper .swiper-slide {
    display: flex;
    align-items: center
}

.swiper .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper .swiper-pagination .swiper-pagination-bullet {
    background-color: #93999f;
    border-radius: 10px;
    opacity: .9;
    width: 20px;
    height: 6px
}

.swiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #e43942
}

.swiper .swiper-scrollbar {
    background: rgba(0,0,0,.08);
    border-radius: 0;
    height: 2px
}

.swiper .swiper-scrollbar .swiper-scrollbar-drag {
    background: #00369f;
    border-radius: 0
}

.pagination-wrapper {
    display: block;
    margin: 3rem auto
}

.pagination-wrapper .pagination {
    justify-content: center;
    align-items: center
}

.pagination-wrapper .pagination li.disabled {
    display: none
}

.pagination-wrapper .pagination li.active span {
    display: block;
    background-color: #fff;
    border: .2rem solid #00369f;
    color: #00369f;
    font-size: 1.4rem;
    font-weight: 700;
    border-radius: .6rem;
    padding: .3rem .8rem
}

.pagination-wrapper .pagination li a,.pagination-wrapper .pagination li span {
    margin: 0 .5rem;
    color: #00369f;
    font-weight: 700
}

.pagination-wrapper .pagination li a {
    display: block;
    background-color: #f4f4f4;
    text-decoration: none!important;
    border-radius: .6rem;
    padding: .5rem 1rem
}

.pagination-wrapper .pagination li a[rel=next],.pagination-wrapper .pagination li a[rel=prev] {
    display: block;
    background-color: #f4f4f4;
    color: #00369f;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 100%;
    border-radius: .6rem;
    padding: .7rem 1rem 1rem
}

.pagination-wrapper .pagination li a:hover {
    border: .2rem solid #00369f;
    padding: .3rem .8rem
}

.card-servico {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    text-decoration: none!important;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    height: 230px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    box-shadow: 0 0 1rem rgba(0,0,0,.1);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    margin: 0 0 11rem
}

.card-servico .card-info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    top: 8rem;
    z-index: 2;
    width: 100%;
    height: 140px;
    background-color: #00369f;
    box-shadow: inset 0 -2rem 3rem -1rem rgba(0,0,0,.3);
    border-radius: 0;
    -webkit-transform: translateZ(2rem);
    transform: translateZ(2rem);
    overflow: hidden;
    padding: 1.5rem;
    margin: 0 auto
}

.card-servico .card-info .name {
    color: #fff;
    font-weight: 500;
    font-size: 1.6rem;
    letter-spacing: .05rem;
    margin: 0 0 1rem
}

.card-facebook {
    display: block;
    text-decoration: none!important;
    box-shadow: 0 0 1rem rgba(0,0,0,.08);
    border-radius: .6rem;
    overflow: hidden;
    margin: 1.5rem 0
}

.card-facebook .head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 1rem
}

.card-facebook .head .icon img {
    margin: 0 1rem 0 0
}

.card-facebook .head .info .name {
    color: #00369f;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0
}

.card-facebook .head .info .date {
    color: #93999f;
    margin: 0
}

.card-facebook .image {
    width: 100%;
    height: 260px
}

.gallery .grid-wrapper>div {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em
}

.gallery .grid-wrapper>div>img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    box-shadow: 0 2px 16px var(--shadow)
}

.gallery .grid-wrapper {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(auto-fit,minmax(140px,1fr));
    grid-auto-rows: 120px;
    grid-auto-flow: dense
}

.gallery .horizontal {
    grid-column: span 2
}

.gallery .big,.gallery .vertical {
    grid-row: span 2
}

.gallery .big {
    grid-column: span 2
}

.page-head,.page-head .wrapper {
    position: relative
}

.page-head .wrapper .bg {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 210px
}

.page-head .wrapper .bg .page-title {
    color: #fff;
    font-size: 4.2rem;
    font-weight: 500;
    text-transform: uppercase
}

.page-head .wrapper svg {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 110px
}

.page-head .wrapper .x-logo {
    position: absolute;
    bottom: 1.5rem;
    right: 15rem;
    z-index: 2
}

@media (max-width: 1023px) {
    .page-head .wrapper .bg {
        height:200px
    }

    .page-head .wrapper .bg .page-title {
        font-size: 3rem
    }

    .page-head .wrapper svg {
        height: 80px
    }

    .page-head .wrapper .x-logo {
        right: 1.5rem
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes floating {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.up {
    text-transform: uppercase
}

header .navbar {
    z-index: 5999;
    background-color: #00369f;
    border: none;
    padding: 0 1.5rem 0 0
}

header .navbar .navbar-brand {
    position: absolute;
    top: 0;
    left: -1.5rem;
    background-color: #fff;
    box-shadow: 0 0 0 rgba(0,0,0,.3);
    border-radius: 0 0 3.5rem;
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    padding: 0;
    margin: 0
}

header .navbar .navbar-brand img {
    position: relative;
    padding: 1.5rem 3rem 1.8rem 20rem;
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    width: auto
}

header .navbar .navbar-toggler {
    outline: none;
    border: none;
    height: 40px;
    padding: .25rem 0
}

header .navbar .navbar-toggler .menu-bar {
    display: block;
    height: 2px;
    width: 20px;
    margin: 7.5px 0 7.5px auto;
    background: #00369f;
    cursor: pointer
}

header .navbar .navbar-toggler .menu-bar.bar-1,header .navbar .navbar-toggler .menu-bar.bar-2,header .navbar .navbar-toggler .menu-bar.bar-3 {
    position: relative;
    top: 0;
    right: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 33px
}

header .navbar .navbar-toggler .menu-bar.bar-3 {
    opacity: 1;
    transition: cubic-bezier(.175,.885,.32,1.275),600
}

header .navbar .navbar-toggler.active {
    height: 40px
}

header .navbar .navbar-toggler.active .menu-bar.bar-1 {
    top: .9rem;
    right: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

header .navbar .navbar-toggler.active .menu-bar.bar-2 {
    top: 0;
    right: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

header .navbar .navbar-toggler.active .menu-bar.bar-3 {
    top: 0;
    right: -10rem;
    opacity: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

header .navbar #menu {
    justify-content: flex-end;
    width: 100%;
    margin: 0;
    padding: 0 1rem
}

header .navbar #menu .navbar-nav .nav-item .nav-link {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    font-style: italic;
    text-transform: uppercase;
    padding: 2.3rem 1.5rem
}

header .navbar #menu .navbar-nav .nav-item .nav-link.dead {
    font-size: 1.4rem;
    font-weight: 400;
    font-style: normal;
    text-transform: none
}

/* Todo o link do dropdown é clicável; texto encostado na margem direita como os demais nav-item */
header .navbar #menu .navbar-nav .dropdown .dropdown-toggle {
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: right;
}

header .navbar #menu .navbar-nav .dropdown .dropdown-toggle:after {
    position: absolute;
    bottom: 1rem;
    right: 47%;
    color: #e43942;
    vertical-align: .255rem;
    border-top: .5rem solid;
    border-right: .5rem solid transparent;
    border-bottom: 0;
    border-left: .5rem solid transparent
}

header .navbar #menu .navbar-nav .dropdown .dropdown-toggle[aria-expanded=true]:after {
    border-top: 0;
    border-right: .5rem solid transparent;
    border-bottom: .5rem solid;
    border-left: .5rem solid transparent
}

/* Dropdown abre para a esquerda */
header .navbar #menu .navbar-nav .dropdown .dropdown-menu {
    background-color: #fff;
    margin: -.1rem 0 0;
    border: none;
    border-radius: .6rem 0 0 .6rem .6rem;
    padding: 0;
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    z-index: 1000;
    min-width: 10rem;
}

header .navbar #menu .navbar-nav .dropdown.show .dropdown-menu,
header .navbar #menu .navbar-nav .dropdown .dropdown-menu.show {
    display: block;
}

header .navbar #menu .navbar-nav .dropdown .dropdown-menu .dropdown-item {
    color: #00369f;
    font-size: 1.6rem;
    font-weight: 500;
    padding: 1rem 1.5rem
}

header .navbar #menu .navbar-nav .dropdown .dropdown-menu .dropdown-item:last-of-type {
    border-radius: 0 0 .6rem .6rem
}

header .navbar #menu .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover {
    background-color: rgba(0,0,0,.1)
}

header .navbar #menu .navbar-nav .dropdown .dropdown-menu .dropdown-divider {
    margin: 0;
    border-top: .2rem solid rgba(0,0,0,.1)
}

header .navbar #menu .navbar-nav .dropdown .dropdown-menu .dropdown-divider:first-of-type,header .navbar #menu .navbar-nav .dropdown .dropdown-menu .dropdown-divider:last-of-type {
    border-top: .2rem solid rgba(0,0,0,.1)
}

/* Toast: desktop inferior esquerdo, mobile superior */
.toast-container {
    position: fixed;
    z-index: 9999;
    left: 1.5rem;
    bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    pointer-events: none;
}
@media (max-width: 767px) {
    .toast-container {
        left: 1rem;
        right: 1rem;
        bottom: auto;
        top: 1rem;
    }
}
.toast-item {
    pointer-events: auto;
    padding: 1rem 1.25rem;
    border-radius: .6rem;
    box-shadow: 0 .4rem 1.2rem rgba(0,0,0,.15);
    font-size: 1.4rem;
    max-width: 32rem;
    animation: toast-in .3s ease;
}
.toast-item.toast-success { background: #d4edda; color: #155724; }
.toast-item.toast-error { background: #f8d7da; color: #721c24; }
@keyframes toast-in {
    from { opacity: 0; transform: translateY(1rem); }
    to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 767px) {
    @keyframes toast-in {
        from { opacity: 0; transform: translateY(-1rem); }
        to { opacity: 1; transform: translateY(0); }
    }
}

/* Loading overlay no formulário de contato */
.form-loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.85);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    border-radius: .4rem;
}
.form-loading-overlay .spinner {
    width: 40px;
    height: 40px;
    border: 3px solid rgba(0,54,159,.2);
    border-top-color: #00369f;
    border-radius: 50%;
    animation: form-spin .8s linear infinite;
}
.form-loading-overlay .text { margin-top: 1rem; font-size: 1.4rem; color: #333; }
@keyframes form-spin { to { transform: rotate(360deg); } }

@media (max-width: 1279px) {
    header .navbar {
        padding:1.5rem
    }

    header .navbar .navbar-brand img {
        padding: .7rem 3rem 1rem 10rem
    }

    header .navbar .navbar-toggler {
        z-index: 300;
        padding: 0 .5rem
    }

    /* Menu mobile: escondido por padrão, visível com .show; altura total da tela */
    header .navbar #menu.collapse {
        display: none;
    }
    header .navbar #menu.collapse.show {
        display: flex;
        min-height: 100vh;
        min-height: 100dvh;
        align-items: flex-start;
        padding-top: 1rem;
    }

    header .navbar #menu {
        background: #00369f;
        margin: 2rem -1.5rem 0;
        padding: .5rem 1.5rem
    }

    header .navbar #menu .navbar-nav .nav-item .nav-link {
        color: #fff;
        text-align: right;
        padding: .8rem 0
    }

    /* Dropdown no mobile: texto na margem direita, menu abre para a esquerda */
    header .navbar #menu .navbar-nav .dropdown .dropdown-toggle {
        text-align: right;
        width: 100%;
    }
    header .navbar #menu .navbar-nav .dropdown .dropdown-toggle:after {
        position: relative;
        bottom: 0;
        right: 0
    }
    header .navbar #menu .navbar-nav .dropdown .dropdown-menu {
        border-radius: 0;
        right: 0;
        left: auto;
    }

    header .navbar #menu .navbar-nav .dropdown .dropdown-menu .dropdown-item {
        font-size: 1.6rem;
        text-align: right;
        font-weight: 500;
        padding: 1rem 1.5rem
    }
}

#banner {
    position: relative;
    overflow: hidden;
}

#banner .swiper {
    position: relative;
    width: 100%;
    height: 460px;
    overflow: hidden;
}

#banner .swiper .swiper-wrapper {
    height: 100%;
}

#banner .swiper .swiper-wrapper .swiper-slide {
    height: 100%;
}

#banner .swiper .swiper-wrapper .swiper-slide .bg {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    min-height: 460px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#banner .swiper .swiper-wrapper .swiper-slide .bg .box {
    position: relative;
    background-color: rgba(228,57,66,.8);
    max-width: 460px;
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    padding: 2rem 3rem
}

#banner .swiper .swiper-wrapper .swiper-slide .bg .box .content {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg)
}

#banner .swiper .swiper-wrapper .swiper-slide .bg .box .content .banner-title {
    color: #fff;
    font-size: 2.8rem;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0
}

#banner .swiper svg {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 120px
}

#banner .swiper .x-logo {
    position: absolute;
    bottom: 1.5rem;
    right: 15rem;
    z-index: 2
}

#banner .swiper .swiper-pagination {
    position: absolute;
    bottom: 2rem;
    left: 0;
    right: 0;
    z-index: 2;
    text-align: center
}

/* Estilo da referência: barrinhas (3 itens), cinza inativo, vermelho ativo */
#banner .swiper .swiper-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 6px;
    border-radius: 10px;
    background-color: #93999f;
    opacity: .9;
    margin: 0 4px;
    transition: background-color .2s, opacity .2s
}

#banner .swiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #e43942;
    opacity: 1
}

@media (max-width: 767px) {
    #banner .swiper .swiper-wrapper .swiper-slide .bg {
        height: 460px;
        padding: 0 1.5rem
    }
    #banner .swiper .swiper-wrapper .swiper-slide .bg .box {
        max-width: 320px;
        padding: 2rem
    }
    #banner .swiper .swiper-wrapper .swiper-slide .bg .box .content .banner-title {
        font-size: 1.8rem;
        letter-spacing: .05rem
    }
    #banner .swiper svg {
        height: 100px
    }
    #banner .swiper .x-logo {
        bottom: 6rem;
        right: 2rem
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #banner .swiper .x-logo {
        bottom: 1rem;
        right: 2rem
    }
}

#servicos {
    position: relative;
    padding: 3rem 0 6rem
}

#quem-somos {
    position: relative;
    background-color: #00369f;
    box-shadow: inset 0 6rem 6rem -1rem rgba(0,0,0,.3)
}

#quem-somos .wrapper {
    position: relative;
    padding: 6rem 0 8rem
}

#quem-somos .wrapper #shape1,#quem-somos .wrapper #shape2 {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 70px
}

#quem-somos .wrapper #shape1 {
    top: 0
}

#quem-somos .wrapper #shape2 {
    bottom: 0
}

#quem-somos .wrapper .section-title {
    color: #fff;
    font-size: 8rem;
    font-weight: 500;
    font-style: italic;
    text-transform: uppercase;
    padding: 3rem 0
}

@media (max-width: 767px) {
    #quem-somos .wrapper .section-title {
        font-size:2.8rem
    }
}

#quem-somos .wrapper img {
    margin: 0 0 3rem
}

#quem-somos .wrapper article p {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: .05rem;
    margin: 0 0 3rem
}

#quem-somos .wrapper article .btn-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none!important
}

#quem-somos .wrapper article .btn-link .icon img {
    margin: 0 1rem
}

#quem-somos .wrapper article .btn-link .name {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    margin: 0
}

#about {
    padding: 6rem 0
}

#about article p {
    font-size: 1.6rem;
    font-weight: 300;
    letter-spacing: .05rem
}

#servicos {
    padding: 6rem 0
}

#servicos .product-image {
    width: 100%
}

#servicos .product-image .gallery-top {
    box-shadow: 0 0 0 .2rem #fff
}

#servicos .product-image .gallery-top .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 500px;
    margin: 0 auto
}

#servicos .product-image .gallery-thumbs {
    box-sizing: border-box;
    padding: 1rem .2rem
}

#servicos .product-image .gallery-thumbs .swiper-wrapper .swiper-slide {
    height: 100px;
    opacity: .4
}

#servicos .product-image .gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active {
    box-shadow: 0 0 0 .3rem #00369f;
    opacity: 1
}

#contact {
    padding: 6rem 0
}

#form-contato {
    position: relative;
}

#contact .info {
    margin: 2rem 0
}

#contact .info p {
    color: #000;
    font-size: 1.6rem;
    line-height: 180%;
    letter-spacing: .05rem
}

#contact .info .c-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 3rem 0
}

#contact .info .c-item .icon img {
    margin: 0 1.5rem 0 0
}

#contact .info .c-item .data {
    color: #000;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 170%;
    letter-spacing: .05rem
}

#facebook {
    padding: 6rem 0
}

#facebook .section-title {
    font-size: 5.9rem
}

#facebook .section-title .icon img {
    width: 86px
}

footer {
    padding: 6rem 0
}

footer .wrapper-footer hr {
    border-color: #93999f;
    margin: 0 0 3rem
}

footer .wrapper-footer .logo-footer img {
    -webkit-filter: grayscale(100%) brightness(200%) contrast(0) opacity(60%);
    filter: grayscale(100%) brightness(200%) contrast(0) opacity(60%);
    margin: 1.5rem 0
}

footer .wrapper-footer .address,footer .wrapper-footer .phone {
    color: #93999f;
    margin: 1.5rem 0
}

footer .wrapper-footer .social {
    display: block;
    margin: 1.5rem 0
}

footer .wrapper-footer .social .icon img {
    position: relative;
    left: -.5rem
}

footer .wrapper-footer .social .name {
    color: #93999f
}

footer .wrapper-footer .bredi {
    display: block;
    color: #93999f;
    margin: 1.5rem 0
}