@charset "utf-8";

@font-face {
    font-family: 'Bebas Neue';
    src: url('BebasNeue-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('BebasNeue-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('BebasNeue-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue Book';
    src: url('BebasNeue-Book.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('BebasNeue-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1.3;
    font-size: 17px;
    color: #5C5959;
}

@media (min-width: 1400px){
    .container{
        max-width: 1107px;
    }
}

@media (min-width: 1200px){
    .container{
        max-width: 1107px;
    }
}

.font-bebas{
    font-family: 'Bebas Neue', sans-serif !important;
}

.grecaptcha-badge {
    visibility: collapse !important;
}

div.whats-rodape {
    position: relative;
}

a.btn-whatsapp-rodape {
    z-index: 9999;
    bottom: 20px;
    right: 20px;
    color: #ffffff;
    border: none;
    transition: .2s ease-out;
    font-size: 70px !important;
    height: 110px;
    width: 110px;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
    line-height: 1.3;
    background: #48BB78;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    border-radius: 50%;
}

a.btn-whatsapp-rodape:hover {
    background: #128c7e;
    color: #ffffff;
    border: none;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .50);
}

div.alert{
    font-size: 25px;
}

label.error{
    color: red;
}

.aceite-cookies {
    position: fixed;
    bottom: 0;
    z-index: 99999;
    background-color: #f0f0f0;
    border-radius: 10px;
    margin: 1rem;
    padding: 2rem 6rem;
    text-align: center;
    font-size: 1.3rem;
    line-height: 28px;
    border: solid 1px #d4d4d4;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.btn-dj {
    background: #1494CB;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 0;
}

.btn-dj:focus, .btn-dj:hover{
    background: #102147;
    color: #FFFFFF;
}

.btn-dj.transparente{
    border: 4px solid #29A7D2;
    background: #ffffff;
    color: #29A7D2;
}

header.position-fixed.fixed-top.scroll{
    background: #ffffff;
}

header .list-inline-item a{
    color: #29A7D2;
    text-decoration: none;
}

header.position-fixed.fixed-top.scroll .list-inline-item a{
    color: #29A7D2 !important;
}

header .list-inline-item a:hover, header .list-inline-item a:focus, header .list-inline-item a:active{
    color: #29A7D2;
}

section.conteudo.banner{
    background-image: url(../imagens/banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    height: 100vh;
}

/*section.conteudo .container .banner{*/
/*    padding: 75px 0;*/
/*}*/

.bg-cinza{
    background: #F3F3F3;
}

.bg-azul-claro{
    background: #C0E2ED;
    z-index: 1;
}

.box-quadrado-baixo{
    position: relative;
    width: 305px;
    height: 201px;
    left: -50px;
    bottom: -50px;
    background: #F3F3F3;
    border: 4px solid #29A7D2;
    z-index: 0;
}

.box-traco{
    border: 4px solid #29A7D2;
    position: relative;
}

.texto-azul{
    color: #29A7D2;
}

.texto-azul-escuro{
    color: #025D7C;
}

.box-traco h2{
    position: absolute;
    top: -25px;
    background: #F3F3F3;
    padding-left: 10px;
    padding-right: 10px;
}

.box-traco h2.esquerda{
    left: -5px;
}

.box-traco h2.centro{
    left: 50%;
    transform: translate(-50%, 0);
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
}

.btn-seta-slide{
    background: #29A7D2;
    color: #ffffff;
    line-height: 1;
    font-size: 22px;
    padding: 10px 15px;
    border-radius: 0;
    outline: none;
    box-shadow: none;
}

.btn-seta-slide:hover, .btn-seta-slide:focus{
    background: #002F3F;
    color: #ffffff;
    outline: none;
    box-shadow: none;
}

hr{
    border-top: 1px solid #29A7D2;
    opacity: 1;
}

.form-control{
    background: transparent;
    border: none;
    border-bottom: 1px solid #025D7C;
    border-radius: 0;
}

.form-control::placeholder{
    font-style: normal;
    color: #000000;
}

form label{
    font-weight: 400;
    font-size: 14px;
    color: #025D7C;
}

.link-header{
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    color: #18346C;
}

.link-header i{
    border: 2px solid #18346C;
    border-radius: 10px;
    font-size: 30px;
    padding: 8px;
    vertical-align: middle;
}

.link-header:hover, .link-header:focus{
    color: #18346C;
    text-decoration: underline;
}

.link-whatsapp{
    font-size: 17px;
    text-align: center;
    font-weight: bold;
    color: #5A5A5A;
    text-decoration: none;
}

.link-whatsapp:hover,
.link-whatsapp:focus{
    color: #5A5A5A;
    text-decoration: underline;
}

section.conteudo h2{
    font-weight: 700;
    font-size: 55px;
}

section.conteudo h2 small{
    font-size: 20px;
    line-height: 23px;
    color: #5A5A5A;
}

section.conteudo h3{
    font-weight: 700;
    font-size: 20px;
}

section.conteudo.aparelhos h3{
    font-weight: 400;
    font-size: 25px;
    color: #18346C;
}

.box-aparelhos{
    background: #FFFFFF;
    box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.30);
    border-radius: 30px;
}

.box-aparelhos h3{
    font-weight: bold;
    font-size: 27px;
}

.border-radius-100{
    border-radius: 100px;
}

.border-radius-30{
    border-radius: 30px;
}

footer{
    background: #1E7593;
}

footer a{
    text-decoration: none;
    color: #ffffff;
}

footer a:hover, footer a:focus, footer a:active{
    color: #ffffff;
}

footer .icone-rodape{
    text-decoration: none;
    font-size: 30px;
    color: #ffffff;
}

footer .link-politica{
    text-decoration: none;
}

@media (max-width: 991px) {
    section.conteudo.banner{
        background-image: url(../imagens/mobile/banner.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right center;
        height: 100vh;
    }

    header .list-inline-item a {
        color: #002634 !important;
        text-decoration: none;
    }

    .aceite-cookies {
        padding: 1.5rem 1rem;
        font-size: 15px;
        line-height: 1;
    }

    section.conteudo .container .banner{
        background-image:none;
        height: auto;
    }

    section.conteudo .container .banner {
        padding: 0;
    }

    section.conteudo .container .banner .banner-mobile{
        margin-top: -75px;
        position: relative;
        z-index: -1;
    }




    section.conteudo.banner h2 {
        font-size: 40px;
    }

    section.conteudo .container .box-agende h2 {
        font-size: 18px;
    }

    section.conteudo h2 {
        font-size: 35px;
    }

    section.conteudo.form-rodape .box-form-rodape h2 {
        font-weight: 700;
        font-size: 25px;
    }

    section.conteudo.form-rodape .box-form-rodape h3 {
        font-weight: 400;
        font-size: 17px;
    }

    a.btn-whatsapp-rodape {
        font-size: 55px !important;
        height: 90px;
        width: 90px;
    }
}