@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

.pt-sans-regular {
    font-family: "PT Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.pt-sans-bold {
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.pt-sans-regular-italic {
    font-family: "PT Sans", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.pt-sans-bold-italic {
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    font-style: italic;
}

:root {
    --cor0: #00A4DA;
    --cor1: #091648;
    --cor2: #00A4DA;
    --cor3: #003569
}

@keyframes moving {
    0% {
        bottom: 0px
    }

    50% {
        bottom: 5px
    }

    100% {
        bottom: 0px
    }
}

.animation {
    animation: moving ease-in-out 1s infinite
}

.social,
.rectangle,
a,
a:before,
a:after,
.input[type=submit],
input[type=reset],
input[type=button],
button {
    transition: all ease-out 140ms
}

.banner:before {
    background: linear-gradient(to bottom, white 25%, rgba(255, 255, 255, 0.1) 75%)
}

* {
    box-sizing: border-box;
    font-family: inherit;
    outline: none;
    resize: none;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    border: none
}

html,
body {
    margin: 0;
    padding: 0;
    font-family: "PT Sans", sans-serif;
    color: #091648
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.display-1,
.display-2,
.display-3,
.display-4 {
    margin-top: 0;
    letter-spacing: -1px
}

p,
ul {
    line-height: 25px;
    color: #465e72;
    font-size: large;
}

.container {
    max-width: 1200px
}

.bkg {
    background-color: #fff
}

.bkg-b0 {
    background-color: #00A4DA
}

.bkg-b1 {
    background-color: #091648
}

.bkg-b2 {
    background-color: #00A4DA
}

.bkg-b2a {
    background-color: rgba(1, 152, 205, .5)
}

.bkg-bs1 {
    background: linear-gradient(-170deg, white 30%, whitesmoke 70%)
}

.bkg-bs1v {
    background: linear-gradient(0deg, white 30%, whitesmoke 70%)
}

.bkg-bs2 {
    background: linear-gradient(135deg, white 30%, whitesmoke 70%)
}

.bkg-bs2v {
    background: linear-gradient(95deg, white 30%, whitesmoke 70%)
}

.bkg-bs {
    background: linear-gradient(135deg, #016081, #01729a, #00A4DA, #00A4DA)
}

.bkg-bs-strong {
    background-color: rgb(255 255 255 / 0.5);
    -webkit-backdrop-filter: blur(300px);
    backdrop-filter: blur(300px);
}

.bkg-bs-light {
    background-color: rgb(0 164 218 / 0.5);
    -webkit-backdrop-filter: blur(400px);
    backdrop-filter: blur(400px);
}

.cor {
    color: #fff !important
}

.cor-c0 {
    color: #00A4DA
}

.cor-c1 {
    color: #091648
}

.cor-c2 {
    color: #00A4DA
}

.bt {
    position: relative;
    cursor: pointer;
    display: inline-block;
    border-radius: 50px;
    border-style: solid;
    border-width: 1px;
    padding: 15px 30px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.bt-fit {
    padding: 10px 20px;
}

.bt-bw {
    color: #091648;
    border-color: #091648;
    background-color: #f7f7f7
}

.bt-bw:hover {
    color: #fff;
    border-color: #00A4DA;
    background-color: #00A4DA
}

.bt-bwv {
    color: #fff;
    border-color: #fff;
    background-color: rgba(0, 0, 0, 0)
}

.bt-bwv:hover {
    color: #091648;
    background-color: #fff
}

.bt-b0 {
    border-color: #00A4DA;
    background-color: #00A4DA;
    color: #fff;
}

.bt-b0:hover {
    border-color: #01729a;
    background-color: #01729a
}

.bt-b1 {
    border-color: #091648;
    background-color: #091648;
    color: #fff;
}

.bt-b1:hover {
    color: #fff;
    border-color: #324453;
    background-color: #324453
}

.bt-b1v {
    border-color: #091648;
    color: #091648;
    background-color: rgba(0, 0, 0, 0);
}

.bt-b1v:hover {
    color: #00A4DA;
    background-color: #091648
}

.bt-b2 {
    border-color: #00A4DA;
    color: #fff;
    background-color: #00A4DA;
}

.bt-b2:hover {
    border-color: #1dc3fe;
    background-color: #1dc3fe
}

.bt-b2v {
    border-color: #00A4DA;
    color: #00A4DA;
    background-color: rgba(0, 0, 0, 0)
}

.bt-b2v:hover {
    color: #fff;
    background-color: #00A4DA
}

.bt-whats {
    border-color: #4fce5d;
    color: #fff;
    background-color: #4fce5d;
}

.bt-whats:hover {
    border-color: #33b742;
    background-color: #33b742
}

.bt-whatsv {
    border-color: #4fce5d;
    color: #4fce5d
}

.bt-whatsv:hover {
    color: #fff;
    background-color: #4fce5d
}

.altura {
    position: relative;
    min-height: 650px
}

.sdw {
    box-shadow: 1px 3px 5px rgba(31, 42, 51, .2)
}

.banner {
    width: 100%;
    height: 100%;
    z-index: -999;
    top: 0;
    position: fixed;
    overflow: hidden
}

.banner:before {
    content: "";
    position: absolute;
    z-index: 900;
    opacity: .4;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden
}

.banner-foto {
    width: 100%;
    height: 100%;
    background: url('../images/DyH0qPCWBbYT.jpg');
    background-size: cover;
}

@media screen and (max-width: 576px) {
    .banner-foto {
        background: url('../images/bg-banner-mobile.jpg');
        background-position-x: 30%;
    }
}

.owl-item img {
    display: inline-block !important;
    width: 180px !important;
    background-color: #fff;
    border-radius: 50%;
    padding: 10px
}

.owl-prev,
.owl-next {
    background-color: rgba(0, 0, 0, 0) !important;
    font-size: inherit !important;
    color: #091648 !important
}

.img {
    position: relative;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center
}

.img::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden
}

.img-b1 {
    background-image: url("../imgs/i1.jpg")
}

.img-b1::before {
    background: linear-gradient(to right, rgba(12, 16, 19, 0.6) 0%, rgba(31, 42, 51, 0.6) 80%)
}

.img-b2 {
    background-image: url("../images/8EAUYZAWpZxU.jpg")
}

.img-b2::before {
    background-color: rgba(1, 152, 205, .5)
}

.img-b3 {
    background-image: url("../images/DyH0qPCWBbYT.jpg")
}

.img-b3::before {
    background-color: rgba(1, 152, 205, .5)
}

.img-b4 {
    background-image: url("../imgs/b1x.jpg")
}

.img-b4::before {
    background-color: rgba(31, 42, 51, .4)
}

.img-b5 {
    background-image: url("../images/SwUo2M0u25Ml.jpg")
}

.img-b6 {
    background-image: url("../images/MUiXOYu1mZ4G.jpg");
}

.rectangle {
    position: relative;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    top: 0;
    box-shadow: 2px 2px 20px 0 rgba(31, 42, 51, .1);
    border-style: solid;
    border-width: 0px 0px 7px 0px;
    border-color: #03bdfe
}

.rectangle-pos {
    position: relative;
    transform: translate(-50%, 100px);
    top: 0%;
    left: 50%;
    z-index: 5;
    margin-top: -100px;
}

.rectangle-img {
    background-size: contain;
    background-repeat: no-repeat
}

.rectangle-img::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(to top, white 35%, rgba(255, 255, 255, 0.2) 100%)
}

.rectangle:hover {
    top: -5px;
    box-shadow: 0px 30px 40px 0px rgba(31, 42, 51, .1)
}

.borda {
    border-radius: 50%;
    background-color: #f2f2f2;
    padding: 20px;
    text-align: center;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.borda i {
    border-radius: 50%;
    border-color: #ebebeb;
    border-width: thin;
    border-style: solid;
    color: #00A4DA;
    height: 90px;
    width: 90px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center
}

.borda-pos {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 0%;
    border-radius: 50%;
    background-color: #00A4DA;
    color: #fff;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center
}

.botao-responsivo {
    display: inline-block;
    background-color: #fff;
    border-radius: 5px;
    padding: 8px 10px;
    margin: 5px 0
}

.botao-responsivo:hover {
    background-color: #00A4DA;
    color: #fff
}

.main-menu {
    list-style: none;
    padding: 0;
    margin: 0
}

@media screen and (max-width: 768px) {
    .main-menu {
        background-color: rgba(255, 255, 255, .1);
        border-color: rgba(255, 255, 255, .2);
        border-width: thin;
        border-style: dotted;
        padding: 10px;
        margin: 10px auto;
        width: -moz-fit-content;
        width: fit-content
    }
}

.main-menu li {
    position: relative;
    text-align: center
}

.main-menu li a {
    display: inline-block;
    margin: 1px;
    font-size: 18px;
    padding: 7px;
    border-radius: 50px;
    font-size: large;
    font-weight: 700;
    text-transform: uppercase;
    color: #091648;
}

@media screen and (max-width: 768px) {
    .main-menu li a {
        display: inline-block;
        margin: 5px 0;
        padding: 5px 20px
    }
}

.main-menu li a:hover {
    color: #00A4DA
}

@media screen and (min-width: 768px) {
    .main-menu li:hover .sm {
        display: block !important
    }
}

.sm {
    position: absolute;
    display: none;
    transform: translatex(-50%);
    left: 50%;
    list-style: none;
    padding: 5px;
    border-style: solid;
    border-width: 1px 1px 4px 1px;
    border-color: rgba(230, 230, 230, .1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, .8);
    z-index: 999999999
}

@media screen and (max-width: 768px) {
    .sm {
        position: relative !important;
        display: none;
        width: 100%
    }
}

.sm li {
    position: relative;
    display: list-item;
    box-sizing: border-box;
    width: 100%;
    text-align: center
}

.sm li a {
    white-space: nowrap;
    display: inline-block !important;
    padding: 3px 10px;
    margin: 3px 0;
    font-size: 13px
}

.logo img {
    width: 100%;
    max-width: 6vw;
    display: inline-block;
}

@media screen and (max-width: 576px) {
    .sm li a {
        white-space: wrap
    }

    .logo img {
        max-width: 30vw;
    }
}

.sticky-top {
    transition: transform 450ms;
}

.topo {
    backdrop-filter: blur(400px);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
        rgba(0, 0, 0, 0.3) 0px 20px 10px -30px;
    opacity: 0.95;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.owl-bkg {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(242, 242, 242, .5)
}

.bar {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    padding: 20px 15px;
    border-style: solid
}

.bar-c1 {
    border-color: #00A4DA
}

.bar-c2 {
    border-color: #00A4DA
}

.bar-cw {
    border-color: beige
}

.bar-up {
    border-width: 5px 5px 0
}

.bar-dw {
    border-width: 0 5px 5px
}

.bar-wt {
    max-width: 150px !important;
    border-radius: 20px;
}

@media screen and (max-width: 576px) {
    .bar-wt {
        margin-left: 25vw;
    }
}

.social {
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 2px;
    color: #fff
}

.social-tw:hover {
    color: #00aced !important
}

.social-fb:hover {
    color: #3b5998 !important
}

.social-in {
    color: #fff !important
}

.social-in:hover {
    color: #007bb6 !important
}

.social-ig:hover {
    color: #f15245 !important
}

.online,
.ebook,
.contato {
    margin-bottom: 0
}

.online-borda,
.ebook-borda,
.contato-borda {
    border-style: solid;
    border-width: 1px;
    border-color: #e6e6e6;
    background-color: #fff;
    border-radius: 50px;
    margin: 10px 3px;
    padding: 3px
}

.online input,
.online textarea,
.online select,
.ebook input,
.ebook textarea,
.ebook select,
.contato input,
.contato textarea,
.contato select {
    flex: 1;
    resize: none;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    background: rgba(0, 0, 0, 0)
}

.online-icone,
.ebook-icone,
.contato-icone {
    color: #fff;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    background-color: #00A4DA;
    width: 45px;
    height: 45px
}

.sear {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 4px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    border-color: #00A4DA;
    color: #fff;
    background-color: #00A4DA
}

@media screen and (max-width: 768px) {
    .sear {
        padding: 20px;
        height: 0;
        margin: 10px auto 0
    }
}

.sear:hover {
    background: rgba(0, 0, 0, 0);
    color: #00A4DA
}

.search {
    background: #fff;
    border-radius: 30px;
    padding: 4px;
    margin: 0
}

.search input {
    background: rgba(0, 0, 0, 0);
    font-size: inherit;
    text-indent: 15px;
    width: 100%;
    flex: 1 320px;
    border-radius: 30px;
    padding: 13px 0
}

.search button {
    background: #00A4DA;
    color: #fff;
    border-radius: 30px;
    padding: 13px 80px;
    border: none;
    font-size: inherit
}

@media screen and (max-width: 676px) {
    .search button {
        width: 100%
    }
}

.search button:hover {
    background: #091648
}

@keyframes anima_janela {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

#modal,
#modalagenda {
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: linear-gradient(135deg, rgba(31, 42, 51, 0.9), rgba(1, 133, 180, 0.9));
    z-index: 99999999
}

#modal .janela_modal,
#modalagenda .janela_modal {
    width: 80%;
    position: relative;
    z-index: 999;
    display: block;
    padding: 5px;
    margin: 10px;
    border-radius: 5px;
    animation: anima_janela 1s
}

#modal .modal-janela,
#modalagenda .modal-janela {
    overflow: auto;
    width: 90%;
    max-height: 80%;
    position: relative;
    z-index: 998;
    padding: 15px;
    border-radius: 5px;
    margin-top: 30px;
    animation: anima_janela 1s
}

#modal .modal-janela .modal-janela-texto table,
#modalagenda .modal-janela .modal-janela-texto table {
    width: 100% !important
}

#modal .modal-close,
#modalagenda .modal-close {
    position: absolute;
    z-index: 999;
    top: 20px;
    right: 20px
}

.btn-facebook {
    background-color: #4064ad;
    border-color: #324e88;
    color: #fff
}

.btn-twitter {
    background-color: #1da1f2;
    border-color: #0c85d0;
    color: #fff
}

.btn-linkedin {
    background-color: #0271ae;
    border-color: #01507c;
    color: #fff
}

.wwa-img {
    width: 100%;
    max-width: 450px;
    object-fit: contain;
    border-radius: 50px;
    box-shadow: 2px 2px 20px 0 rgba(31, 42, 51, .1);
    border-style: solid;
    border-width: 0px 0px 7px 0px;
    border-color: #03bdfe;
}

/*# sourceMappingURL=style.min.css.map */

@media screen and (max-width: 576px) {
    .logo-wrapper .logo {
        margin-top: -2vh;
        margin-bottom: -2vh;
    }

    .top-logo-container {
        display: none;
    }
}

@media screen and (min-width: 577px) {
    .top-logo-container-mobile {
        display: none;
    }
}