/* Global styles */

body{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #6D6A65;
    background-color: #F5F1EC;
    line-height: 1.3;
    /*overflow-x: hidden;*/
}
*::selection{
    background: #ddd;
    color: #000;
}
*::-moz-selection{
    background: #ddd;
    color: #000;
}
b, strong{
    font-weight: 600;
}
a{
    color: blue;
    outline: none;
}
a:hover{
    color: inherit;
    text-decoration: underline;
}
a.link{
    color: blue;
    text-decoration: underline;
}
a.btn{
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
    color: inherit;
    font-weight: 700;
}
h1{
    font-size: 35px;
}
h2{
    font-size: 30px;
}
h3{
    font-size: 25px;
}
h4{
    font-size: 20px;
}
h5{
    font-size: 16px;
}
h6{
    font-size: 15px;
}
.hover:hover{
    opacity: 0.8;
}
.hover-border:hover{
    border: solid 1px #aaa;
    box-sizing: border-box;
    opacity: 0.8;
}
li{
    list-style-position: inside;
}

/*formulários*/
.btn{
    font-weight: 400;
}
label{
    font-weight: 400;
}
.form-floating label{
    color: #444;
    font-weight: 400;
}
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label{
    opacity: 0.5;
    transform: scale(.83) translateY(-.7rem) translateX(.15rem);
}

/*################*/
/*---- header ----*/
header{
    background-color: #917c69;
}
@media(min-width: 992px){
    header{
        position: absolute;
        background-color: transparent;
        /*
        background: rgb(158,140,122);
        background: -moz-linear-gradient(180deg, rgba(158,140,122,1) 0%, rgba(67,74,160,0) 100%);
        background: -webkit-linear-gradient(180deg, rgba(158,140,122,1) 0%, rgba(67,74,160,0) 100%);
        background: linear-gradient(180deg, rgba(158,140,122,1) 0%, rgba(67,74,160,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9e8c7a",endColorstr="#434aa0",GradientType=1);
        */
        width: 100%;
        height: 100px;
        top: 0;
        z-index: 99;
    }
}
header .navbar .navbar-brand img{
    width: 200px;
    max-width: 200px !important;
}
@media(min-width: 768px){
    header .navbar .navbar-brand img{
        width: 100%;
        max-width: 100% !important;
    }
}
header .navbar .nav-item,
header .navbar .nav-link{
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}
header .navbar-expand-lg .nav-link{
    padding-left: 25px !important;
    padding-right: 25px !important;
}
@media(max-width: 992px){
    header .navbar .navbar-collapse{
        position: absolute;
        background-color: #917c69;
        width: 100%;
        top: 100%;
        right: 0px;
    }
}
header .navbar .navbar-toggler{
    font-size: 1.7rem;
    box-shadow: none;
    outline: none;
}
header .navbar .navbar-toggler:hover{
    outline: none;
}
/*---- # header ----*/
/*##################*/


/*###############*/
/*---- corpo ----*/
main{
    min-height: 300px;
    padding-top: 40px;
}
@media(min-width: 992px){
    main{
        min-height: 400px;
    }
}
.container-header-no-margin{
    margin-top: -40px;
}
@media (min-width: 1200px) {
    .container-header-no-margin{
        margin-top: -40px;
    }
}
.container-header-padding{
    padding-top: 0px;
}
.container-footer-no-margin{
    margin-bottom: -50px;
}
.container-footer-padding{
    padding-bottom: 0px;
}

.grecaptcha-badge{
    display: none;
}

.titulo-1{
    display: table;
    font-family: 'Marcellus', cursive;
    font-size: 60px;
    font-weight: 400;
    color: #40392D;
}
.titulo-1 span{
    font-family: 'Corinthia', cursive;
    font-size: 100px;
    color: #A1D9D6;
    margin-left: -19%;
}
@media (min-width: 768px) {
    .titulo-1{
        font-size: 90px;
    }
    .titulo-1 span{
        font-size: 190px;
    }
}
.titulo-2{
    display: table;
    font-family: 'Marcellus', cursive;
    font-size: 40px;
    font-weight: 400;
    color: #40392D;
}
@media (min-width: 768px) {
    .titulo-2{
        font-size: 45px;
    }
}
@media (min-width: 1440px) {
    .titulo-2{
        font-size: 55px;
    }
}

.btn-1{
    font-size: 20px;
    font-weight: 700;
    color: #40392D;
    background-color: #A1D9D6;
    border: none;
    border-radius: 25px;
    line-height: 2;
}
@media(min-width: 768px){
    .btn-1{
        font-size: 25px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}
.btn-1:hover{
    background-color: #a1d9d6;
}
.btn-2{
    font-size: 20px;
    font-weight: 700;
    color: #40392D;
    background-color: #A1D9D6;
    border: none;
    border-radius: 30px;
    line-height: 2;
}
@media(min-width: 768px){
    .btn-2{
        font-size: 25px;
        padding-top: 0px;
        padding-bottom: 0px;
        line-height: 56px;
    }
}
.btn-2:hover{
    background-color: #a1d9d6;
}

section#banner-main{
    min-height: 50vh;
}
.banner-main .swiper-slide{
    min-height: 30vh;
}
@media(min-width: 992px){
    .banner-main .swiper-slide{
        min-height: 50vh;
    }
}
@media(min-width: 1200px){
    .banner-main .swiper-slide{
        min-height: 80vh;
    }
}
.banner-main{
    margin-top: -1px;
}
.banner-main-content{
    background-color: #9e8c7a;
}
@media(min-width: 992px){
    .banner-main-content{
        position: absolute;
        background-color: transparent;
        top: 0;
        right: 0;
        z-index: 100
    }
}
.banner-main-titulo-1{
    font-family: 'Marcellus', cursive;
    font-size: 60px;
    font-weight: bold;
    color: #332D22;
    text-align: center;
    line-height: 1;
}
.banner-main-titulo-2{
    font-family: 'Corinthia', cursive;
    font-size: 100px;
    font-weight: 400;
    color: #B1DFDD;
    text-align: center;
    margin-top: -2%;
}
@media(min-width: 992px){
    .banner-main-titulo-1{
        font-size: 90px;
    }
    .banner-main-titulo-2{
        font-size: 145px;
        text-align: right;
        margin-top: -10%;
        margin-right: -7%;
    }
}


.swiper-lazy-preloader{
    --swiper-theme-color: #9d6d37;
}
.swiper-button-prev,
.swiper-button-next{
    color: #fff;
}
.swiper-pagination-custom{
    position: relative;
    float: right !important;
    left: auto !important;
    right: 11% !important;
    top: -60px !important;
    bottom: 0px !important;
    /*min-width: 200px;*/
    width: auto !important;
}
.swiper-pagination-bullet{
    background-color: #fff;
    height: 15px;
    width: 15px;
}

/*
.banner-main{
    color: #fff;
}
.banner-main-bg-color{
    background-color: #a68e7a;
}
@media(min-width: 992px){
    .banner-main{
        background-color: transparent;
        background-image: url(../img/banner-main.png);
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 100%;
        margin-top: -100px;
        height: 89vh;
    }
}
@media(min-width: 1400px){
    .banner-main{
        min-height: 828px;
    }
}
.banner-main-titulo-1{
    font-family: 'Marcellus', cursive;
    font-size: 38px;
    font-weight: 700;
    color: #A1D9D6;
    text-transform: uppercase;
}
.banner-main-titulo-2{
    font-family: 'Marcellus', cursive;
    font-size: 35px;
    font-weight: 400;
    color: #fff;
}
*/

.sobre-nos-content{
    font-size: 22px;
    font-weight: 500;
}
@media(min-width: 992px){
    .sobre-nos-img{
        margin-top: -25%;
    }
}

section#procedimentos{
    background-color: #d9d3ca;
}
@media(min-width: 992px){
    section#procedimentos{
        background-color: transparent;
        background: url(../img/bg-procedimentos.svg) center top no-repeat;
        min-height: 110vh;
    }
}
.procedimentos-grid-img svg.active g,
.procedimentos-grid-img svg:hover g,
.procedimentos-grid-img svg:focus g{
    cursor: pointer;
    fill: #A1D9D6;
}
.procedimentos-grid-text{
    font-size: 18px;
    font-weight: 500;
    color: #332D22;
}
.procedimentos-img-container:not(:first-child){
    /*display: none !important;*/
}
@media(min-width: 992px){
    .procedimentos-img{
        margin-top: -8%;
    }
}
.procedimentos-img-text{
    position: absolute;
    font-size: 20px;
    color: #fff;
    text-align: left;
    line-height: 1.5rem;
    margin: auto;
    max-width: 80%;
    bottom: 10%;
    z-index: 10;
}
@media(min-width: 768px){
    .procedimentos-img-text{
        max-width: 60%;
        bottom: 8%;
    }
}
@media(min-width: 1200px){
    .procedimentos-img-text{
        max-width: 60%;
        bottom: 8%;
    }
}
@media(min-width: 1600px){
    .procedimentos-img-text{
        max-width: 40%;
        bottom: 8%;
    }
}

/*---- # corpo ----*/
/*#################*/


/*################*/
/*---- footer ----*/
footer{
    color: #F5F1EC;
    background-color: transparent;
    background-image: url(../img/bg-footer.svg);
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 10rem;
    /*min-height: 300px;*/
}
@media(min-width:992px){
    footer{
        padding-top: 12rem;
        /*min-height: 280px;*/
    }
}
footer a,
footer a:active,
footer a:visited{
    color: inherit !important;
    text-decoration: none;
}
footer .social a,
footer .social a:hover,
footer .apps a,
footer .apps a:hover{
    text-decoration: none;
}

footer .footer-fixed{
    left: auto !important;
    right: 0px !important;
}
footer .whatsapp-fixed{
    text-decoration: none;
    /*left: auto !important;*/
    /*right: 0px !important;*/
    animation: pulse-whats 2.5s infinite;
}
footer .whatsapp-fixed:hover{
    text-decoration: none;
    animation: none;
}

footer .to-top{
    display: none;
    text-decoration: none;
    /*left: auto !important;*/
    /*right: 0px !important;*/
}
/*---- # footer ----*/
/*##################*/


.heartbeat {
    -webkit-animation: heartbeat 1.5s ease-in-out 10s infinite both;
    animation: heartbeat 1.5s ease-in-out 10s infinite both;
}
/* ----------------------------------------------
* Generated by Animista on 2021-2-18 10:17:6
* Licensed under FreeBSD License.
* See http://animista.net/license for more info. 
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */

/**
* ----------------------------------------
* animation heartbeat
* ----------------------------------------
*/
@-webkit-keyframes heartbeat {
 from {
   -webkit-transform: scale(1);
           transform: scale(1);
   -webkit-transform-origin: center center;
           transform-origin: center center;
   -webkit-animation-timing-function: ease-out;
           animation-timing-function: ease-out;
 }
 10% {
   -webkit-transform: scale(0.91);
           transform: scale(0.91);
   -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in;
 }
 17% {
   -webkit-transform: scale(0.98);
           transform: scale(0.98);
   -webkit-animation-timing-function: ease-out;
           animation-timing-function: ease-out;
 }
 33% {
   -webkit-transform: scale(0.87);
           transform: scale(0.87);
   -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in;
 }
 45% {
   -webkit-transform: scale(1);
           transform: scale(1);
   -webkit-animation-timing-function: ease-out;
           animation-timing-function: ease-out;
 }
}
@keyframes heartbeat {
 from {
   -webkit-transform: scale(1);
           transform: scale(1);
   -webkit-transform-origin: center center;
           transform-origin: center center;
   -webkit-animation-timing-function: ease-out;
           animation-timing-function: ease-out;
 }
 10% {
   -webkit-transform: scale(0.91);
           transform: scale(0.91);
   -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in;
 }
 17% {
   -webkit-transform: scale(0.98);
           transform: scale(0.98);
   -webkit-animation-timing-function: ease-out;
           animation-timing-function: ease-out;
 }
 33% {
   -webkit-transform: scale(0.87);
           transform: scale(0.87);
   -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in;
 }
 45% {
   -webkit-transform: scale(1);
           transform: scale(1);
   -webkit-animation-timing-function: ease-out;
           animation-timing-function: ease-out;
 }
}