.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

:root {
    --azul-primario: #0038ea;
    --azul-secundario: #002cd0;
    --azul-terciario: #0029bc;
    --amarelo: #ffa811;
    --color-texto: #000;
    --titulo-beneficios: #032399;
    --titulo-depoimentos: #545f71;
    --texto-depoimentos: #6c757d;
    --background-you: #141131;
    --background-rodape: #1627a1;
    --background-formulario: #052288;
    --size: clamp(5rem, 1rem + 25vmin, 30rem);
    --gap: calc(var(--size) / 14);
    --duration: 60s;
    --scroll-start: 0;
    --scroll-end: calc(-100% - var(--gap));
    --font-size-titulo: clamp(2.5rem, 1.007rem + 3.7936vw, 4rem);
    --font-size-titulo-banner: clamp(1.5rem, 1rem + 2vw, 2rem)
}

html {
    scroll-behavior: smooth
}

body {
    font-family: Montserrat, sans-serif;
    font-display: swap;
    font-size: clamp(.875rem, .875rem + ((1vw - .48rem) * .24), 1rem);
    font-style: normal;
    font-weight: 400;
    color: var(--color-texto);
    background-color: #eee
}

#backdrop {
    top: 0;
    width: 100vw;
    height: 100%;
    z-index: 999;
    background-color: #000000b3;
    position: fixed;
    display: none
}

#backdrop .spinner-border {
    display: block;
    position: fixed;
    top: calc(50% - 29px);
    right: calc(50% - 29px);
    color: var(--azul-terciario)
}

#backdrop .text-center {
    width: 100%;
    position: relative;
    height: 100%
}

#cabecalho {
    width: 100%;
    min-height: 40px;
    padding: 1rem 0;
    background-color: #fff;
    text-transform: uppercase
}

.link-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-family: Montserrat, sans-serif;
    font-display: swap;
    font-weight: 700
}

.link-header li {
    margin: 0 20px
}

.link-header li:first-child {
    flex-basis: 200px;
    list-style: none
}

.link-header-text {
    color: var(--azul-primario);
    font-family: Montserrat, sans-serif;
    font-display: swap;
    font-weight: 700
}

.link-header-link {
    font-weight: 500;
    text-decoration: none;
    color: var(--azul-terciario) !important
}

.link-header-link span {
    font-weight: 700
}

.redes {
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    font-display: swap;
    color: var(--azul-terciario);
    text-align: right
}

.redes a {
    color: var(--azul-terciario)
}

#nav {
    background-color: var(--azul-terciario);
    padding: 2rem 0 3rem
}

#nav.nav-intern {
    padding: 1rem 0
}

#nav.nav-intern .navbar,
#nav-evex .navbar {
    margin-top: 0
}

#nav-evex {
    background-color: var(--azul-terciario);
    padding: 1rem 0
}

#nav .menu {
    max-width: 70%;
    margin-left: 12%
}

#nav-evex .menu {
    max-width: 90%;
    margin-left: 12%
}

#nav .navbar {
    margin-top: -.5rem
}

#nav .nav-link,
#nav-evex .nav-link {
    font-size: 1rem;
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-weight: 800;
    font-display: swap
}

#nav .nav-link:hover,
#nav-evex .nav-link:hover {
    color: var(--amarelo);
    transition: cubic-bezier(.165, .84, .44, 1)
}

#nav .nav-link.active,
#nav-evex .nav-link.active {
    color: var(--amarelo);
    transition: cubic-bezier(.075, .82, .165, 1)
}

.link-whatsapp {
    font-size: 1.8rem;
    color: var(--amarelo);
    text-decoration: none;
    display: block;
    float: left
}

.link-divisor {
    border-right: 2px solid #fff;
    height: 40px;
    width: 5px;
    display: block;
    margin: 0 5px;
    float: left
}

.btn-cotacao-header {
    background-color: var(--amarelo);
    border: 1px solid var(--amarelo);
    color: var(--azul-terciario);
    font-family: Montserrat, sans-serif;
    font-weight: 800;
    transition: all ease-in
}

.btn-cotacao-header:hover,
.btn-cotacao-header:active {
    border: 1px solid var(--amarelo);
    color: #fff;
    transition: all ease-out
}

#barra-navegacao {
    width: 69%;
    background-color: #eaeaea;
    margin: -35px auto 0;
    border-radius: 1rem;
    position: relative;
    z-index: 3
}

#barra-navegacao .menu-barra-navegacao {
    display: flex;
    flex-direction: row;
    margin: 0;
    list-style: none;
    padding: 1rem 2rem
}

#barra-navegacao .menu-barra-navegacao-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    flex-grow: 1;
    margin: 0 1rem;
    cursor: pointer;
    transition: color ease-out .3s
}

#barra-navegacao .menu-barra-navegacao-item-icon {
    color: var(--azul-terciario);
    font-size: 2.25rem;
    margin-right: .25rem
}

#barra-navegacao .menu-barra-navegacao-item-texto {
    flex-wrap: nowrap;
    text-align: center;
    color: var(--azul-terciario)
}

#barra-navegacao .menu-barra-navegacao-item:hover .menu-barra-navegacao-item-icon,
#barra-navegacao .menu-barra-navegacao-item:hover .menu-barra-navegacao-item-texto {
    color: var(--amarelo) !important;
    transition: color ease-in .3s
}

#barra-navegacao .segunda {
    width: 100px
}

#barra-navegacao .area-associado {
    flex-wrap: nowrap;
    width: 150px
}

#sliders {
    margin: -52px 0 0
}

#sliders .caption {
    position: absolute;
    left: 14%;
    top: 26%;
    color: #fff;
    width: 600px;
    display: flex;
    flex-wrap: wrap;
    font-size: 2.5rem;
    font-weight: 700
}

.titulo {
    font-family: Montserrat, sans-serif;
    font-size: 3rem;
    color: var(--azul-terciario);
    font-weight: 800
}

#quem-somos {
    padding: 4rem 0
}

#quem-somos .btn-qsm {
    background-color: var(--azul-terciario);
    color: #fff;
    padding: 1rem 3rem;
    font-size: 1.25rem;
    border: 1px solid var(--azul-terciario);
    transition: background-color ease-in .3s;
    font-weight: 400
}

#quem-somos .btn-qsm:hover {
    background-color: transparent;
    color: var(--azul-terciario);
    transition: background-color ease-out .3s
}

#formulario .form {
    position: absolute;
    border-radius: 1rem;
    background-color: var(--background-formulario);
    padding: 3rem 3rem 1rem
}

#formulario .form h2 {
    font-size: 1.35rem;
    text-align: center;
    color: #fff;
    margin-bottom: 2rem
}

#formulario .form input,
#formulario .form select {
    background-color: transparent;
    color: #fff;
    height: 50px;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    outline: none
}

#formulario .form input:active,
#formulario .form select:active,
#formulario .form input:focus,
#formulario .form select:focus {
    outline: 0 none !important;
    box-shadow: none !important
}

#formulario .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>") !important;
    color: #fff
}

#formulario .form-select option {
    color: #000
}

#formulario ::placeholder {
    color: #fff !important;
    opacity: 1
}

#formulario ::ms-input-placeholder {
    color: #fff
}

#formulario .btn-enviar {
    width: 90%;
    margin: 2rem auto;
    height: 50px;
    background: var(--amarelo);
    text-transform: uppercase;
    color: #fff;
    display: block;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 1.3rem;
    transition: background ease-out .3s;
    border: 1px solid var(--amarelo)
}

#formulario .btn-enviar:hover {
    background: none;
    color: var(--amarelo);
    transition: background color ease-in .3s
}

#secao-cta {
    background-color: var(--azul-terciario);
    margin: 7rem 0 4rem;
    padding: 4rem 0 6rem
}

#secao-cta .linha {
    width: 5px;
    height: 150px;
    background-color: var(--amarelo);
    margin: 0 1rem
}

#secao-cta .texto {
    margin: 0 1rem
}

#secao-cta .chamada {
    font-size: 2rem;
    color: #fff;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    line-height: 1.15
}

#secao-cta .sublead {
    font-size: 1.3rem;
    text-transform: uppercase;
    color: #fff;
    font-family: Montserrat, sans-serif;
    margin: 2rem 0
}

#ajuda {
    margin: 6em 0;
    font-family: Montserrat, sans-serif
}

#ajuda h6 {
    color: var(--amarelo);
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 700
}

#ajuda h1 {
    color: var(--azul-terciario);
    font-size: 3rem;
    font-weight: 700;
    margin: 1rem 0
}

#ajuda p {
    color: #000;
    font-size: 1.3rem;
    font-weight: 500
}

#ajuda .ajuda-titulo {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem
}

#ajuda .ajuda-titulo span {
    color: var(--amarelo);
    margin-right: .5rem
}

#ajuda .ajuda-texto {
    margin: 0 0 1rem 1.5rem;
    width: 80%
}

#ajuda .btn-cotar,
#cta-carro .btn-cotar,
#cta-carro .btn-consultor {
    background: var(--amarelo);
    color: #fff;
    padding: .5rem 2rem;
    border: 1px solid var(--amarelo);
    transition: background ease-in-out .3s;
    font-weight: 500
}

#cta-carro .btn-consultor {
    width: 90%;
    padding: 1em;
    font-size: 1.25rem
}

#ajuda .btn-cotar:hover,
#cta-carro .btn-cotar:hover,
#cta-carro .btn-consultor:hover {
    background: none;
    color: var(--amarelo);
    transition: background ease-in .3s
}

.btn-cotacao {
    background-color: var(--amarelo);
    color: var(--azul-terciario);
    margin: 1rem 0;
    border: 1px solid var(--amarelo);
    padding: .5rem 2rem;
    text-transform: uppercase;
    font-weight: 800;
    transition: background color ease .3s
}

.btn-action-service {
    background-color: var(--amarelo);
    border: 1px solid var(--amarelo);
    color: #fff;
    transition: all ease .3s
}

.btn-action-service:hover {
    background-color: none;
    color: var(--amarelo);
    border: 1px solid var(--amarelo);
    transition: all ease .3s
}

.btn-cotacao:hover {
    background-color: none;
    color: #fff;
    border: 1px solid var(--amarelo);
    transition: background color ease-out .3s
}

#servicos .boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

#servicos .box {
    flex-grow: 1;
    flex-basis: 200px;
    margin: 10px;
    text-align: center;
    background-color: #fff;
    border-radius: 1rem;
    border: 1px solid #bdbdbd;
    padding: 1rem;
    cursor: pointer;
    transition: all ease .3s
}

#servicos .box:hover,
#servicos .box.active {
    background-color: var(--azul-terciario);
    border-color: var(--amarelo);
    transition: all ease-in .3s
}

#servicos .box .box-titulo {
    font-weight: 700;
    font-size: 1.5rem;
    color: var(--amarelo)
}

#servicos .box .box-texto {
    font-size: 1rem;
    font-weight: 500;
    word-wrap: break-word;
    color: #2c2c2c
}

#servicos .box:hover .box-texto,
#servicos .box.active .box-texto {
    color: #fff;
    transition: color ease-in .3s
}

#servicos .box .box-icone {
    color: var(--amarelo);
    font-size: 1.5rem
}

#servicos .box.active .box-icone {
    display: none
}

#servicos #texto-servico,
#imgServ {
    transition: opacity is ease-in-out .6s
}

img.inverse {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.separador2 {
    min-height: 100px
}

#carro .img-carro {
    position: absolute
}

#cta-carro {
    margin: 4rem 0 0;
    padding: 6rem 0 4rem
}

#cta-carro .fundo {
    background-color: var(--azul-terciario);
    border-radius: 2rem;
    padding: 6em 0
}

#cta-carro .texto-cta {
    text-align: center;
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff
}

#cta-carro .btn-cotar {
    display: block;
    margin: 2rem auto;
    font-size: 1.3rem;
    padding: 1rem 3rem;
    width: 80%
}

#aplicativos {
    margin: 4rem 0
}

#aplicativos h3 {
    font-weight: 1.5rem;
    font-weight: 700
}

#aplicativos h1 {
    font-size: 3.5rem;
    color: var(--azul-terciario);
    font-weight: 700
}

#aplicativos p {
    font-size: 1rem;
    font-family: Montserrat, sans-serif;
    margin: 1rem 0
}

#aplicativos .link-lojas {
    display: flex;
    justify-content: space-between;
    width: 50%;
    margin: 4em 0
}

#aplicativos .link-lojas a {
    flex: 1
}

#aplicativos .img-mockup {
    position: absolute;
    width: 22%
}

#aplicativos .separator {
    min-height: 100px
}

#faq {
    padding: 6rem 0;
    background-color: var(--background-formulario);
    position: relative;
    z-index: 2;
    margin: 4rem 0
}

#faq.faq-interno {
    background-color: #fff !important;
    margin: 4rem 0 0
}

#faq h1 {
    font-size: 3.5rem;
    font-weight: 700;
    color: #fff;
    text-align: center
}

#faq h3 {
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 2rem;
    color: #fff
}

#faq .accordion-item {
    background-color: #d9d9d9;
    margin: 1rem 0
}

#faq .accordion-button {
    background-color: #d9d9d9
}

#depoimentos {
    padding: 4rem 0
}

#depoimentos .titulo {
    color: var(--background-formulario)
}

#depoimentos .titulo span {
    border-bottom: 6px solid var(--amarelo)
}

#depoimentos .depoimentos {
    background: #fff;
    border-radius: 20px;
    padding: 4rem 2rem 2rem;
    margin: 2rem 0
}

#depoimentos .depoimento-icone {
    margin: -95px 0 0 145px;
    position: absolute;
    text-align: center
}

#depoimentos .depoimento-icone img {
    margin: 0 auto;
    border-radius: 50%
}

#depoimentos .depoimento-texto {
    font-size: 1rem;
    color: #6c757d;
    min-height: 300px
}

#depoimentos .depoimento-nome {
    color: #000;
    font-weight: 700
}

#depoimentos .depoimento-cargo {
    color: var(--azul-terciario);
    font-weight: 700
}

#rodape-you {
    padding: 4rem 0;
    background-color: var(--background-you);
    color: #fff
}

#rodape-you h3 {
    font-size: 1.25rem;
    font-weight: 600
}

#rodape-you .logoyou {
    padding: 4rem 0 0
}

#rodape-you .btn-clube {
    color: #fff;
    font-size: 1rem;
    background-color: var(--azul-primario);
    border-radius: 20px;
    text-transform: uppercase;
    width: 95%;
    padding: 1rem 0;
    margin: 0 auto;
    border: 1px solid var(--azul-primario);
    transition: background ease-in .3s
}

#rodape-you .btn-clube:hover,
#rodape-you .btn-clube:active {
    background: none;
    transition: background ease-in-out .3s
}

.wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    margin: auto;
    max-width: 100vw
}

.marquee {
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    gap: var(--gap)
}

.marquee_group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
    animation: scroll-x var(--duration) linear infinite
}

.marquee img {
    display: grid;
    place-items: center;
    width: var(--size);
    aspect-ratio: 1/0;
    padding: calc(var(--size)/10);
    border-radius: .5rem
}

#rodape {
    background-color: var(--background-rodape)
}

.texto-rodape {
    text-align: center;
    color: #fff;
    padding: 1rem 0
}

#rodape-site {
    padding: 4rem 0;
    background-color: var(--azul-terciario);
    color: #fff
}

#rodape-site h3 {
    font-size: 1.25rem;
    font-weight: 700
}

#rodape-site .link-rodape {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 1rem
}

#rodape-site .link-rodape:hover {
    color: #eaeaea;
    text-decoration: underline
}

#pagina-servicos {
    margin-top: -5em
}

.fundo_agv {
    width: 100%;
    height: 600px;
    position: absolute;
    margin-top: -20em;
    z-index: -1
}

#coberturas {
    background-color: var(--azul-terciario);
    padding: 4rem 0
}

#coberturas h1 {
    font-size: 3.5rem;
    font-weight: 700;
    color: #fff;
    text-align: center
}

#coberturas h3 {
    font-size: .85rem;
    width: 70%;
    font-weight: 400;
    text-align: center;
    margin-bottom: 2rem;
    color: #fff;
    margin: 0 auto
}

#coberturas .boxes {
    display: flex;
    margin: 2rem 0;
    flex-wrap: wrap;
    justify-content: space-around
}

#coberturas .boxes .box {
    flex-grow: 1;
    flex-basis: 200px;
    margin: 10px;
    text-align: center;
    background-color: #fff;
    border-radius: 1rem;
    cursor: pointer;
    min-height: 250px;
    min-width: 25%
}

#coberturas .box-image {
    margin: 1rem 0
}

#coberturas .box-title {
    font-size: 1.5rem;
    color: var(--azul-terciario);
    font-weight: 700;
    margin: 1rem 0
}

#coberturas .box-text {
    font-size: 1.25rem;
    font-weight: 500;
    min-height: 125px;
    width: 85%;
    margin: 0 auto 1rem
}

#coberturas .btn-cotacao {
    padding: 1rem 3rem;
    color: #fff
}

.faq-interno .fundo-faq {
    width: 100%;
    position: absolute;
    height: 530px;
    margin-top: -6rem;
    z-index: -1
}

.faq-interno h1,
.faq-interno h3 {
    color: #1f1f1f !important
}


.titulo-pagina-cotacao {
    color: var(--azul-terciario) !important
}

.texto-pagina-cotacao {
    color: var(--color-texto);
    font-size: 1.25rem;
    font-weight: 500
}

#beneficios {
    padding: 4rem 0;
    background-color: var(--azul-primario);
    color: #fff
}

#beneficios .boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

#beneficios .bolhas {
    position: absolute;
    width: 50px;
    left: 12em;
    margin-top: 6em
}

#beneficios .titulo {
    color: #fff;
    margin-bottom: 4rem
}

#beneficios .box {
    flex-grow: 1;
    flex-basis: 30%;
    margin: 10px;
    text-align: center;
    background-color: #fff;
    border-radius: 1rem;
    border: 1px solid #fff;
    padding: 1rem;
    cursor: pointer
}

#beneficios .box-image {
    margin: 1rem 0
}

#beneficios .box-title {
    color: var(--titulo-beneficios);
    font-size: 1.5rem;
    font-weight: 700;
    margin: 1rem 0
}

#beneficios .box-text {
    font-size: 1.25rem;
    font-weight: 500;
    min-height: 125px;
    color: #000
}

#beneficios .btn-cta {
    background-color: var(--amarelo);
    color: #fff;
    text-transform: uppercase;
    border-radius: 1rem;
    font-weight: 600;
    transition: background-color ease-out .3s;
    padding: 1rem 6rem;
    display: block;
    margin: 0 auto
}

#beneficios .btn-cta:hover,
#beneficios .btn-cta:active {
    background-color: #bb7d13;
    transition: background-color ease-in .3s
}

#protecao {
    padding: 4rem 0
}

#protecao .linha-divider {
    width: 100%;
    height: 3px;
    background: #000;
    margin-top: 1.5rem
}

#protecao .coluna {
    display: flex;
    flex-basis: 100%;
    border-bottom: 3px solid #000;
    margin: 2rem 0;
    justify-content: space-around
}

#protecao .coluna-icone {
    flex-grow: 2;
    flex-basis: 100px;
    max-width: 100px;
    width: 100px;
    margin: 0rem 1rem 2rem 0rem
}

#protecao .coluna-titulo {
    flex-grow: 2;
    flex-basis: 40%;
    max-width: 40%;
    width: 40%;
    padding-top: 1.25rem
}

.coluna-titulo span {
    font-size: 2rem;
    font-weight: 500
}

#protecao .coluna-texto {
    width: 35%;
    max-width: 35%;
    padding-top: 1rem
}

#assistencia {
    background-position: 50%;
    padding: 4rem 0;
    color: #fff
}

#assistencia .titulo {
    color: #fff;
    text-align: center
}

#assistencia .btn-cta {
    background-color: var(--amarelo);
    color: #fff;
    text-transform: uppercase;
    border-radius: 1rem;
    font-weight: 600;
    transition: background-color ease-out .3s;
    display: block;
    margin: 0 auto;
    padding: 1rem 3rem
}

#assistencia .btn-cta:hover,
#assistencia .btn-cta:active {
    background-color: #bb7d13;
    transition: background-color ease-in .3s
}

.saida {
    animation-duration: .3s;
    animation-name: saida
}

.entrada {
    animation-duration: .3s;
    animation-name: entrada
}

.anima {
    animation-duration: .25s;
    animation-timing-function: linear;
    animation-name: servicos
}

main {
    height: 100vh;
    height: -webkit-fill-available;
    max-height: 100vh;
    overflow-x: auto;
    overflow-y: hidden
}

main>.b-divider {
    width: 100%;
    height: 3rem;
    background-color: #0000001a;
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em #0000001a, inset 0 .125em .5em #00000026
}

main>.b-vr {
    flex-shrink: 0;
    width: 1rem;
    height: 100vh
}

main>.conteudo {
    background: #fff;
    overflow-x: auto
}

.div-categ {
    padding-left: 2rem
}

.titulo-cat {
    color: var(--azul-terciario);
    margin-top: 10px;
    font-family: Montserrat, sans-serif;
    font-weight: 500
}

.categorias {
    padding-left: 0
}

.categorias li {
    list-style: none;
    padding-left: 1rem
}

.categorias li.active {
    border-left: 3px solid #0039EA
}

.categorias .link-cat {
    text-decoration: none;
    color: #1e1e1e;
    font-family: Montserrat, sans-serif;
    font-size: 1.25rem;
    font-weight: 500
}

#searchInput:focus {
    border: none;
    box-shadow: none
}

#searchButton {
    border: none;
    background-color: #fff;
    border-top: var(--bs-border-width) solid var(--bs-border-color);
    border-right: var(--bs-border-width) solid var(--bs-border-color);
    border-bottom: var(--bs-border-width) solid var(--bs-border-color)
}

#searchButton i.fas {
    color: var(--azul-terciario)
}

#searchButton:hover i.fa-search {
    color: var(--background-you)
}

#blog .postagens {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

#blog .postagens-post {
    flex-grow: 1;
    flex-basis: calc(30% - 10px);
    text-align: center;
    background-color: #fff;
    border-radius: 1rem;
    margin: 10px;
    border: 1px solid #E6E7EA;
    cursor: pointer;
    transition: all ease .3s
}

#blog .postagens-post-img {
    min-height: 200px
}

#blog .postagens-post-img img {
    object-fit: cover;
    height: 200px;
    width: 100%;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem
}

#blog .postagens-post-categoria {
    font-weight: 700;
    color: #4e545f;
    font-size: .85rem;
    margin: 1.5rem;
    text-align: left;
    text-transform: uppercase
}

#blog .postagens-post-titulo {
    font-weight: 700;
    text-align: left;
    font-size: 1.2rem;
    margin: 1.5rem;
    min-height: 90px
}

#blog .postagens-post-descricao {
    color: #4e545f;
    font-size: 1rem;
    text-align: left;
    min-height: 150px;
    margin: 1.5rem
}

#blog .postagens-footer {
    position: relative;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    margin: 1rem 1.5rem 0;
    height: 2em
}

#blog .postagens-footer .postagens-botoes {
    display: flex;
    justify-content: space-between;
    width: 35%
}

#blog a:not(.read-more-link) {
    color: var(--color-texto);
    text-decoration: none
}

#blog .read-more-link {
    color: var(--azul-primario);
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    font-weight: 700
}

.post-titulo {
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    font-size: 2.75rem;
    margin: 1rem 0
}

.post-lead {
    font-size: 1rem;
    font-weight: 400;
    text-transform: lowercase;
    word-wrap: break-word;
    text-align: center;
    margin: 2rem 0
}

.texto-post {
    font-size: 1.3rem;
    font-weight: 400;
    word-wrap: break-word
}

.post-header {
    border-top: 1px rgba(49.94, 47.02, 47.02, .25) solid;
    border-bottom: 1px rgba(49.94, 47.02, 47.02, .25) solid;
    display: flex;
    justify-content: space-between;
    padding: 1rem
}

.post-header .botoes {
    flex-basis: 100px;
    display: flex;
    justify-content: space-between;
    padding-top: 10px
}

.post-header .autor {
    flex-basis: 285px;
    display: flex;
    justify-content: space-around
}

.post-imagem img {
    object-fit: fill;
    width: 100%
}

#texto-quemsomos {
    background: #fff;
    padding: 4rem 0 0
}

#texto-quemsomos .qs-subtitulo {
    font-size: 1.25rem;
    color: var(--amarelo);
    font-weight: 700;
    text-align: center
}

#texto-quemsomos .qs-titulo {
    font-size: 2.75rem;
    font-weight: 600;
    color: var(--azul-primario);
    text-align: center
}

#texto-quemsomos .txt-qs {
    font-weight: 200;
    line-height: 1.5;
    letter-spacing: -.05em;
    text-align: center;
    font-size: 1.25rem
}

#pilares {
    background-color: #fff;
    position: relative;
    max-height: 355px;
    z-index: 2
}

#pilares .box-pilar {
    background: #fff;
    border: .5px solid #bdbdbd;
    border-radius: 1.2rem;
    margin: 1rem;
    padding: 2rem
}

#pilares .box-pilar-icone {
    min-height: 65px;
    margin-bottom: 1rem
}

#pilares .box-pilar-titulo {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--azul-terciario);
    text-align: center;
    margin: 1rem 0
}

#pilares .box-pilar-texto {
    font-size: 1rem;
    font-weight: 500;
    color: #9c9c9c;
    text-align: center
}

#conheca {
    margin-top: -2rem;
    position: relative;
    background-color: #ececec;
    padding: 4rem 0
}

#conheca .titulo-conheca {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--azul-terciario);
    margin-top: 4rem
}

#conheca .texto {
    width: 75%;
    font-weight: 500
}

#conheca .btn-faca-parte {
    background-color: var(--amarelo);
    color: #fff;
    text-transform: uppercase;
    border-radius: 1rem;
    font-weight: 600;
    transition: allr ease-out .3s;
    margin: 0 auto;
    padding: 1rem 3rem
}

#conheca .btn-faca-parte:hover,
#conheca .btn-faca-parte:active {
    border: 1px solid var(--amarelo);
    color: var(--amarelo);
    background: none
}

#historia {
    background: #fff;
    padding: 6rem 0
}

#historia .titulo-historia {
    text-align: center;
    color: var(--azul-terciario);
    font-weight: 700;
    font-size: 2.5rem
}

#historia .linha-tempo-ano {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700;
    color: #d1d1d1;
    margin: 1rem 0 0
}

#historia .linha-tempo-linha {
    position: relative;
    width: 100%
}

#historia .linha-tempo-linha:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: repeating-linear-gradient(90deg, transparent, transparent 5px, #d1d1d1 5px, #d1d1d1 10px);
    background-size: 10px 2px
}

#historia .linha-tempo-linha span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #d1d1d1
}

#historia .linha-tempo-elementos {
    width: 90%;
    margin: 2rem auto;
    border: 1px solid #bdbdbd;
    border-radius: 1rem;
    padding: .5rem .5rem 2rem
}

#historia .linha-tempo-imagem img {
    border-radius: 1rem
}

#historia .linha-tempo-titulo {
    text-align: center;
    margin: 1rem 0;
    font-weight: 700;
    color: var(--azul-terciario);
    font-size: 1.5rem
}

#historia .linha-tempo-texto {
    text-align: center;
    color: #9c9c9c;
    font-weight: 500
}

#historia .slick-arrow {
    background: none;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    cursor: pointer;
    border: none;
    font-size: 2rem;
    color: #d1d1d1;
    transition: all ease-in .3s
}

#historia .slick-arrow:hover {
    color: #1f1f1f;
    transition: all ease-in-out .3s
}

#historia .slick-arrow.slick-prev {
    margin-left: -50px
}

#historia .slick-arrow.slick-next {
    right: -50px
}

#mapa {
    padding: 4em 0
}

#mapa .btn-action-map {
    background-color: var(--amarelo);
    color: #fff;
    font-weight: 700;
    padding: 1rem 5rem
}

.box-mapa {
    position: relative;
    z-index: 1;
    padding: 20px 0 0 15px;
    margin: 0 auto
}

#map {
    display: none;
    transform: scale(1.2);
    transform: scale(1);
    display: table !important;
    margin: 0 auto
}

#map .state {
    cursor: pointer;
    text-decoration: none;
    font-weight: 700
}

#map .state .shape {
    cursor: pointer;
    -width: 0
}

#map .state .label_icon_state {
    fill: #131313;
    font-family: Arial;
    font-size: 11px;
    line-height: 12px;
    font-weight: 400
}

#map .state .label_state {
    font-family: Arial;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    display: none
}

#map .model-davi .state:hover .label_state {
    display: none;
    fill: #fff !important
}

#map .model-davi .state .shape {
    fill: #ddd
}

#map .model-davi .state:hover .shape {
    fill: var(--azul-terciario) !important
}

#map .model-davi .state .icon_state {
    fill: var(--azul-primario)
}

#map .model-davi .state:hover .icon_state {
    fill: var(--azul-terciario)
}

#map .model-davi .state .icon_state+.label_icon_state {
    fill: #333
}

#map .model-davi .state .label_icon_state {
    fill: #333
}

#map .model-davi .state:hover .label_icon_state {
    fill: #fff
}

#map .model-davi .state .label_state {
    fill: #666;
    display: none
}

#map .model-davi .state .shape {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#map .model-davi .state:hover .shape {
    fill: #0288d1
}

#regionais {
    padding: 4em 0;
    background-color: #fff
}

.btn-enviar {
    background-color: var(--azul-terciario);
    border: 1px solid var(--azul-terciario);
    color: #fff;
    font-weight: 700
}

.btn-enviar:hover {
    background-color: none;
    color: var(--azul-terciario);
    border: 1px solid var(--azul-terciario)
}

.box-regional {
    flex: 1 1 45%;
    margin: 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(11, 10, 15, .2);
    padding: 0;
    background: rgba(11, 10, 15, .03)
}

.box-regional .box-header {
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    background-color: var(--azul-terciario);
    padding: .5rem;
    text-align: center;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.8rem
}

.box-regional .box-body img {
    max-height: 350px;
    object-fit: cover;
    width: 100%;
    margin-bottom: 1rem
}

.box-regional .box-body p {
    width: 85%;
    margin: 1rem auto;
    font-size: 1.5rem
}

#contato {
    background-color: var(--background-rodape);
    padding: 8em 0
}

#contato .titulo-contato {
    color: #fff;
    margin-bottom: 1.5em
}

#contato .btn-enviar {
    background-color: var(--amarelo);
    border: 1px solid var(--amarelo);
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 1rem 3rem
}

#contato .btn-enviar:hover {
    background-color: #fff;
    color: var(--azul-terciario);
    border: 1px solid #fff
}

#contato .subtitulo-contato {
    font-size: 1.3rem;
    color: #fff;
    font-weight: 700;
    margin-bottom: 1rem
}

#contato .texto-contato {
    color: #fff;
    margin-bottom: 2rem
}

#contato .link-telefone {
    color: #fff;
    display: block;
    margin-bottom: 2rem;
    text-decoration: none;
    transition: all ease-out .3s
}

#contato .link-telefone:hover {
    font-weight: 500;
    transition: all ease-out .3s
}

#lgpd h2 {
    font-weight: 700;
    margin: 2em 0
}

#lgpd .texto,
#lgpd li {
    font-size: 1.25rem;
    font-weight: 500;
    margin: 1rem 0
}

#lgpd a {
    color: #000
}

.txt-consultor {
    font-size: 1.25rem !important;
    font-weight: 400 !important;
    width: 90%
}

.txt-consultor span {
    font-weight: 700;
    font-size: 1.5rem
}

.fundo.carro-consultor {
    padding: 4em 0 !important
}

#video-consultor {
    background-color: #002ed3;
    padding: 6em 0
}

#dobra1 {
    margin: 4em 0
}

#dobra1 .boxes {
    display: flex;
    justify-content: center
}

#dobra1 .texto-amarelo {
    font-size: 2.3rem;
    color: var(--amarelo);
    font-weight: 600;
    text-align: center
}

#dobra1 .titulo {
    text-align: center
}

#dobra1 .box {
    background-color: #fff;
    padding: 1em;
    margin: 1em;
    flex: 1 1 30%;
    border-radius: 1rem
}

#dobra1 .box-titulo {
    color: #001f8e;
    font-weight: 700;
    font-size: 1.5rem;
    text-align: center
}

#dobra1 .box-texto {
    color: #42526b;
    text-align: center;
    font-size: 1.2rem
}

#sobre .titulo {
    text-align: center
}

#sobre .texto {
    text-align: center;
    width: 80%;
    margin: 2rem auto;
    color: #42526b;
    font-size: 1.3rem;
    font-weight: 500
}

#form-consultor {
    margin-top: 2em;
    padding: 6em 0;
    background-color: #1627a1
}

#form-consultor .form-control {
    height: 60px
}

#form-consultor label,
#form-consultor h5 {
    color: #fff
}

#form-consultor .titulo-form {
    text-align: center;
    color: #fff;
    font-size: 3rem;
    font-weight: 700
}

#form-consultor .btn-torne {
    background-color: var(--amarelo);
    color: #fff;
    text-transform: uppercase;
    border-radius: 1rem;
    font-weight: 600;
    transition: allr ease-out .3s;
    margin: 0 auto;
    padding: 1rem 3rem;
    display: block
}

#form-consultor .btn-torne:hover,
#form-consultor .btn-torne:active {
    border: 1px solid var(--amarelo);
    color: var(--amarelo);
    background: none
}

#alerta-lgpd {
    position: fixed;
    bottom: 0;
    z-index: 10;
    background-color: var(--azul-terciario);
    padding: 2em;
    color: #fff
}

#alerta-lgpd .lgpd-content {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    font-weight: 700
}

#alerta-lgpd .lgpd-botoes {
    display: flex;
    align-items: center;
    justify-content: center
}

#alerta-lgpd .btn-lgpd {
    border: 1px solid #fff;
    margin: 1rem 1rem 0;
    padding: 1rem 2rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    transition: all ease-out .3s
}

#alerta-lgpd .btn-lgpd:hover {
    background-color: #fff;
    color: var(--azul-terciario);
    transition: all ease-in .3s
}

.janela-whats {
    position: fixed;
    z-index: 100;
    top: 20%;
    right: 1em;
    width: 450px;
    max-width: 480px;
    overflow: hidden;
    transition: all .5s ease-in-out;
    transform: translateY(100%);
    opacity: 0
}

.janela-whats.aberto {
    transform: translateY(0);
    opacity: 1
}

.box-janela-whats .box-janela-whats-header {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    background-color: var(--azul-primario);
    display: flex;
    padding: 1rem;
    background-repeat: no-repeat
}

.box-janela-whats .box-janela-whats-header .img-assistente {
    margin-right: 1rem
}

.box-janela-whats .box-janela-whats-header .tag-assistente h2 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff
}

.box-janela-whats .box-janela-whats-header .tag-assistente p {
    color: #fff;
    margin: 0
}

.box-janela-whats .box-janela-whats-body {
    background-color: #fff;
    padding: 1em;
    min-height: 200px;
    height: 390px
}

.box-janela-whats .box-janela-whats-body .box-assistente {
    width: 80%;
    display: flex;
    align-items: end;
    justify-content: flex-start
}

.box-janela-whats .box-janela-whats-body .box-assistente .icon-assistente {
    margin-right: 1em;
    max-width: 35px
}

.box-janela-whats .box-janela-whats-body .box-assistente .texto-assistente .nome-assistente {
    color: #141131;
    font-size: .85rem
}

.box-janela-whats .box-janela-whats-body .box-assistente .texto-assistente .mensagem-assistente {
    background-color: #f1f0f0;
    border-radius: 1rem;
    padding: 1rem;
    margin: 1rem 0 0
}

.box-janela-whats .box-janela-whats-body .box-usuario {
    width: 60%;
    float: right;
    margin: 1rem
}

.box-janela-whats .box-janela-whats-body .botao-box {
    width: 100%;
    display: block;
    border: 1px solid var(--azul-terciario);
    margin: 1rem 0;
    padding: 1rem 0;
    text-align: center;
    color: var(--azul-terciario);
    text-decoration: none;
    border-radius: 1rem;
    font-weight: 600;
    transition: all ease-in .3s
}

.box-janela-whats .box-janela-whats-body .botao-box:hover {
    background-color: var(--azul-terciario);
    color: #fff;
    transition: all ease .3s
}

.box-janela-whats .box-janela-whats-footer {
    border-top: 1px solid #E1DFDF;
    background-color: #fff;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    padding: 1rem;
    display: flex;
    justify-content: space-between
}

.box-janela-whats .box-janela-whats-footer .input-texto {
    width: 90%;
    padding-left: 2rem;
    display: flex;
    align-items: center;
    color: #141131
}

.box-janela-whats .box-janela-whats-footer .botao-footer {
    font-size: 2rem;
    color: #e9e9e9
}

.botao-whatsapp {
    position: fixed;
    width: 80px;
    height: 80px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    font-size: 50px;
    box-shadow: 1px 1px 2px #888;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

@keyframes scroll-x {
    0% {
        transform: translate(var(--scroll-start))
    }

    to {
        transform: translate(var(--scroll-end))
    }
}

@keyframes saida {
    0% {
        margin-left: 0;
        opacity: 1
    }

    to {
        margin-left: -100px;
        opacity: 0
    }
}

@keyframes entrada {
    0% {
        margin-left: -100px;
        opacity: 0
    }

    to {
        margin-left: 0;
        opacity: 1
    }
}

@keyframes servicos {
    0% {
        margin-left: 0;
        opacity: 1
    }

    30% {
        margin-left: -100px;
        opacity: 0
    }

    60% {
        margin-left: -100px;
        opacity: 0
    }

    to {
        margin-left: 0;
        opacity: 1
    }
}

@media (max-width: 1400px) {
    .link-header li {
        margin: 0 10px
    }

    #nav .menu {
        margin-left: 45px
    }

    #barra-navegacao .menu-barra-navegacao {
        padding: 1em 0
    }

    #barra-navegacao .segunda {
        width: 80px
    }

    #secao-cta {
        margin: 8rem 0 4rem
    }

    #carro .img-carro {
        left: 8em
    }

    #cta-carro {
        margin: 4rem 0 0;
        padding: 2rem 0rem
    }

    #cta-carro .fundo {
        padding: 6em 0 0
    }

    #cta-carro .col-sm-6 {
        right: 6em;
        position: relative
    }

    #aplicativos {
        margin: 4rem 0;
        max-height: 50vh
    }

    #aplicativos .img-mockup {
        width: 32%
    }

    #barra-navegacao {
        width: 85%
    }

    #faq {
        margin-top: 15rem
    }

    #depoimentos .depoimento-icone {
        margin: -95px 0 0 115px
    }

    #depoimentos .depoimento-texto {
        min-height: 340px
    }

    #beneficios .bolhas {
        left: 1em;
        margin-top: 2em
    }

    #beneficios .btn-cta {
        padding: 1rem 2rem;
        text-align: center
    }

    #blog .postagens-post-titulo {
        font-size: 1rem
    }

    #blog .postagens-post-descricao {
        font-size: .875rem
    }

    #blog .postagens-footer .postagens-botoes {
        width: 40%
    }
}

@media (max-width: 600px) {

    html,
    body {
        margin: 0
    }

    #nav {
        padding: 1rem
    }

    #nav .col-sm-2,
    #nav-evex .col-sm-2 {
        max-width: 75%
    }

    #nav .col-sm,
    #nav-evex .col-sm {
        max-width: 25%;
        display: flex !important;
        align-items: center;
        justify-content: end
    }

    #nav .btn-offcanvas,
    #nav-evex .btn-offcanvas {
        background: none;
        border: none;
        display: block
    }

    #nav .btn-offcanvas i,
    #nav-evex .btn-offcanvas i {
        color: #fff;
        font-size: 2rem
    }

    #sliders {
        margin: 0
    }

    #formulario .form {
        position: relative
    }

    #servicos .background-servicos {
        height: 380px
    }

    #pagina-servicos #servicos .background-servicos {
        height: 430px
    }

    #servicos .botao {
        padding: 0
    }

    #servicos #detalhesImg {
        display: flex
    }

    #servicos #detalhesImg .imgDetalhes {
        flex: 1
    }

    #servicos .imagem-carro {
        padding: 0;
        width: 100%;
        margin: -575px auto 0;
        max-height: 300px
    }

    #pagina-servicos #servicos .imagem-carro {
        margin: -575px auto 0
    }

    #servicos .dizeres-servicos {
        margin-top: 10em;
        text-align: center
    }

    #pagina-servicos #servicos .dizeres-servicos {
        margin-top: 13em
    }

    #servicos #buttonNext,
    #servicos #buttonPrev {
        display: none
    }

    #servicos .box {
        flex: 1 1
    }

    #secao-cta {
        margin-top: -2rem
    }

    #cta-carro {
        margin: 11em 0 0
    }

    #cta-carro .fundo {
        border-radius: 0
    }

    #cta-carro .col-sm-6 {
        right: -.2em
    }

    #carro .img-carro {
        width: 95%;
        left: .1em
    }

    #cta-carro .texto-cta {
        font-size: 1.5rem;
        margin: 4em auto 0;
        width: 80%
    }

    #aplicativos h1,
    #depoimentos .titulo,
    #faq h1,
    #servicos h1,
    #ajuda h1,
    .titulo,
    #form-consultor .titulo-form {
        font-size: 2rem
    }

    #beneficios .bolhas {
        display: none
    }

    #beneficios .box {
        flex-basis: 200px
    }

    #protecao .coluna {
        flex-wrap: wrap
    }

    #protecao .coluna-icone {
        margin: 0 1rem
    }

    #protecao .coluna-titulo {
        width: 100%;
        max-width: 100%;
        padding-top: 2rem
    }

    #protecao .coluna-texto {
        width: 100%;
        max-width: 100%
    }

    #rodape-you .logoyou {
        padding: 2rem
    }

    #pilares {
        height: auto;
        max-height: 100%
    }

    #historia .slick-arrow {
        width: 50px;
        height: 50px
    }

    #historia .slick-arrow.slick-prev {
        margin-left: -20px
    }

    #historia .slick-arrow.slick-next {
        right: -20px
    }

    #aplicativos {
        min-height: 500px
    }

    #aplicativos .img-mockup {
        width: 44%;
        right: 1em;
        margin-top: -17em
    }

    #depoimentos .depoimento-icone {
        margin: -95px 0 0 115px
    }

    #blog .postagens-post {
        flex-basis: 200px
    }

    #map {
        scale: .76;
        margin-left: -4em
    }

    #dobra1 .box {
        flex-basis: 200px
    }

    #ajuda .ajuda-titulo {
        font-size: 1.25rem
    }

    #imgServ.moto {
        margin-top: -7em
    }

    #imgServ.van {
        margin-top: 1em
    }

    #rodape-site .col-sm-4 {
        width: 100%
    }

    #faq {
        margin-top: 0rem
    }

    #cta-carro .btn-consultor {
        margin: 1rem 0 0 1rem
    }

    #cta-carro .row.justify-content-end,
    #pilares .col-sm-9 .row {
        margin: 0
    }

    #pilares .col-sm-9 .row {
        justify-content: center !important
    }

    #imgServ.especial {
        margin-top: -75px
    }

    .janela-whats {
        width: 350px
    }

    .box-janela-whats .box-janela-whats-header .tag-assistente h2 {
        font-size: .875rem
    }

    .box-janela-whats .box-janela-whats-header .tag-assistente p {
        font-size: .675rem
    }

    .box-janela-whats .box-janela-whats-body .box-assistente {
        width: 90%
    }

    .botao-whatsapp {
        width: 45px;
        height: 45px;
        font-size: 25px
    }

    #alerta-lgpd .lgpd-content {
        font-size: 10px
    }

    #alerta-lgpd .btn-lgpd {
        padding: .5rem
    }
}

@media (max-width: 380px) {
    .janela-whats {
        top: 5%
    }
}

.onoff {
    margin-left: -27px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    color: white;
    *display: inline;
    position: relative;
    cursor: pointer;
    width: 55px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.onoff label {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: #cd3c3c;
    border-radius: 5px;
    font-weight: bold;
    color: #FFF;
    -webkit-transition: background 0.3s, text-indent 0.3s;
    -moz-transition: background 0.3s, text-indent 0.3s;
    -o-transition: background 0.3s, text-indent 0.3s;
    transition: background 0.3s, text-indent 0.3s;
    text-indent: 27px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;
}

.onoff label:after {
    content: 'NÃO';
    display: block;
    position: absolute;
    top: 0px;
    left: -5px;
    color: white;
    width: 100%;
    font-size: 12px;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.35);
    z-index: 1;
}

.onoff label:before {
    content: '';
    width: 15px;
    height: 24px;
    border-radius: 3px;
    background: #FFF;
    position: absolute;
    z-index: 2;
    top: 3px;
    left: 3px;
    color: white;
    display: block;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -o-transition: left 0.3s;
    transition: left 0.3s;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}

.onoff input:checked+label {
    background: #378b2c;
    text-indent: 8px;
}

.onoff input:checked+label:after {
    content: 'SIM';
    color: white;
    left: 1px;
}

.onoff input:checked+label:before {
    left: 37px;
}