html { scroll-behavior: smooth;}
body { color: #777;}
img, picture, video, embed, iframe { max-width: 100%;}
h1, h2, h3 { font-family: "Nunito Sans", serif;}
h1, h2 { color: #E9B872; font-size: 40px; font-weight: 700;}
h2 { font-weight: 900; margin-bottom: 30px;}
.verticalAlignFlex{ align-items:center; display:flex;}
a:focus{ outline:none;}
p { font-size: 18px;}
ul { list-style: none;}

.btnCTA { background:#E78895; font-size:20px; text-transform:lowercase; border-radius: 30px; color:#fff; display:inline-block; padding: 10px 30px 14px 30px; transition:all .15s;}
.btnCTA:hover{ background:#f36779!important; color:#fff; text-decoration:none; transform:scale(1.03); box-shadow:0 2px 8px rgb(0 0 0/20%);}

.bannerHome { background: url(imagens/banner/banner-01.png) no-repeat; margin-bottom: 75px; padding-bottom: 160px; padding-top: 160px; background-size: 100%;}
.bannerHome h1 {color: #5298c2; font-size: 64px; line-height: 56px; font-weight: 900;}
.bannerHome .logo {font: 24px "Playpen Sans", serif; margin-bottom: 30px;}
.bannerHome .logo small { display: block; font-size: 19px;}
.bannerHome p { color: #bbb; font-size: 25px; font-weight: 600;}
.bannerHome small { color: #aaa; display: block; font-size: 17px; padding: 10px 15px;}

.boxSobre { padding-bottom: 75px; padding-top: 75px; text-align: center;}
.boxSobre p { text-align: left;}
.boxSobre h2 { margin-bottom: 45px; text-align: center;}
.boxSobre h2 small { color: #aaa; display: block; font-size: 24px; font-weight: 700;}
.boxSobre span { display: inline-flex; padding: 20px; position: relative;}
.boxSobre span::before {content: ''; width: 200px; height: 100px; background: #fff; position: absolute; left: 0; top: 0; z-index: -1; border: 4px solid #fddc8d; border-bottom: 0; border-right: 0;}
.boxSobre span::after { content: ''; width: 100px; height: 200px; background: #fff; border-right: 4px solid #fddc8d; border-bottom: 4px solid #fddc8d; position: absolute; right: 3px; bottom: 0; z-index: -1;}
.boxSobre span img { border-radius: 0 30px;}

.boxServicos h2 { line-height: 48px; margin-bottom: 70px; text-align: center;}
.boxServicos h2 small { color: #aaa; display: block; font-size: 24px; font-weight: 700;}
.boxServicos ul { padding: 0;}
.boxServicos ul li .contentLi { background: #fff; margin-bottom: 45px; text-align: center; box-shadow: -2px 5px 20px 5px #f5f5f5; border-radius: 40px; padding-bottom: 45px; overflow: hidden;}
.boxServicos ul li .contentLi h3 { color: #777; font-weight: 700; font-size: 28px; margin: 30px 0; padding: 0 15px;}
.boxServicos ul li .contentLi h3 small { color: #8a8a8a; display: block; font-size: 20px;}

.boxFotos { background: #fbf8f4; padding-bottom: 75px; padding-top: 75px; text-align: center;}
.boxFotos h2 { margin-bottom: 75px;}
.boxFotos h3 { font-size: 20px; color: #aaa; margin-bottom: 60px;}
.boxFotos .imgGallery .imgPrincipal, .boxFotos .imgGallery .imgSecundaria { align-items: center; display: flex; justify-items: center; height: 260px; margin-bottom: 45px; overflow: hidden;}
.boxFotos .imgGallery .imgPrincipal a, .boxFotos .imgGallery .imgSecundaria a { align-items: center; background: #fff; border-radius: 8px; display: flex; max-height: 260px;  overflow: hidden;}
.boxFotos .imgGallery .imgPrincipal a img { border-radius: 8px;}
.boxFotos > a { margin-top: 30px;}

.boxDepoimentos {background: #fbf8f4; background-size: 100%; overflow: hidden; padding-bottom: 75px; padding-top: 75px; text-align: center; }
.boxDepoimentos ul { margin-top: 45px; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;}
.boxDepoimentos ul li {  background: #fff; margin: 15px; max-width: 426px; padding: 15px;}


.footerGeral { padding-bottom: 60px; padding-top: 60px;}
.footerGeral p { margin-bottom: 0;}
.footerGeral .tel { color: #5e5e5e; font-size: 20px; font-weight: 700;}
.footerGeral .footerLogo { border-radius: 130px; display: inline-block; margin-bottom: 45px; overflow: hidden;}

.footerRodape { padding-top: 45px;}

@media (max-width: 991px) {
    .btnCTA { padding: 10px 20px 14px 20px;}
    .bannerHome { padding-bottom: 0px; padding-top: 50%;}
}


@media (max-width: 767px) {

    .bannerHome { padding-bottom: 30px; padding-top: 30px; background-size: cover; background-position: right; position: relative;}
    .bannerHome h1 { color: #ffe4be;}
    .bannerHome .container { position: relative; z-index: 1;}
    .bannerHome .logo { color: #fff;}
    .bannerHome .logo small { color: #fff; font-size: 18px; padding: 0;}
    .bannerHome::after { background: rgba(0, 0, 0, 0.4); content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0;}
    .bannerHome h1 { font-size: 36px; line-height: 36px;}
    .bannerHome .logo { font-size: 22px;}
    .bannerHome p { color: #fff; font-size: 20px;}
    .bannerHome small { color: #fff;}
    
    h2, .boxServicos h2, .boxFotos h2 { font-size: 30px; line-height: 34px; margin-bottom: 45px;}
    .boxServicos h2 small { line-height: 30px; margin-top: 15px;}

    .boxServicos ul li .contentLi h3 { font-size: 24px;}

    .boxDepoimentos ul { display: block; overflow: auto; padding: 0 0 40px; white-space: nowrap;}
    .boxDepoimentos ul li { display: inline-flex; white-space: normal;}

    /* CUSTOM SCROLLBAR */
    .customScrollbar::-webkit-scrollbar {background:#e8e8e8; border-radius:10px; width:6px; height:10px; position:relative; bottom:5px;}
    .customScrollbar::-webkit-scrollbar-thumb {background-color:#E78895; border-radius:10px;}
    .customScrollbar::-webkit-scrollbar-thumb:hover{background-color:#E78895;}
    .customScrollbar::-webkit-scrollbar-thumb:active{background-color:#E78895;}

}

@media (max-width: 575px) {

    .boxSobre ul { margin-bottom: 0; width: 100%;}
    .boxSobre .box2 { margin-top: 30px;}

    .boxFotos .imgGallery .imgPrincipal, .boxFotos .imgGallery .imgSecundaria { border-radius: 8px;}
    .boxFotos .imgGallery .imgSecundaria { height: 70px; margin-bottom: 15px; }

}